Ανάπτυξη σε JavaScript - μάθημα 39.500 τρίψιμο. από το IBS Training Center, εκπαίδευση 40 ωρών, Ημερομηνία 26 Νοεμβρίου 2023.
μικροαντικείμενα / / November 28, 2023
Θέματα που καλύπτονται:
1. Γλώσσα JavaScript:
Εκδόσεις JavaScript και υλοποιήσεις.
Τομείς εφαρμογής JavaScript (πρόγραμμα περιήγησης, διακομιστής, ανάπτυξη κινητής τηλεφωνίας).
Τύποι δεδομένων: String, Number, Boolean (η έννοια του αληθούς και του ψευδούς)
Τελεστές, προτεραιότητα χειριστή;
Δήλωση μεταβλητών: var, const, let;
Βρόχοι: while, for, for … in, for …of;
Εργασία με αριθμούς και συμβολοσειρές.
Μηδενικές και μη καθορισμένες τιμές: διαφορές και σκοποί εφαρμογής.
Εργασία με την κονσόλα.
Εξαιρέσεις σε JavaScript.
2. JSON, αντικείμενα και πίνακες:
Μορφή JSON, παραδείγματα.
JSON.Αναλύστε και διαγραμμίστε;
Αντικείμενα, που εργάζονται με την κλάση Object.
Δημιουργία αντικειμένων (χρησιμοποιώντας την κυριολεξία {}, τον νέο τελεστή, τη μέθοδο δημιουργίας).
Πρωτοτυπική κληρονομιά, αναφορά __proto__;
Γεωμετρητές και ρυθμιστές.
Ο τελεστής in και hasOwnProperty, η έννοια των απαριθμήσιμων ιδιοτήτων.
μέθοδος toString(), που καλεί και παρακάμπτει τη μέθοδο.
Μέθοδος valueOf(), καλώντας και παρακάμπτοντας τη μέθοδο.
Δημιουργία πινάκων: literals και new Array();
Αυτόματη αλλαγή μήκους πίνακα.
Λήψη και ρύθμιση του μήκους του μήκους του πίνακα, περικοπή του πίνακα.
Χρησιμοποιώντας μεθόδους join() και concat().
Χρησιμοποιώντας τη μέθοδο ταξινόμησης, ορίζοντας τη σειρά ταξινόμησης του πίνακα.
Χρήση των μεθόδων slice και splice.
Χρήση μεθόδων push, pop, shift, unshift: δημιουργία στοίβας ή ουράς.
3. Εργασία με ημερομηνίες και χορδές:
Χρησιμοποιώντας τη νέα δομή κατασκευής Date().
Κατανόηση της αναπαράστασης από υπολογιστή της ημερομηνίας ως ώρας με την Εποχή.
Χρησιμοποιώντας getTime() και setTime();
Αναπαράσταση συμβολοσειράς ανάλυσης ημερομηνιών.
Επιλογές για τη δημιουργία συμβολοσειρών σε JS: χρήση μονά και διπλά εισαγωγικά.
Παρεμβολή συμβολοσειρών (συμβολοσειρά σε απόστροφους).
Διαφυγή ειδικών χαρακτήρων σε μια συμβολοσειρά.
Συνένωση συμβολοσειρών, μετατροπή σε κεφαλαία και πεζά.
Εύρεση υποσυμβολοσειράς χρησιμοποιώντας indexOf() και lastIndexOf();
Επιλογή υποσυμβολοσειράς με χρήση substring() και substr()
Χρησιμοποιώντας τις μεθόδους περιλαμβάνει, endsWith, startsWith.
4. Χρήση JavaScript στο πρόγραμμα περιήγησης: Μοντέλο DOM:
Διαχείριση του παραθύρου του προγράμματος περιήγησης, του εγγράφου, των συμβάντων και του στυλ (στυλ CSS).
Το αντικείμενο του παραθύρου και οι χρήσεις του.
Σύνδεση κώδικα JavaScript σε σελίδα HTML.
Η σειρά εκτέλεσης των σεναρίων στη σελίδα.
Προσωρινή αποθήκευση σεναρίων, διακομιστές CDN, αναγκαστική επαναφόρτωση JavaScript.
Εργασία με συνδέσμους, σύνδεση JavaScript με συνδέσμους.
Το συμβάν onload και η χρήση του.
Επιθέσεις XSS στον ιστότοπο.
Εργασία με το DOM: χρήση παραθύρου, εγγράφου, childNodes.
Χειρισμός ενός εγγράφου χρησιμοποιώντας το DOM: δημιουργία, διαγραφή, μετακίνηση στοιχείων.
Χρησιμοποιώντας getElementById(), getElementsByTagName(), getElementsByClassName() για να βρείτε στοιχεία στη σελίδα.
Εργασία με μεθόδους και ιδιότητες του HTMLDocument και του HTMLElement.
5. Εργασία με συμβάντα στο πρόγραμμα περιήγησης:
Η έννοια του προγραμματισμού εκδηλώσεων;
Χειριστές συμβάντων και ακροατές.
Σύνδεση χειριστών χρησιμοποιώντας addEventListener();
Ιδιότητες και μέθοδοι της κλάσης Event.
Διάδοση γεγονότων προς τα πάνω (φυσαλίδες) και προς τα κάτω (σύλληψη).
Σταματήστε την εξάπλωση.
Γεγονότα παραθύρου.
Συμβάντα ποντικιού και πληκτρολογίου, ιδιότητες ειδικών συμβάντων.
Φόρμα συμβάντων.
6. Εργασία με CSS και διαχείριση στυλ:
Πρότυπο CSS, βασικές ιδιότητες CSS.
Γενικά στυλ και στυλ μεμονωμένων στοιχείων.
Διαδοχικά στυλ.
Επιλογείς CSS.
Τροποποίηση CSS με JavaScript.
Επένδυση: περιθώριο, γέμιση, περίγραμμα.
Έλεγχος της ορατότητας των στοιχείων: ορατότητα και εμφάνιση.
Τοποθέτηση στοιχείων: απόλυτη, σταθερή, σχετική, ρύθμιση επάνω και αριστερά.
Μονάδες μέτρησης px, pt και άλλες.
Υπερχείλιση στοιχείου και έλεγχος μέσω της ιδιότητας υπερχείλισης.
Διαχείριση επιπέδων εγγράφου: ιδιότητα zIndex.
Κινούμενα σχέδια, κίνηση στοιχείων.
Εργασία με τάξεις, ρύθμιση className.
Εργασία με διαφάνεια και μεταβάσεις.
μέθοδος querySelectorAll().
7. Εργασία με ενότητες σε JavaScript, Διαχείριση πακέτων NPM, πρόγραμμα δημιουργίας πακέτων Web:
Λόγοι χρήσης ενοτήτων.
Εξαγωγή από ενότητα.
Εισαγωγή από ενότητα.
Εξάγω πάλι;
Εργασία με αρχείο NPM, package.json.
φάκελο node_modules, λήψη πακέτων με χρήση NPM.
Παγκόσμια και τοπική εγκατάσταση πακέτων.
Χρήση webpack για την κατασκευή ενός έργου.
Φορτωτές CSS και TypeScript.
Διαμόρφωση webpack.config.js;
Δημιουργία δέσμης, συμπίεση.
προσθήκες webpack?
Χρήση παλαιών συστημάτων αρθρωτότητας – CommonJS και AMD.
Χρησιμοποιώντας CommonsChunkPlugin, πολλαπλά σημεία εισόδου.
Εναλλακτικές μονάδες HMR με δυνατότητα εναλλαγής.
8. Κλάσεις και κληρονομικότητα σε JavaScript:
Κληρονομικότητα πρωτοτύπου, αναφορά __proto__;
Πρωτότυπο αντικειμένου;
Χρησιμοποιώντας το instanceof;
Κατηγορία λέξεων-κλειδιών, δημιουργία τάξεων.
Λέξη-κλειδί super;
Χρησιμοποιώντας τη μέθοδο Object.assign();
Χρησιμοποιώντας τη μέθοδο Object.defineProperty();
Γεωμετρητές και ρυθμιστές.
Operator Spread για εργασία με αντικείμενα και πίνακες.
Καταστροφή ενός πίνακα και ενός αντικειμένου.
9. Λειτουργικός προγραμματισμός σε JavaScript:
Λειτουργεί ως μεταβλητές.
Ορίσματα πίνακα.
Μέθοδοι κλάσης συνάρτησης, call() και application().
Η μέθοδος bind(), που ορίζει αυτήν και μερικές από τις παραμέτρους χρησιμοποιώντας bind.
Κλείσιμο σε JavaScript.
Ενθυλάκωση τιμών με χρήση κλεισίματος.
Δημιουργία συνάρτησης μέσω του κατασκευαστή συνάρτησης: κατασκευή συμβολοσειράς.
Συναρτήσεις βέλους, παραδείγματα της εφαρμογής τους.
Χειρισμός λειτουργικών πινάκων: find, findIndex, filter;
Παραδείγματα χρήσης χάρτη/φίλτρου/μείωσης για την επεξεργασία δεδομένων σε πίνακα.
10. Αμετάβλητο, δοκιμή, πρότυπο MVC:
Η έννοια της αμετάβλητης, τα πλεονεκτήματά της.
Μεταβλητές και αμετάβλητες μέθοδοι για την αλλαγή αντικειμένων και πινάκων.
Έννοια και πλεονεκτήματα του Virtual DOM.
Δοκιμή αμετάβλητων συναρτήσεων, χρησιμοποιώντας Jest.
Απομνημόνευση, τα πλεονεκτήματά της.
Βασικά λάθη και συστάσεις κατά τη χρήση λειτουργικού προγραμματισμού.
Μοτίβο MVC, δημιουργία διεπαφής χρήστη.
Επισκόπηση των κύριων βιβλιοθηκών για ανάπτυξη διεπαφής: Angular, React, Vue.
11. Ασυγχρονισμός σε JavaScript. Υποσχέσεις:
Η έννοια και η αναγκαιότητα του ασυγχρονισμού.
Εργασία με setTimeout, setInterval, clearTimeout.
Λειτουργίες επανάκλησης (επιστροφές κλήσης).
Χάνεται όταν εργάζεστε με μια λειτουργία επανάκλησης. Λύσεις (χρησιμοποιώντας συναρτήσεις δέσμευσης, βέλους κ.λπ.)
Η έννοια των υποσχέσεων, που επιστρέφει μια υπόσχεση από μια ασύγχρονη συνάρτηση.
Μέθοδος Promise.all(), η εφαρμογή της.
async/wait syntax, use case, limits?
Χειρισμός καταστάσεων έκτακτης ανάγκης: Απόρριψη υποσχέσεων, χειρισμός εξαιρέσεων για ασύγχρονες κλήσεις.
12. Εργασία με τον διακομιστή. Πρωτόκολλο HTTP. Υπηρεσίες REST:
Πρωτόκολλο HTTP.
Κεφαλίδες και μέθοδοι HTTP (GET, POST, PUT, DELETE, άλλες), μεταφορά δεδομένων.
Διακομιστές HTTP (επισκόπηση).
Κωδικοί απόκρισης διακομιστή HTTP.
Χρήση φορμών για την υποβολή δεδομένων.
Μεταφορά δεδομένων στον διακομιστή με χρήση AJAX.
Αρχιτεκτονική REST: πλεονεκτήματα και χαρακτηριστικά.
Εφαρμογή του CRUD (Λειτουργίες Δημιουργία/Ανάγνωση/Ενημέρωση/Διαγραφή) κατά την εργασία με το REST.
Χρήση της συνάρτησης fetch() για λήψη και αποστολή δεδομένων.
Τεκμηρίωση υπηρεσιών REST χρησιμοποιώντας Swagger.
HATEOAS έννοια, εφαρμογή;
13. Βιβλιοθήκη ΑΞΙΟΣ. Πρωτόκολλο WebSocket:
Σύγκριση της βιβλιοθήκης Axios υψηλού επιπέδου και της χρήσης χαμηλού επιπέδου fetch();
GET και POST αιτήματα στον Axios.
Χρήση async/wait με το Axios.
Αντιμετώπιση σφαλμάτων κατά τη χρήση του Axios.
Ακύρωση αιτήματος χρησιμοποιώντας το Axios.
Πρωτόκολλο WebSocket;
Παραδείγματα χρήσης WebSocket, σύγκριση με HTTP.
Κινούμενα σχέδια HTML.
Σημείωση
Το υλικό του μαθήματος παρουσιάζεται στα Αγγλικά.