Προγραμματιστής Ιστού από το μηδέν - μάθημα 72.900 τρίψτε. από Brunoiam, εκπαίδευση 9 μηνών, ημερομηνία 27 Νοεμβρίου 2023.

instagram viewer

Πεδίο 1 - Βασικές αρχές τεχνολογιών Ιστού

• Θέτοντας προσωπικούς στόχους για το μάθημα
• Τύποι τοποθεσιών, λειτουργικότητα
• Στάδια δημιουργίας ιστοσελίδων, κύρια επαγγέλματα κλάδου
• Τεχνολογίες δικτύου και πρωτόκολλα Διαδικτύου: TCP/IP, HTTP, HTTPS, FTP
• Φιλοξενία και τομέας, σύστημα DNS
• Μοντέλο πελάτη και διακομιστή
• Ο ρόλος του προγράμματος περιήγησης και των επεξεργαστών κώδικα
• Ρύθμιση του χώρου εργασίας σας
• Συστήματα ελέγχου έκδοσης. Git

Μπλοκ 2 - HTML

• Εισαγωγή στην HTML: Έννοιες ετικετών και χαρακτηριστικών
• Κωδικοποίηση κειμένου HTML
• Ετικέτες για τη διαμόρφωση κειμένου
• Υπερσυνδέσεις και διευθύνσεις αρχείων
• Σύνδεσμοι αγκύρωσης
• Σύνδεσμος για κλήση και αποστολή email
• Πίνακες σε HTML
• img tag και τα χαρακτηριστικά του. Κανόνες για τη δημοσίευση φωτογραφιών. Μορφές εικόνας: ποιες να επιλέξετε

Μπλοκ 3 - CSS

• Βασική σύνταξη CSS
• Κύριοι τύποι επιλογέων: αναγνωριστικά, κλάσεις, ψευδο-κλάσεις
• Σημεία ιδιαιτερότητας και προτεραιότητες κανόνων
• Καταρράκτης και κληρονομιά ιδιοκτησίας
• Συμφραζόμενος και καθολικός επιλογέας
• Ιδιότητες κειμένου και γραμματοσειράς στο CSS
• Σύνδεση εξωτερικών γραμματοσειρών
• Χρώματα HEX και RGB. Προσθήκη ομοιόμορφου φόντου σε στοιχεία. Εικόνα φόντου για τη σελίδα, ρυθμίσεις φόντου

Μπλοκ 4 - Μπλοκ μοντέλου και διάταξης ιστοσελίδας

• Κατανόηση μπλοκ και ενσωματωμένων στοιχείων
• Βασικές ιδιότητες των μπλοκ
• Πώς υπολογίζεται το μέγεθος του μπλοκ και το μέγεθος του κουτιού: πλαίσιο-πλαίσιο
• Τι είναι ένα μοντέλο μπλοκ
• Χρήση μπλοκ για τη δημιουργία διάταξης
• Ενσωματωμένα στοιχεία μπλοκ
• ιδιότητα εμφάνισης
• Ξεπερασμένες μέθοδοι κατασκευής διάταξης: γνωρίζω, δεν μπορούν να χρησιμοποιηθούν

Μπλοκ 5 - Διατάξεις πολλαπλών στηλών με Flexbox

• Σημασιολογικές ετικέτες για σχεδιασμό διάταξης
• Βασικά στοιχεία του Flexbox: Δοχεία και στοιχεία
• Στοιχεία ευθυγράμμισης κατά μήκος του κύριου και εγκάρσιου άξονα
• Αλλαγή αξόνων και κάθετη ευθυγράμμιση στοιχείων
• Προβλήματα με τη χρήση του flexbox

Τεμάχιο 6 - Βασικά προγράμματα επεξεργασίας γραφικών για σχεδιαστές διάταξης

• Εργασία με εικόνες: περικοπή, περικοπή
• Εξοικονόμηση: μορφή, ποιότητα, βάρος
• Πώς να μάθετε τον κωδικό χρώματος
• Εργαλεία γραμματοσειράς
• Αντιγραφή ολοκληρωμένου CSS
• Μέτρηση αποστάσεων: εργαλεία, ρυθμίσεις
• Εφέ και αντιγραφή τους
• Ενσωμάτωση χαρτών και βίντεο

Μπλοκ 7 - Τοποθέτηση

• Τύποι τοποθέτησης: στατικό, απόλυτο, σχετικό, σταθερό
• Χαρακτηριστικά διαφορετικών τύπων τοποθέτησης
• z-index και πλαίσιο επικάλυψης
• Πότε και πώς να χρησιμοποιήσετε την τοποθέτηση
• Παράδειγμα αναπτυσσόμενου μενού πολλαπλών επιπέδων
• Επίλυση τυπικών προβλημάτων τοποθέτησης

Πεδίο 8 - Έντυπα σχολίων

• Βασικά στοιχεία φόρμας: εισαγωγή, επιλογή, περιοχή κειμένου, κουμπί
• Κατάσταση πεδίου και ψευδο-τάξεις
• Πλαίσιο ελέγχου στοιχείων επιλογής, ραδιόφωνο, επιλέξτε
• Στοιχεία ομαδοποίησης: σύνολο πεδίων και υπόμνημα
• Στυλ για το ψευδοστοιχείο κράτησης θέσης
• Κανόνες για στυλ γραφής για φόρμες
• Κουμπιά styling

Μπλοκ 9 - Αποκριτική και προσαρμοστική σχεδίαση ιστοσελίδων

• Έννοια προσαρμοστικού και ανταποκρινόμενου σχεδιασμού ιστοσελίδων
• Ερωτήματα μέσων ενημέρωσης
• Επιλογές θύρας προβολής και ετικέτα Meta viewport
• Προβλήματα μεταξύ προγραμμάτων περιήγησης
• Εγκυρότητα κώδικα, επικυρωτές
• Χαρακτηριστικά πολυσέλιδων τοποθεσιών
• Κανόνες διάταξης για προώθηση SEO

Μπλοκ 10 - Κινούμενα σχέδια με χρήση HTML5 και CSS3

• Ομαλές μεταβάσεις για τη δημιουργία εφέ κινουμένων σχεδίων
• Κινούμενα σχέδια χρησιμοποιώντας βασικά καρέ
• Μεταμόρφωση στοιχείων
• Προσθήκη βασικών στοιχείων κινούμενης εικόνας στον ιστότοπο 

Μπλοκ 11 - Βασικά στοιχεία JavaScript

• Εισαγωγή στη JavaScript
• Μεταβλητές και τύποι δεδομένων
• Μαθηματικοί τελεστές και μετατροπή τύπων
• Λογικοί τελεστές
• Υποκαταστήματα και δηλώσεις υπό όρους
• Ενσωματωμένες δυνατότητες αλληλεπίδρασης χρήστη

Μπλοκ 12 - Βρόχοι και πίνακες σε JavaScript

• Πίνακες
• Μέθοδοι εργασίας με πίνακες
• βρόχους για και ενώ
• Ένθετες συστοιχίες
• Εργασία με την κονσόλα

Τεμάχιο 13 - Λειτουργίες

• Ορισμός συνάρτησης. Η λειτουργία βέλους και οι διαφορές της από τη συνηθισμένη. Έκφραση συνάρτησης και δήλωση συνάρτησης.
• Περιοχή ορατότητας. Πως δουλεύει. Λεξικό Περιβάλλον.
• Χρονοδιακόπτες και κλείσιμο. Λειτουργίες setInterval, setTimeout, clearInterval, clearTimeout. Τι είναι το κλείσιμο και πώς μπορεί να χρησιμοποιηθεί.
• Λειτουργίες επανάκλησης

Μπλοκ 14 - Αντικείμενα. DOM. Εκδηλώσεις

• Αντικείμενα και λεξικά. Πώς να δημιουργήσετε αντικείμενα. Η λέξη κλειδί είναι αυτή. Λήψη, αλλαγή και διαγραφή ιδιοτήτων αντικειμένων. Σύνδεσμοι με αντικείμενα.
• Πρωτότυπο κληρονομιά. Πώς λειτουργεί η κληρονομικότητα ιδιοτήτων και μεθόδων. Σχεδιαστές.
• Τάξεις. Ορισμός κλάσεων και πλεονεκτήματα χρήσης. Επέκταση μαθημάτων. Ιδιωτικές μέθοδοι και δημόσιες. Getters και setters. Ένα παράδειγμα δημιουργίας προγράμματος με χρήση κλάσεων και αρχιτεκτονικής MVP.
• DOM. Μοντέλο αντικειμένου σελίδας και γιατί χρειάζεται. Εύρεση στοιχείων σε μια σελίδα και ανάκτησή τους. Αριθμός στοιχείων και βασικών ιδιοτήτων.
• Εκδηλώσεις

Τεμάχιο 15 - Κινούμενα σχέδια και εφέ σε JavaScript

• Κινούμενα σχέδια JavaScript. Αλλαγή ιδιοτήτων CSS στοιχείων. Καμπύλη Bezier. Παραδείγματα κινούμενων σχεδίων.
• Απόδοση στο πρόγραμμα περιήγησης. Βελτιστοποιημένες ιδιότητες. Λειτουργία requestAnimationFrame.
• Βιβλιοθήκες με κινούμενα σχέδια

Πεδίο 16 - Διαδραστικά στοιχεία

• Ολισθητής
• Ακορντεόν
• Επεξήγηση εργαλείου

Μπλοκ 17 - Node.js

• Εισαγωγή στο Node.js. Λειτουργίες Node.js. Συνοπτικά για τις ενότητες και τους σκοπούς τους: fs, child_process, https.
• NPM. Βασικές εντολές του διαχειριστή πακέτων npm. Εκκίνηση του έργου και εγκατάσταση των πρώτων πακέτων. δομή package.json.
• Βασικά Συσκευασία Web. Γιατί χρειαζόμαστε συναρμολογητές και ποια στάδια μπορούν να αυτοματοποιηθούν; Πρώτη διαμόρφωση Webpack και αυτοματισμός κατασκευής: ελαχιστοποίηση κώδικα, συνένωση μονάδων και χρήση του προεπεξεργαστή SCSS.
• Προεπεξεργαστής SCSS. Πλεονεκτήματα των προεπεξεργαστών. Μια γρήγορη επισκόπηση των διαφορών μεταξύ ορισμένων: SCSS, SASS, Less, post-css. Βασικές κατασκευές: μεταβλητές, μίξεις, συναρτήσεις.

Μπλοκ 18 - Εργασία με τον διακομιστή

• Promise API
• Επικοινωνία με τον διακομιστή και την κλάση XMLHttpRequest
• μέθοδος ανάκτησης
• Βιβλιοθήκη Αξιού

Μπλοκ 19 - Βασικά στοιχεία αντίδρασης

• Components και JSX
• Κατάσταση εξαρτήματος
• Άγκιστρα
• Στοιχεία styling
• React-Router

Ενότητα 20 - Βασικά στοιχεία TypeScript

• Στατική πληκτρολόγηση
• Διεπαφές και τύποι
• Τύποι Enum

Πεδίο 21 - Επισκόπηση του οδικού χάρτη προγραμματιστών JS

• Εν συντομία για το πώς να αναπτυχθείτε περαιτέρω ως προγραμματιστής και τι να μελετήσετε 

Μπλοκ 22 - Βασικά στοιχεία προγραμματισμού PHP

• Σκοπός των τεχνολογιών διακομιστή
• Τοπικός διακομιστής ιστού και τομέας
• Δημιουργία δυναμικών ιστοσελίδων
• Η έννοια των συστημάτων CMS
• Φιλοξενία ιστοσελίδων
• Πρωτόκολλο FTP για τη λήψη αρχείων
• Σύνοψη και ολοκλήρωση του έργου

Ποσοστό μπόνους

Δωρεάν μάθημα "Μάθετε να μαθαίνετε"

Δίνουμε σε κάθε μαθητή πρόσβαση σε αυτό το μάθημα για να μην πάει χαμένη η εκπαίδευση. Το πρόβλημα είναι ότι οι άνθρωποι δεν έχουν αποτελέσματα από την προπόνηση. Υπάρχουν τρεις βασικοί λόγοι:

• Δεν υπάρχουν ξεκάθαροι στόχοι. Και ακόμη και εκείνοι που κατανοούν τη σημασία των στόχων εξακολουθούν να μην το κάνουν. Θέλω να αλλάξω δουλειά και να γίνω cool manager social media - όχι στόχος, αλλά επιθυμία. Με αυτή τη ρύθμιση, το αποτέλεσμα θα είναι κατάλληλο.
• Εγκατάλειψη της μάθησης στα μισά του δρόμου. Πολλοί άνθρωποι βρίσκουν κίνητρο την πρώτη εβδομάδα. Αλλά είναι αδύνατο να φτάσεις στο τέλος. Γιατί στον εγκέφαλο δεν αρέσει να μαθαίνει τακτικά.
• Έλλειψη συνέπειας. Είναι ένα αρκετά σύνηθες φαινόμενο όταν αρπάζουμε οποιαδήποτε πληροφορία για ένα επιλεγμένο θέμα, κινούμαστε τυχαία και, ως εκ τούτου, χωρίς αποτέλεσμα.

Γιατί επισημάναμε αυτούς τους τρεις λόγους; Γιατί διδάσκουμε 11 χρόνια και βλέπουμε σχόλια από μαθητές. Κατά τη διάρκεια του μαθήματος σας λέμε πώς να εφαρμόσετε όλη αυτή την πολύτιμη γνώση στη ζωή.