Ανώτερο Φροντιστήριο JavaScript
Στυλισμός
Στυλισμός μέσω του χαρακτηριστικού style
Μονάδες μέτρησης στο χαρακτηριστικό style
Λάθη με μονάδες μέτρησης
Αποσυσκευασία τιμών CSS ιδιοτήτων
Επαναφορά στυλ μέσω του style
Μαζική ρύθμιση στυλ
Προβλήματα ανάγνωσης στυλ
Ανάγνωση ιδιοτήτων από CSS αρχεία
Μετατροπή αναγνωσμένων τιμών
Στυλισμός με κλάσεις
Μία κλάση για στυλισμό
Ανεπάρκεια των κλάσεων
Εναλλαγή στυλ μέσω data-
Μετρικές Στοιχείων
Διεύρυνση Στοιχείων σε CSS
Δοκιμαστικό Στοιχείο
Μέγεθος Πελάτη Στοιχείου
Πλήρες Μέγεθος Στοιχείου
Διαστάσεις Στοιχείου με Κύλιση
Κύλιση Στοιχείων
Αλλαγή Κύλισης Στοιχείου
Κύλιση Στοιχείου μέχρι το Τέλος
Ανάπτυξη Στοιχείου
Πλάτος Μπάρας Κύλισης
Μετρικές Παραθύρου
Διαστάσεις Παραθύρου
Διαστάσεις Παραθύρου Λαμβάνοντας Υπόψη την Κύλιση
Λήψη Κύλισης Παραθύρου
Λήψη και Αλλαγή Κύλισης Παραθύρου
Μέθοδος για Κύλιση Παραθύρου σε Θέση
Μέθοδος για Κύλιση Παραθύρου κατά Ποσό
Μέθοδος για Κύλιση Παραθύρου προς Στοιχείο
Γεγονός Κύλισης
Συλλογές Map
Συλλογές Set
Εισαγωγή
Αρχική συμπλήρωση
Χρήσιμες δυνατότητες
Διέλευση με βρόγχο
Μετατροπή
Αφαίρεση διπλότυπων από πίνακα
Λήψη χωρίς διπλότυπα
Ψευδο-πίνακες
Εισαγωγή
Ομοιότητα με πίνακες
Διαφορές
Έλεγχος για πίνακα
Μετατροπή σε πίνακα
Τύποι ψευδο-πινάκων
Διαφορά μεταξύ τύπων
Σύμβολα
Εισαγωγή στον τύπο Symbol
Περιγραφές συμβόλου
Σύμβολα κλειδιά αντικειμένων
Διεύθυνση αντικειμένου με σύμβολα
Συνάρτηση σε αντικείμενο
Λειτουργίες με αντικείμενα στη συνάρτηση
Καθολικά σύμβολα
Λήψη ονόματος συμβόλου
Καλά γνωστά σύμβολα
Επανάληπτες
Επαναληπτά Αντικείμενα
Συνάρτηση Επαναλήπτη
Κλήσεις Επαναλήπτη
Γεννήτριες
Βρόχοι σε Γεννήτριες
Μία Χρήση Επαναληπτών
Επαναλήπτης Αντικειμένου
Δημιουργία Επαναληπτού Αντικειμένου
Γεννήτρια μέσω Υπολογιζόμενης Ιδιότητας
Ενσωματωμένος Επαναλήπτης values
Ενσωματωμένος Επαναλήπτης keys
Ενσωματωμένος Επαναλήπτης entries
Τρεις Ενσωματωμένοι Επαναλήπτες
Ο Τελεστής spread και οι Επαναλήπτες
Ενσωματωμένοι Επαναλήπτες Συμβολοσειρών
Πίνακας Ψηφίων Αριθμού
Αρίθμηση Στοιχείων DOM
Λήψη Δεδομένων Στοιχείων DOM
Μορφή JSON
Αποθήκευση
Εισαγωγή
Αποθήκευση στον debugger
Δεδομένα
Αποθήκευση μία φορά
Επανεγγραφή δεδομένων
Διαγραφή δεδομένων
Εκκαθάριση αποθήκευσης
Αριθμός εγγραφών
Λήψη κλειδιού με αριθμό
Διάσχιση αποθήκευσης με ευρετήρια
Πίνακες κλειδιών και τιμών αποθήκευσης
Αποθήκευση δομών
Τροποποίηση αποθηκευμένων δομών
Πρακτική
Τακτικές Εκφράσεις
Εισαγωγή
Τελεστές Επανάληψης
Ομαδοποιητικές Αγκύλες
Διαφυγή Ειδικών Χαρακτήρων
Σγουρές Αγκύλες
Περιορισμός της Απληστίας
Ομάδες Χαρακτήρων
Σύνολα Χαρακτήρων
Αντιστροφή Συνόλων Χαρακτήρων
Ιδιαιτερότητες της Κυριλλικής
Ειδικοί Χαρακτήρες μέσα σε Σύνολα
Ομάδες Χαρακτήρων μέσα σε Σύνολα
Ειδικοί Χαρακτήρες-Εξαιρέσεις μέσα σε Σύνολα
Ο Χαρακτήρας Καπέλου (^) μέσα σε Σύνολα
Ιδιαιτερότητες της Πάυλας μέσα σε Σύνολα
Αγνόηση Πεζών/Κεφαλαίων
Αρχή και Τέλος Γραμμής
Σύνορο Λέξεων
Πολυγραμμικότητα
Η Εντολή 'ή'
Μεταβλητή με Τακτική Έκφραση
Η Μέθοδος test
Η Μέθοδος search
Η Μέθοδος split
Η Μέθοδος match
Θήκες (Pockets) στη μέθοδο match
Καθολικό match (Global)
Καθολικό matchAll (Global)
Η Μέθοδος exec
Η Ιδιότητα lastIndex
Θήκες (Pockets) στη μέθοδο replace
Συνάρτηση Ανάκλησης (Callback) στη μέθοδο replace
Προεπιλεγμένες Θήκες (Pockets) στη μέθοδο replace
Θήκες (Pockets) στην ίδια την τακτική έκφραση
Ονομασμένες Θήκες (Pockets)
Ονομασμένες Θήκες (Pockets) μέσα στην έκφραση
Μη-Διατηρητικές Αγκύλες
Θετικός και Αρνητικός Έλεγχος (Lookahead/Lookbehind)
Συμβολοσειρά με Τακτική Έκφραση
Σημαίες (Flags) για συμβολοσειρές
Ανάστροφη Πλάγια Παύλα (Backslash) σε συμβολοσειρές
Εξαιρετικές Καταστάσεις
Εισαγωγή
Είδη Προσπιπτόντων Καταστάσεων
Παραλαβή Εξαιρέσεων
Ανάπτυξη με try-catch
Παραλαβή Εξαιρέσεων σε Ένθετο Κώδικα
Αντικείμενο με Εξαίρεση
Βασικοί Τύποι Εξαιρέσεων
Εφαρμογή Τύπων Εξαίρεσης
Γέννηση Εξαιρέσεων
Γέννηση Διάφορων Τύπων Εξαιρέσεων
Γέννηση Ιδίων Τύπων Εξαιρέσεων
Παράδειγμα Εξαίρεσης με data- Ιδιότητες
Παράδειγμα Εξαίρεσης με JSON
Προώθηση Εξαιρέσεων
Ασυγχρονία
Σύγχρονος και ασύγχρονος κώδικας
Ασυγχρονία του μοντέλου συμβάντων
Ασυγχρονία φόρτωσης εικόνων
Εξαιρετικές καταστάσεις σε ασύγχρονο κώδικα
Ασύγχρονα Callbacks
Εισαγωγή
Ασύγχρονη μεταβίβαση αποτελέσματος στο callback
Μεταβίβαση παραμέτρων σε ασύγχρονο callback
Επεξεργασία εξαιρέσεων σε ασύγχρονα callbacks
Φόρτωση εικόνων
Το πρόβλημα του callback hell
Ασύγχρονη φόρτωση εικόνων σε βρόχο
Προγραμματιστικές Υποσχέσεις
Εισαγωγή στις Προγραμματιστικές Υποσχέσεις
Εξαιρετικές Καταστάσεις
Αντικείμενο Σφάλματος
Ξεχωριστή Παγίδευση Εξαιρέσεων
Καταστάσεις Προγραμματιστικής Υπόσχεσης
Αλυσίδες Προγραμματιστικών Υποσχέσεων
Προγραμματιστικές Υποσχέσεις μέσα σε Αλυσίδα
Εξαιρέσεις σε Αλυσίδες Προγραμματιστικών Υποσχέσεων
Εργασία με Πίνακες Προγραμματιστικών Υποσχέσεων
Δημιουργία Εκπληρωμένων Προγραμματιστικών Υποσχέσεων
Προγραμματιστική Μετατροπή Ασύγχρονου Κώδικα
Το Πρόβλημα της Προγραμματιστικής Κόλασης
Προγραμματιστικές Υποσχέσεις σε Σύγχρονο Στυλ
Εξαιρέσεις σε Σύγχρονο Στυλ
Βιβλιοθήκες
Εργαλεία
Σημασιολογική εκδόση
Τερματικό
NodeJS
Εισαγωγή στο npm
Εγκατάσταση μέσω npm
Σύντομη μορφή εγκατάστασης
Εξαρτήσεις στο αρχείο package.json
Εξαρτήσεις ανάπτυξης
Μορφές εκδόσεων εξαρτήσεων
Ρυθμίσεις αρχείου package.json
Δημιουργία αρχείου package.json
Μεταφορά έργου npm
Αρχείο package-lock.json
Ενημέρωση πακέτων
Αφαίρεση πακέτων
Καθολική εγκατάσταση μέσω npm
Καθολική αφαίρεση πακέτων
Εργαλείο npx
Εκτέλεση σεναρίων μέσω npm
Διαχειριστής Yarn
Ενότητες ES
Εισαγωγή στις ενότητες
Ενεργοποίηση ενοτήτων ES
Εγκατάσταση Webpack
Αρχή λειτουργίας Webpack
Ρύθμιση Webpack
Ρύθμιση εκκίνησης δομής Webpack
Δοκιμαστική δομή μέσω Webpack
Σύνδεση δέσμης στη σήμανση
Δημιουργία ενότητας ES
Σύνδεση ενότητας ES
Μετονομασία κατά την εισαγωγή
Εισαγωγή όλου του περιεχομένου της ενότητας
Εξαγωγή προεπιλογής
Συνδυασμός εξαγωγών
Εισαγωγή όλου του περιεχομένου κατά τον συνδυασμό εξαγωγών
Εξαγωγή τιμών
Τιμές ως σταθερές
Εισαγωγή ενοτήτων npm
Δυναμική εισαγωγή
Δυναμική πολλαπλή εισαγωγή
Μετατροπή ενοτήτων CommonJS
Πρωτόκολλο HTTP
Δοκιμαστικός Διακομιστής
Φόρμες
Υποβολή φορμών
Μέθοδοι υποβολής φορμών
Υποβολή φορμών με μέθοδο GET
Υποβολή φορμών με μέθοδο POST
Αιτήματα GET
Εφαρμογή αιτημάτων GET
Κουμπιά φόρμας
Υποβολή φορμών μέσω JavaScript
Απαγόρευση υποβολής φόρμας
Εισαγωγή στο FormData
Μέθοδοι FormData
Επαναλήπτες FormData
AJAX
Εισαγωγή στο AJAX
Βασικές αρχές της fetch
Κωδικός HTTP απόκρισης
Επιτυχία αιτήματος
Εξαιρετικές καταστάσεις
Πλήρης υποκλοπή σφαλμάτων
Κεφαλίδες HTTP απόκρισης
Λήψη JSON
Κεφαλίδες HTTP αιτήματος
GET αιτήματα
POST αιτήματα
Δεδομένα μέσω URLSearchParams
Δεδομένα μέσω FormData
Αποστολή ολόκληρης της φόρμας
Αποστολή JSON
Πολιτική CORS
Μετάδοση cookies
Σύγχρονος στυλ
Εργασία με καμβά
Εκκίνηση
Σχεδίαση γραμμών
Σχεδίαση ορθογωνίων
Σχεδίαση κύκλων
Αλλαγή χρώματος γραμμής
Αλλαγή μεγέθους γραμμών
Βρόχοι
Βελτιστοποίηση Κώδικα
Παράγοντες Ταχύτητας Φόρτωσης Ιστότοπου
Διαθέσιμοι Πόροι
Βελτιστοποίηση Επαναλαμβανόμενων Λειτουργιών
Βελτιστοποίηση Επανάληψης Βαρέων Λειτουργιών
Βελτιστοποίηση Κυκλικών Λειτουργιών
Βελτιστοποίηση Περιττών Επαναλήψεων Βρόχου
Βελτιστοποίηση μέσω Ενσωματωμένων Συναρτήσεων
Επιλογή Βέλτιστου Αλγορίθμου
Βελτιστοποίηση Χρήσης Κανονικών Εκφράσεων
Βελτιστοποίηση Εργασίας με DOM
Βελτιστοποίηση Κατανάλωσης Μνήμης
Βελτιστοποίηση Μετατροπής σε Πίνακα
Βελτιστοποίηση Χειριστών Γεγονότων
Βελτιστοποίηση Ταχύτητας σε Βάρος Μνήμης
Δεδομένα
Αμεταβλητότητα
Αντίγραφο πίνακα
Αντίγραφο αντικειμένου
Προσθήκη στοιχείων σε πίνακα
Αφαίρεση στοιχείων πίνακα
Αλλαγή στοιχείων πινάκων
Πίνακας αντικειμένων
Δημιουργία τυχαίου id
Προσθήκη στοιχείου με id
Αφαίρεση στοιχείου κατά id
Αλλαγή στοιχείου κατά id
Αλλαγή μιας ιδιότητας κατά id
Λήψη στοιχείου κατά id