Προγραμματιστής Frontend - μάθημα 70.000 τρίψτε. από το GeekBrains, εκπαίδευση 5 μηνών, Ημερομηνία: 10 Ιουνίου 2023.

Ανάπτυξη διαδικτύου. Γρήγορη εκκίνηση
Βασικά στοιχεία HTML/CSS και PHP
Η PHP (Προεπεξεργαστής υπερκειμένου, προεπεξεργαστής υπερκειμένου) είναι μια γλώσσα προγραμματισμού που εκτελείται από την πλευρά του διακομιστή Ιστού. Ο δημιουργός της PHP, Rasmus Lerdorf, τη σχεδίασε ως εργαλείο για τη δημιουργία δυναμικών και διαδραστικών ιστοσελίδων. Η γλώσσα έχει αποκτήσει μεγάλη δημοτικότητα και χρησιμοποιείται σε έργα διαφόρων μεγεθών: από ένα απλό ιστολόγιο έως τις μεγαλύτερες διαδικτυακές εφαρμογές στο Διαδίκτυο. Τα μεγαλύτερα έργα PHP είναι τα Zend, Yahoo, Facebook, Google, NASA, W3C. Το μάθημα απευθύνεται σε όσους θέλουν να αποκτήσουν βασικές δεξιότητες ανάπτυξης Ιστού στην PHP, να μάθουν τη λογική της εργασίας με αυτή τη γλώσσα και ορολογία, καθώς και την κατανόηση των αρχών λειτουργίας των συστημάτων και διαδικτυακές εφαρμογές. Κατά τη διάρκεια της εκπαιδευτικής διαδικασίας, οι μαθητές περνούν από τα κύρια στάδια δημιουργίας ενός απλού ιστότοπου ηλεκτρονικού καταστήματος και εργάζονται για τη λειτουργικότητά του. Οι γνώσεις και οι δεξιότητες που αποκτήθηκαν κατά τη διάρκεια του μαθήματος αποτελούν μια αξιόπιστη βάση για περαιτέρω ανάπτυξη ως προγραμματιστής PHP.

Μάθημα 1. Σε τι χρησιμεύει η PHP;
Ποιες δυνατότητες παρέχει η PHP; πλεονεκτήματα σε σχέση με άλλες γλώσσες και γιατί πρέπει να το επιλέξετε. τι θα συμβεί στο μάθημα: εξετάζουμε το σχέδιο του μαθήματος, τι αποτέλεσμα θα έχουμε, τι θα μάθουμε.
Μάθημα 2. Εγκατάσταση και ανάπτυξη διακομιστή στον υπολογιστή σας
Πώς ο διακομιστής Ιστού, ο διερμηνέας PHP και η βάση δεδομένων αλληλεπιδρούν μεταξύ τους. κατεβάστε την έτοιμη διάταξη Open Server. επιλέξτε την έκδοση PHP. επιλέξτε την έκδοση apache. ρύθμιση πρόσβασης στον τοπικό ιστότοπο· πώς να καταλάβετε ότι όλα έχουν ρυθμιστεί σωστά και λειτουργούν. Χρησιμοποιούμε το πρόγραμμα επεξεργασίας κώδικα Sublime Text που είναι ενσωματωμένο στη διάταξη Open Server.
Μάθημα 3. Πώς να δημιουργήσετε ιστοσελίδες
Σκεφτείτε εν συντομία σε τι χρειάζεται η html. Λαμβάνουμε υπόψη τις κύριες ετικέτες: doctype, html, head, title, body, header, h1, footer, div, a, img και τη θέση τους στην ιστοσελίδα. Δείχνουμε πώς λειτουργούν αυτές οι ετικέτες. εμφάνιση των ετικετών που δημιουργήθηκαν στον πίνακα "Εργαλεία προγραμματιστή" στο Google Chrome. Δημιουργούμε συνδέσμους προς την κεντρική σελίδα και τη σελίδα καταστήματος, ώστε να μπορείτε να μεταβείτε στο κατάστημα και να επιστρέψετε.
Μάθημα 4. Δημιουργία διάταξης για το κατάστημά μας
Ας δούμε το CSS: τι είναι, πώς να συνδέσετε στυλ στη σελίδα. Γράφουμε μια κεφαλίδα και εξετάζουμε πώς να τη σχεδιάσουμε χρησιμοποιώντας CSS.
Μάθημα 5. Ολοκλήρωση της σχεδίασης προτύπου
Ολοκληρώνουμε τη σύνταξη της κεφαλίδας. προσθέστε τα υπόλοιπα μέρη της διάταξης από το έτοιμο πρότυπο. Μεταφέρουμε τα απαραίτητα μέρη της διάταξης από το έτοιμο πρότυπο (HTML, CSS, JavaScript).
Μάθημα 6. Βασικά στοιχεία της PHP
Πώς να χρησιμοποιήσετε την PHP στο πρότυπό μας. για ποιες μεταβλητές χρειάζονται και πώς να εργαστείτε με αυτές. ποιοι τύποι δεδομένων υπάρχουν στην PHP, σε τι χρησιμεύουν.
Μάθημα 7. Πώς να αποθηκεύσετε πολλά σχετικά δεδομένα
Σε τι χρησιμεύουν οι πίνακες και πώς να τους χρησιμοποιήσετε. Βάζουμε πληροφορίες για το προϊόν σε έναν πίνακα.
Μάθημα 8. Αποθήκευση και επεξεργασία σχετικών δεδομένων
Ένθετοι πίνακες. Τοποθετούμε δεδομένα για το κατάστημά μας σε ένθετες συστοιχίες. Πώς να λάβετε πληροφορίες για ένα προϊόν από έναν ένθετο πίνακα.
Μάθημα 9. Εργασία με κύκλους
Τι να κάνετε εάν χρειάζεται να εμφανίσετε πολλά δεδομένα από έναν πίνακα στη σελίδα.
Μάθημα 10. Πώς να κάνετε μια ιστοσελίδα ζωντανή
Πώς να κάνετε το πρόγραμμα να αλλάξει συμπεριφορά ανάλογα με διαφορετικές συνθήκες. πώς να καταλάβετε ποια σελίδα να ανοίξετε. χρησιμοποιήστε τις παραμέτρους της γραμμής διευθύνσεων για να ανοίξετε την επιθυμητή σελίδα.
Μάθημα 11. Πώς να πλοηγηθείτε μεταξύ των σελίδων
Κάνουμε συνδέσμους σε άλλες σελίδες. Οργανώνουμε μια βολική δομή προτύπου. μεταφέρουμε μεμονωμένα μέρη του προτύπου σε άλλα αρχεία. Συνδέουμε άλλες σελίδες ανάλογα με τις παραμέτρους στη γραμμή διευθύνσεων.
Μάθημα 12. Δημιουργία καταλόγου προϊόντων
Εμφάνιση όλων των προϊόντων στη σελίδα. εργασία με τη σελίδα του προϊόντος. πώς να δημιουργήσετε τους σωστούς συνδέσμους για κάθε προϊόν στον κατάλογο προϊόντων. Εμφανίζουμε πληροφορίες προϊόντος σε ξεχωριστή σελίδα.
Μάθημα 13. Τοποθετούμε την ιστοσελίδα στο Διαδίκτυο
Καταχώρηση ονόματος για τον ιστότοπό μας. ανεβάστε αρχεία στη φιλοξενία και ελέγξτε τη λειτουργικότητα του ιστότοπου.

Git. Βασικό μάθημα
Βασικά στοιχεία Git
13 βίντεο θα σας διδάξουν τα βασικά της εργασίας με το σύστημα ελέγχου έκδοσης Git. Θα μάθετε γιατί είναι σημαντικό στη σύγχρονη ανάπτυξη. Μάθετε τις βασικές έννοιες: αποθετήριο, δεσμεύσεις, διακλαδώσεις και ετικέτες. Κύρια βασικές λειτουργίες: δημιουργία και κλωνοποίηση αποθετηρίου, συγχώνευση κλάδων, αναζήτηση ιστορικού αλλαγών και πολλά άλλα. Μετά την εκπαίδευση, θα είστε έτοιμοι να χρησιμοποιήσετε το Git για να προετοιμάσετε εργασίες για το σπίτι για μαθήματα προγραμματισμού σε οποιαδήποτε γλώσσα. Επιπλέον, θα πλησιάσετε πιο κοντά στη συνέντευξη, όπου πολλές ερωτήσεις συνήθως επικεντρώνονται στον έλεγχο έκδοσης.
Μάθημα 1. Εισαγωγή στο Git
Μάθημα 2. Εγκατάσταση και διαμόρφωση του Git
Μάθημα 3. Βασικές εντολές τερματικού
Μάθημα 4. Εργασία με αποθετήρια στο Git
Μάθημα 5. Διαχείριση αρχείων αποθετηρίου
Μάθημα 6. Ιστορία αλλαγών
Μάθημα 7. Εργασία με υποκαταστήματα αποθετηρίου
Μάθημα 8. Δημοσίευση αποθετηρίου
Μάθημα 9. Κλάδος συγχωνεύεται
Μάθημα 10. Διαχείριση έκδοσης
Μάθημα 11. Δημιουργία αιτήματος έλξης
Μάθημα 12. Πολύπλοκες λειτουργίες
Μάθημα 13. Εργασία με αποθετήρια Fork

HTML/CSS. Διαδραστικό μάθημα. 1 μήνα.
Η HTML/CSS είναι μια γλώσσα σήμανσης υπερκειμένου, η βάση για τη μελέτη γλωσσών από την πλευρά του διακομιστή. Με την εκμάθηση HTML, μπορείτε να δημιουργήσετε μια αποκριτική ιστοσελίδα ή ιστότοπο. Το CSS - cascading style sheets - θα σας επιτρέψει να σχεδιάσετε τον ιστότοπό σας με τον τρόπο που θέλετε. Θα μπορείτε να παρακολουθήσετε το μάθημα βίντεο σε κατάλληλη στιγμή και εάν έχετε οποιεσδήποτε ερωτήσεις, επικοινωνήστε με έναν μέντορα που θα παρακολουθεί την πρόοδό σας. Η μορφή ενθαρρύνει την επικοινωνία και την αυτοπειθαρχία στη μάθηση. Σε ένα μήνα θα μάθετε: * διάταξη ιστοσελίδων με απόκριση, * έγκυρη διάταξη μεταξύ προγραμμάτων περιήγησης, * διάταξη flexbox, * εκτέλεση βασικών λειτουργιών στο Figma, * χρήση προεπεξεργαστών SASS και Bootstrap. Η εργασία σας πρέπει να βαθμολογηθεί για να μπορέσετε να προχωρήσετε στο επόμενο μάθημα του μαθήματος. Αυτό θα δείξει ότι καταλάβατε το προηγούμενο μάθημα και θα μάθετε εύκολα νέες γνώσεις. Η εργασία μπορεί να ελεγχθεί τόσο από τον μέντορα όσο και από τους συμμαθητές των οποίων τις γνώσεις εμπιστεύεστε και να λάβετε ένα επίτευγμα για αυτό. Με κάθε έλεγχο, ο αριθμός των επιτευγμάτων αυξάνεται και η ικανότητα εργασίας με τον κώδικα άλλων ανθρώπων αυξάνεται. Το επίπεδο του τελικού πιστοποιητικού εξαρτάται από τον αριθμό των επιτευγμάτων: όσο περισσότερα είναι, τόσο υψηλότερη είναι η κατάσταση. Αυτός ο κάπως μηχανικός παιχνιδιού κάνει τα μαθήματα ακόμα πιο ενδιαφέροντα.
Μάθημα 1. Βασικές έννοιες στην ανάπτυξη Ιστού
Εισαγωγή, εισαγωγικές πληροφορίες, ρύθμιση κώδικα οπτικού στούντιο, πλήκτρα πρόσβασης, εγκατάσταση επεκτάσεων. Δημιουργία εγγράφου html Δομή εγγράφου html. Τύποι και χαρακτηριστικά ετικετών Πρόγραμμα εντοπισμού σφαλμάτων προγράμματος περιήγησης
Μάθημα 2. Βασικά στοιχεία γλώσσας σήμανσης εγγράφων HTML
Λίστες σε html Ειδικοί χαρακτήρες και σχόλια Υπερσυνδέσεις (τοπικές, απόλυτες, άγκυρες) Τύποι εικόνων για τον Ιστό. Μορφές και τα στοιχεία τους. Προβολή, επεξεργασία, αναζήτηση σφαλμάτων μέσω του προγράμματος εντοπισμού σφαλμάτων του προγράμματος περιήγησης
Μάθημα 3. Βασικά στοιχεία της γλώσσας styling εγγράφων CSS
Εισαγωγή στα στυλ Μέθοδοι σύνδεσης στυλ Επιλογείς Βασικές ιδιότητες στυλ (px, %, φόντο, χρώμα, περίγραμμα) μέρος 1 Βασικές ιδιότητες στυλ (πλάτος, ύψος, γραμματοσειρά, στυλ λίστας, κείμενο) Ένθεση, κληρονομικότητα και ομαδοποίηση ιδιότητες
Μάθημα 4. Βασικές ετικέτες για διάταξη, ψευδο-κλάσεις και ψευδο-στοιχεία
Βασικές ετικέτες div, span, δημιουργία δομής μπλοκ Εσοχές στοιχείου Στοιχεία ροής Ψευδοκλάσεις Ψευδοστοιχεία Πίνακες
Μάθημα 5. Βασικά στοιχεία τοποθέτησης, εργασία με το Flexbox
Ιδιότητα εμφάνισης Τι είναι το flexbox (οριζόντια και κάθετη διάταξη) Σειρά εμφάνισης, πολλαπλών γραμμών, μετατόπιση ξεχωριστού μπλοκ Ρύθμιση ευέλικτων μεγεθών για μπλοκ Θέση: σχετική και απόλυτος
Μάθημα 6. Εργασία με ένα μοντέλο σχεδίασης σε μορφή Figma
Τι είναι η διάταξη και τι είδη διάταξης υπάρχουν Γνωριμία με το πρόγραμμα Figma, κόψιμο της διάταξης Καθορισμός μεγεθών μπλοκ, δημιουργία δομής μπλοκ Προσθήκη στυλ από τη διάταξη Δημιουργία ιστότοπου με βάση τη διάταξη. Μέρος 1 Δημιουργία ιστότοπου με βάση τη διάταξη. Μέρος 2ο
Μάθημα 7. Βασικά στοιχεία για τη δημιουργία μιας responsive ιστοσελίδας
Ευέλικτα μεγέθη μπλοκ, αποκριτικός ιστότοπος Εξομοίωση φορητών συσκευών Ερωτήματα πολυμέσων Συμπίεση υποσέλιδου στο κάτω μέρος της οθόνης Εξάσκηση στη δημιουργία μιας αποκριτικής ιστοσελίδας Εξάσκηση στη δημιουργία μιας αποκριτικής ιστοσελίδας μέρος 2
Μάθημα 8. Πρότυπα Web και εργαλεία υποστήριξης
Εργαλεία προγραμματιστή. Μέρος 1 Μεταφόρτωση έργων στον διακομιστή Cross-browser Παρουσίαση του Boostrap Παρουσιάζοντας τον προεπεξεργαστή Sass Πρακτική χρήση του προεπεξεργαστή Sass

Βασικά στοιχεία προγραμματισμού
Το μάθημα απευθύνεται σε άτομα χωρίς εμπειρία προγραμματισμού. Για να αρχίσετε να μαθαίνετε, αρκεί να έχετε δεξιότητες υπολογιστή στο επίπεδο του πιο συνηθισμένου χρήστη. Όλη η εκπαίδευση θα πραγματοποιηθεί στο πρόγραμμα περιήγησης και δεν θα χρειαστεί να εγκαταστήσετε επιπλέον λογισμικό. Θα μάθετε τι είναι ένα πρόγραμμα, πώς εκτελείται και θα εξοικειωθείτε με τις βασικές λειτουργίες στον προγραμματισμό. Θα μιλήσουμε για βασικούς τύπους δεδομένων, πίνακες, διακλάδωση, βρόχους και συναρτήσεις σε προσβάσιμη γλώσσα. Θα αποκτήσετε εμπειρία στην επίλυση απλών αλλά ενδιαφέροντων προβλημάτων, που θα σας δώσουν τη βάση για να μάθετε να επιλύετε πολύ πιο σοβαρά προβλήματα.
Μάθημα 1. Πρόγραμμα, μεταβλητές και τύποι δεδομένων
Μετά το μάθημα, θα έχετε μια ιδέα για το τι είναι ένα πρόγραμμα, ότι αποτελείται από οδηγίες και δεδομένα, θα μάθετε βαθμωτοί τύποι δεδομένων στο JS, μπορείτε να γράψετε ένα πρόγραμμα που πολλαπλασιάζει δύο αριθμούς που εισάγει ο χρήστης και εκτυπώνει αποτέλεσμα.
Μάθημα 2. Διαγράμματα ροής και κλάδοι
Μετά το μάθημα, θα έχετε μια ιδέα για το πώς να απεικονίσετε αλγόριθμους χρησιμοποιώντας διαγράμματα ροής, να κατανοήσετε τη δουλειά των τελεστών σύγκρισης, να κατανοήσετε πώς να χρησιμοποιήσετε τη διακλάδωση και ποια προβλήματα λύνει
Μάθημα 3. Κύκλοι
Μετά από αυτό το μάθημα, θα κατανοήσετε πώς να απεικονίσετε κυκλικούς αλγόριθμους χρησιμοποιώντας διαγράμματα ροής, πώς να χρησιμοποιήσετε βρόχους και ποια προβλήματα επιλύουν.
Μάθημα 4. Λειτουργίες
Μετά το μάθημα, θα έχετε μια ιδέα για το ποια προβλήματα επιλύονται βάζοντας κώδικα σε συναρτήσεις και θα μπορείτε να δημιουργήσετε συναρτήσεις, συμπεριλαμβανομένων εκείνων που λαμβάνουν ορίσματα.
Μάθημα 5. Πίνακες
Μετά το μάθημα, θα έχετε μια ιδέα για το τι προβλήματα λύνουν οι πίνακες, θα μπορείτε να δημιουργήσετε πίνακες, να προσθέσετε και να λάβετε τα στοιχεία τους.

HTML5 και CSS3. 1 μήνα.
Σύγχρονα Εργαλεία Ανάπτυξης Ιστού
Η βάση της τεχνολογίας Ιστού είναι το HTML/CSS. Αυτό είναι το βασικό θεμέλιο που χρησιμεύει ως βάση για τη δημιουργία σύγχρονων ιστοσελίδων και είναι το πρώτο στάδιο για την εκμάθηση άλλων τεχνολογιών προγραμματισμού για το παγκόσμιο Διαδίκτυο. Κάθε σημαντικός οργανισμός έχει τη δική του εκπροσώπηση στο παγκόσμιο δίκτυο. Αυτό είναι απαίτηση του χρόνου και απαίτηση της αγοράς. Χωρίς να ληφθούν υπόψη οι σύγχρονες πραγματικότητες του κόσμου, είναι αδύνατο να επιτευχθεί ανταγωνιστικότητα και επομένως επιτυχία. Είναι ο συνδυασμός HTML/CSS που καθιστά δυνατή τη δημιουργία διατάξεων, τη δημιουργία και την επεξεργασία στατικών τοποθεσιών. Η τεχνολογία προγραμματισμού που μελετάται σε αυτό το μάθημα σας επιτρέπει να θέσετε μακροπρόθεσμα θεμέλια και να αποκτήσετε βάση σε αυτόν τον τομέα στην αγορά εργασίας.
Μάθημα 1. HTML5: Σημασιολογικά στοιχεία.
Ανασκόπηση HTML5, Νέα σημασιολογικά στοιχεία HTML5, Νέος τρόπος δόμησης σελίδων. Σημασιολογία σε επίπεδο κειμένου. Ρύθμιση του επεξεργαστή, πρακτικά παραδείγματα χρήσης σημασιολογικών ετικετών για τη δημιουργία δομής ιστότοπου. Εισαγωγή σε πρόσθετα που επιταχύνουν τη διάταξη του ιστότοπου.
Μάθημα 2. Τοποθέτηση στοιχείων, Πρακτική διάταξη.
Τοποθέτηση στοιχείων, διάταξη στοιχείων στη σελίδα (τοποθέτηση στοιχείων κάθετα, οριζόντια). Ας δούμε τις πιο δημοφιλείς γεννήτριες CSS, τι είναι και σε τι χρησιμοποιείται η καθεμία από αυτές.
Μάθημα 3. Φόρμες HTML5. Προσθήκη ήχου και βίντεο στη σελίδα.
Ας εξετάσουμε και αναλύσουμε λεπτομερώς αυτά τα χαρακτηριστικά χρησιμοποιώντας πρακτικά παραδείγματα. Βελτιώσεις σε παραδοσιακές φόρμες (προσθήκη υποδείξεων, εστίαση σε ένα στοιχείο κ.λπ.). Έλεγχος φορμών για λάθη συμπλήρωσης. Νέοι τύποι στοιχείων (διευθύνσεις email, διευθύνσεις URL, κ.λπ.). Ας προσθέσουμε πληροφορίες βίντεο και ήχου στο έργο μας, ας δούμε πώς υλοποιούνται όλα αυτά στην πράξη. Ας δούμε πώς λειτουργούν οι ετικέτες. Ανάθεση τάξεων, ανάλυση τεχνολογίας BEM
Μάθημα 4. Επιλογές CSS φόντου. Χρήση SVG.
Δημιουργία πολλαπλών φόντων για τον ιστότοπο. Ρύθμιση εικόνων φόντου για αποκριτικούς ιστότοπους. Δημιουργία ντεγκραντέ φόντο για έναν ιστότοπο. Εισαγωγή στα sprites και τις γραμματοσειρές εικονιδίων. Ας εκσυγχρονίσουμε το έργο μας σύμφωνα με τις νέες δυνατότητες του CSS3. Ας προσθέσουμε τα απαραίτητα στοιχεία και εφέ. Εισαγωγή στη μορφή svg.
Μάθημα 5. Εργαστείτε με κείμενο. Σύνορα στο CSS3
Εργασία με γραμματοσειρές. Γραμματοσειρές Ιστού GOOGLE. Τοποθέτηση κειμένου σε πολλές στήλες. Ας εξετάσουμε τους μηχανισμούς για την παρουσίαση πληροφοριών κειμένου: σχεδιασμός, στοίχιση, εσοχή. Με δυνατότητα εναλλαγής καρτελών για δημιουργία μενού. Ας δούμε τα βασικά του Canvas. Ας δούμε την εργασία με περιγράμματα στο CSS και τρόπους δημιουργίας πλαισίων για στοιχεία. Δημιουργία διαφανών πλαισίων, σκιών, στρογγυλεμένων γωνιών, κλίσεων.
Μάθημα 6. Εφέ μετάβασης και μετασχηματισμού CSS3.
Εφέ μετάβασης. Εφαρμογή μετασχηματισμού. Περιστρέψτε στοιχεία όταν τοποθετείτε τον δείκτη του ποντικιού πάνω του. Δημιουργία κινούμενων εικόνων με χρήση CSS3. Ας μάθουμε γιατί χρειάζεται αυτή η τεχνολογία και πού πρέπει να χρησιμοποιηθεί. Ας προσθέσουμε κινούμενα σχέδια σε ορισμένα στοιχεία του ιστότοπού μας.
Μάθημα 7. Προσαρμοστική διάταξη (Μέρος 1).
Ας δούμε την έννοια του responsive design. Για τι και σε ποιες περιπτώσεις χρησιμοποιείται. Βασική σύνταξη και παραδείγματα. Ας δώσουμε στο σχέδιο μια μοντέρνα εμφάνιση.
Μάθημα 8. CSS3 Βαθιά κατάδυση. SASS. Flexbox.
Ας εξετάσουμε τη νέα ιδιότητα flex για να δημιουργήσουμε μια ευέλικτη δομή εσωτερικών μπλοκ ιστότοπου. Θα κάνουμε το τελικό έργο με όλες τις βελτιώσεις και τις καινοτομίες που εισήγαγε το CSS3, χρησιμοποιώντας έναν από τους πιο δημοφιλείς προεπεξεργαστές SASS.

JavaScript. Επίπεδο 1. 1 μήνα.
Διαδραστικές εφαρμογές Ιστού
Αυτό το μάθημα απευθύνεται σε όσους είναι ήδη εξοικειωμένοι με τις αρχές της διάταξης HTML και της δημιουργίας στατικών σελίδων. Οι πρακτικές γνώσεις και δεξιότητες που αποκτήθηκαν σε αυτό το επίπεδο παρέχουν τη δυνατότητα εργασίας και δημιουργίας δυναμικών ιστοσελίδων και εφαρμογών. Το μάθημα συστηματοποιεί τις γνώσεις φοιτητών που έχουν ήδη συναντήσει JavaScript, αλλά δεν έχουν μεγάλη εμπειρία με τη γλώσσα. Οι μαθητές μαθαίνουν τα βασικά της δημιουργίας διαδραστικών ιστοσελίδων χρησιμοποιώντας JavaScript. Οι γνώσεις που αποκτήθηκαν στα μαθήματα ενισχύονται μέσα από το πρακτικό μέρος - την υλοποίηση παιχνιδιών σε JavaScript. Πριν ξεκινήσετε την εκπαίδευση, συνιστάται να παρακολουθήσετε τα μαθήματα «Βασικές αρχές προγραμματισμού» και «HTML / CSS».
Μάθημα 1. Βασικά στοιχεία γλώσσας JavaScript
Σύνταξη; δομή κώδικα? εξωτερικά σενάρια και τη σειρά εκτέλεσής τους· μεταβλητές και τύποι δεδομένων· Γειά σου Κόσμε; σύγχρονα πρότυπα.
Μάθημα 2. Βασικοί χειριστές JavaScript
Χειριστές και τελεστές. προτεραιότητα των λειτουργιών· δηλώσεις υπό όρους· λειτουργίες? αναδρομή; ΕΡΓΑΣΤΗΡΙ; παιχνίδι "Μάντεψε τον αριθμό".
Μάθημα 3. Βρόχοι, πίνακες, δομές δεδομένων
Βρόχοι σε JavaScript. πίνακες σε JavaScript. ΔΟΜΕΣ ΔΕΔΟΜΕΝΩΝ; ΕΡΓΑΣΤΗΡΙ; παιχνίδι "Ταύροι και αγελάδες".
Μάθημα 4. Αντικείμενα σε JavaScript
Εισαγωγή στην έννοια των αντικειμένων. αντικείμενα σε JavaScript. εργασία με αντικείμενα? απαρίθμηση τιμών· ΕΡΓΑΣΤΗΡΙ; παιχνίδι "Quest".
Μάθημα 5. Εισαγωγή στο DOM
Έννοια του DOM; DOM σε JavaScript. Χειρισμός DOM σε JavaScript. ΕΡΓΑΣΤΗΡΙ; παιχνίδι "Quest 2.0".
Μάθημα 6. Χειρισμός συμβάντων σε JavaScript
Η έννοια ενός γεγονότος. επεξεργασία κλικ. συμβάντα προγράμματος περιήγησης. ΕΡΓΑΣΤΗΡΙ; παιχνίδι "Tic Tac Toe".
Μάθημα 7. Μάθημα εργαστηρίου
Υλοποίηση του παιχνιδιού "Φιδάκι".
Μάθημα 8. Ανώνυμες λειτουργίες, κλεισίματα
Σε βάθος μελέτη του τρόπου λειτουργίας των συναρτήσεων. συναρτήσεις και λειτουργικές εκφράσεις. ανώνυμες λειτουργίες? βραχυκυκλώματα? προεπιλεγμένες ενέργειες του προγράμματος περιήγησης.

JavaScript. Επίπεδο 2. 1 μήνα.
Προχωρημένο μάθημα
Το μάθημα προορίζεται για όσους έχουν ήδη κατακτήσει τις βασικές δυνατότητες της γλώσσας JavaScript και τώρα θέλουν να μάθουν πώς να κάνουν πραγματικά ωραία πράγματα. Κάθε μάθημα περιλαμβάνει τόσο χρήσιμη θεωρία όσο και αποτελεσματική πρακτική. Γεμάτο με τις πιο πρόσφατες γνώσεις και δεξιότητες, το προχωρημένο μάθημα από το GeekBrains είναι ο τρόπος για να γίνετε γρήγορα και αξιόπιστα επαγγελματίας προγραμματιστής JavaScript.
Μάθημα 1. Σύγχρονη JavaScript
Εισαγωγή στο πρότυπο ES2015 και μερικές από τις δυνατότητές του.
Μάθημα 2. OOP σε JavaScript
Βασικές αρχές αντικειμενοστρεφούς προγραμματισμού και εφαρμογή του σε JavaScript.
Μάθημα 3. Ασύγχρονα αιτήματα
Βασικά στοιχεία ασύγχρονης JavaScript. AJAX, JSON και Promises.
Μάθημα 4. Κανονικές εκφράσεις
Κανονικές εκφράσεις σε JavaScript. Βασικές πράξεις με κανονικές εκφράσεις και συμβολοσειρές.
Μάθημα 5. Πλαίσιο Vue.js
Βασικά στοιχεία για την ανάπτυξη εφαρμογών μιας σελίδας χρησιμοποιώντας το πλαίσιο Vue.js.
Μάθημα 6. Στοιχεία Vue.js
Εφαρμογή της προσέγγισης στοιχείων στο πλαίσιο Vue.js.
Μάθημα 7. JavaScript στον διακομιστή
Δημιουργία απλού διακομιστή χρησιμοποιώντας την πλατφόρμα Node.js.
Μάθημα 8. Δοκιμή και συναρμολόγηση
Δοκιμή μεμονωμένων τμημάτων της εφαρμογής. Δημιουργία λειτουργικών μονάδων χρησιμοποιώντας το Webpack.

Βασικά στοιχεία βάσης δεδομένων. 20 μαθήματα.
Σχεδιασμός βάσης δεδομένων και ερωτήματα SQL
Οι βάσεις δεδομένων (DB) είναι συστήματα αποθήκευσης και επεξεργασίας δεδομένων στα οποία η πρόσβαση γίνεται χρησιμοποιώντας τη γλώσσα SQL (Structured Query Language). Κάθε σύγχρονος ιστότοπος, παιχνίδι ή εφαρμογή επιτραπέζιου υπολογιστή χρειάζεται αποθήκευση δεδομένων. Αυτή τη στιγμή, υπάρχουν πολλά διαφορετικά συστήματα διαχείρισης βάσεων δεδομένων (DBMS), με το πιο δημοφιλές να είναι το MySQL. Τα «Βασικά στοιχεία βάσης δεδομένων» είναι 20 εντατικά μαθήματα βίντεο (10 λεπτά το καθένα), όπου θα περάσουμε από όλα τα στάδια του σχεδιασμού της βάσης δεδομένων χρησιμοποιώντας το παράδειγμα ενός ηλεκτρονικού καταστήματος που χρησιμοποιεί τη γλώσσα ερωτημάτων SQL. Μετά από αυτό το μάθημα, θα μπορείτε να χρησιμοποιήσετε διάφορες βάσεις δεδομένων, όπως MS SQL και Postgre Sql, αφού η σύνταξη SQL για αυτές είναι πρακτικά η ίδια.
Μάθημα 1. Σχεσιακές Βάσεις Δεδομένων
Ποια είναι η διαφορά μεταξύ μιας βάσης δεδομένων και ενός DBMS; ποιες βάσεις δεδομένων ονομάζονται σχεσιακές; επισκόπηση του σύγχρονου DBMS.
Μάθημα 2. Εγκατάσταση του DBMS
Εγκατάσταση του MySql DBMS και της γραφικής εφαρμογής Mysql Workbench.
Μάθημα 3. Σχεδιασμός βάσης δεδομένων, κανονικές φόρμες
Σχεδιασμός δεδομένων στο Excel. κανονικές μορφές? πρωτεύων κλειδί.
Μάθημα 4. Εντολή SQL CREATE
Δημιουργία πινάκων στο γραφικό περιβάλλον εργασίας MySql Workbench. Εντολή CREATE. τύπους δεδομένων· εργασία στην κονσόλα.
Μάθημα 5. Εντολή SQL INSERT
Συμπλήρωση πινάκων με δεδομένα χρησιμοποιώντας γραφική διεπαφή. Εντολή INSERT. ΑΥΤΟΜΑΤΗ ΑΥΞΗΣΗ.
Μάθημα 6. Εντολές SQL SELECT και WHERE
Λήψη και φιλτράρισμα δεδομένων χρησιμοποιώντας εντολές SQL SELECT και WHERE. Έλεγχος για NULL. φιλτράρισμα δεδομένων από διάφορες συνθήκες.
Μάθημα 7. Εντολές SQL DISTINCT, ORDER BY, LIMIT
Λήψη και φιλτράρισμα δεδομένων χρησιμοποιώντας εντολές SQL DISTINCT και LIMIT. ταξινόμηση χρησιμοποιώντας την εντολή ORDER BY.
Μάθημα 8. Οι εντολές SQL DELETE και UPDATE
Ενημέρωση και διαγραφή δεδομένων χρησιμοποιώντας εντολές SQL DELETE και UPDATE. φιλτράρισμα δεδομένων χρησιμοποιώντας WHERE IN.
Μάθημα 9. Συνέπεια δεδομένων
Η έννοια της συνέπειας ή της συνέπειας των δεδομένων.
Μάθημα 10. Εξωτερικό κλειδί
Η έννοια του ξένου κλειδιού και οι περιορισμοί στις τιμές στηλών. ΕΞΩΤΕΡΙΚΟΙ ΒΑΣΙΚΟΙ ΠΕΡΙΟΡΙΣΜΟΙ.
Μάθημα 11. Δημιουργία πινάκων με σχέση πολλά-προς-πολλά
Προσθήκη καλαθιού στη βάση δεδομένων του ηλεκτρονικού καταστήματος.
Μάθημα 12. Σύνθετο πρωτεύον κλειδί
Χρήση σύνθετου πρωτεύοντος κλειδιού κατά το σχεδιασμό ενός πίνακα με σχέση πολλά προς πολλά.
Μάθημα 13. Συγχώνευση δεδομένων από πολλούς πίνακες
Ανάκτηση δεδομένων από διάφορους αλληλένδετους πίνακες. ασυνέπεια της προσέγγισης με χρήση πολλών SELECT.
Μάθημα 14. Χειριστής INNER JOIN
Σύνδεση δεδομένων από πολλούς πίνακες χρησιμοποιώντας τον τελεστή ΕΣΩΤΕΡΙΚΗ ΣΥΝΔΕΣΗ.
Μάθημα 15. Τελεστές LEFT JOIN, RIGHT JOIN
Σύνδεση δεδομένων από πολλούς πίνακες χρησιμοποιώντας τελεστές LEFT JOIN και RIGHT JOIN.
Μάθημα 16. χειριστής UNION
Συνδυασμός των αποτελεσμάτων πολλαπλών ερωτημάτων SQL χρησιμοποιώντας τον τελεστή UNION.
Μάθημα 17. Συναρτήσεις συγκέντρωσης
Συνάθροιση συναρτήσεων COUNT, SUM, MIN, MAX.
Μάθημα 18. ΟΜΑΔΑ ΑΝΑ χειριστή
Ομαδοποιήστε ένα επιλεγμένο σύνολο σειρών χρησιμοποιώντας τον όρο GROUP BY.
Μάθημα 19. Ευρετήρια
Φιλτράρισμα σε GROUP χρησιμοποιώντας HAVING; αύξηση της ταχύτητας εκτέλεσης ερωτημάτων με χρήση ευρετηρίων.
Μάθημα 20. Συναλλαγές
Έννοια της συναλλαγής; Δήλωση ΣΥΝΑΛΛΑΓΗΣ. Απαιτήσεις ACID για το σύστημα συναλλαγών.

ReactJS. 1 μήνα.
Επαγγελματική ανάπτυξη frontend
Το ReactJS είναι μια βιβλιοθήκη JavaScript για τη δημιουργία διεπαφών χρήστη. Παρουσιάστηκε από το Facebook το 2013 και γρήγορα κέρδισε δημοτικότητα. Σήμερα χρησιμοποιείται από πολλές διάσημες εταιρείες, συμπεριλαμβανομένων των Instagram, Airbnb, Ebay, Netflix, Yahoo και άλλων. Αυτό το μάθημα έχει σχεδιαστεί για αρχάριους προγραμματιστές front-end που έχουν κατακτήσει τη γλώσσα JavaScript. Κατά τη διάρκεια του μαθήματος, θα μάθουμε μια από τις πιο δημοφιλείς βιβλιοθήκες για επαγγελματική ανάπτυξη front-end - την ReactJS. Σε συνδυασμό με τη βιβλιοθήκη Redux, την οποία θα μελετήσουμε επίσης στο μάθημα, το ReactJS είναι ένας άξιος ανταγωνιστής του δημοφιλούς πλαισίου AngularJS. Μέχρι το τέλος του μαθήματος θα έχουμε αναπτύξει ένα μικρό κοινωνικό δίκτυο.
Μάθημα 1. Εισαγωγή στο ReactJS: Σύγχρονη Javascript
Εισαγωγή στο ReactJS; σύγκριση με άλλες τεχνολογίες· σύγχρονο JS? τι νέο υπάρχει στο ES6 και πώς να το χρησιμοποιήσετε. κλάσεις, κληρονομικότητα, ενότητες ανάπαυσης/διάδοσης, παράμετροι, υποσχέσεις, ενότητες.
Μάθημα 2. Κύκλος ζωής ενός συστατικού React
ReactComponent, κατάσταση, componentWillMount και componentDidMount, componentDidUpdate, componentWillUnmount. Ένθεση εξαρτημάτων και στηρίγματα και propTypes. Έναρξη ανάπτυξης messenger.
Μάθημα 3. Ας συνεχίσουμε την κατάδυσή μας στο React και ας συνδέσουμε τη βιβλιοθήκη διεπαφής χρήστη
Τι είναι το Virtual DOM. Στοιχεία Styling React. Επεξεργασία εκδήλωσης. Σύνδεση και χρήση Material UI.
Μάθημα 4. Δρομολόγηση στο React: διάσπαση του messenger σε συνομιλίες
prevState και prevProps. Σύνδεση BrowserRouter. Εναλλαγή, διαδρομή και σύνδεση. Πώς πραγματοποιείται η δρομολόγηση; Αποθήκευση συνομιλιών και μηνυμάτων. Τρόποι για τον εντοπισμό σφαλμάτων μιας εφαρμογής React
Μάθημα 5. Redux. Διαχείριση κράτους εφαρμογής
Γιατί χρειαζόμαστε το Redux; Πώς λειτουργεί το Redux. Μειωτές και δράσεις. Επέκταση Redux DevTools. Εξαρτήματα και δοχεία. Μεταφορά μηνυμάτων στο Redux.
Μάθημα 6. Ενδιάμεσα προγράμματα Redux, σύνδεση δρομολογητή με Redux και αποθήκευση δεδομένων χρησιμοποιώντας Redux-persist
Πότε να χρησιμοποιήσετε τα ενδιάμεσα προγράμματα Redux. Υλοποίηση απάντησης από ρομπότ με χρήση ενδιάμεσων λογισμικών. ConnectedRouter. Αποθήκευση ιστορικού μηνυμάτων με χρήση redux-persist.
Μάθημα 7. Εργασία με το API
Τι είναι ένα API; Πώς λειτουργούν τα ασύγχρονα αιτήματα. Εν συντομία για τις υποσχέσεις. φέρω(). redux-api-middleware. normalizr και σχήματα. Λήψη συνομιλιών και μηνυμάτων μέσω API.
Μάθημα 8. Προοδευτική εφαρμογή Ιστού
Τι είναι το PWA. Γιατί είναι σχετικό αυτό; Πώς λειτουργεί το PWA. Φάρος. Υπάλληλος σέρβις Μανιφέστο εφαρμογών Ιστού. Περιορισμοί. Τσιπ και κόλπα.

Πρακτική άσκηση στο GeekBrains (Web). 2 μήνες.
Πρακτική Ανάπτυξης Ομάδας
Κατά τη διάρκεια της πρακτικής άσκησης, οι φοιτητές θα πρέπει να εργαστούν εξ αποστάσεως σε ένα έργο ανοιχτού κώδικα ή μια εκκίνηση. Οι μαθητές θα κληθούν να επιλέξουν από ένα σύνολο έργων που είναι διαθέσιμα για ανάπτυξη. Θα μάθουν να εργάζονται σε ομάδα, να επικοινωνούν με άλλους προγραμματιστές, προϊόντα και οι διαχειριστές έργων, οι σχεδιαστές, θα μελετήσουν ευέλικτες μεθοδολογίες, το πλαίσιο SCRUM και θα κατακτήσουν τις αρχές απομακρυσμένη εργασία. Το αποτέλεσμα της πρακτικής άσκησης: η ικανότητα εργασίας σε ομάδα, η προσθήκη χαρτοφυλακίου, η ικανότητα να αναφέρετε την εργασία σε ένα έργο ως βασική εργασιακή εμπειρία στο βιογραφικό σας. Η πρακτική άσκηση θα έχει τη μορφή μερικής απασχόλησης εξ αποστάσεως εργασίας, εβδομαδιαίες συναντήσεις κατάστασης με τον καθηγητή σε μορφή webinar.
Μάθημα 1. Έναρξη του έργου
Το πρώτο μάθημα της πρακτικής άσκησης είναι εισαγωγικό. Γνωρίζουμε ο ένας τον άλλον, κατανοούμε το εύρος των δεξιοτήτων που έχουν οι μαθητές και το πιο σημαντικό, τι θέλουν να αναπτύξουν. Εξηγούμε τη διαφορά μεταξύ πρακτικής άσκησης και κανονικών μαθημάτων. Σας λέμε τι θα συμβεί κατά τη διάρκεια και μεταξύ των διαδικτυακών σεμιναρίων.
Μάθημα 2. Μεθοδολογίες ευέλικτης ανάπτυξης
Το δεύτερο μάθημα είναι αφιερωμένο στις μεθοδολογίες ανάπτυξης. Αυτό είναι απλά απαραίτητο, αφού άλλα μαθήματα δεν το διδάσκουν και οι μαθητές δεν ξέρουν πώς να εργάζονται σε ομάδα. Ξεκινώντας με αυτό το μάθημα, οι μαθητές εργάζονται σε ομάδες. Η εργασία για το σπίτι αφορά συγκεκριμένα την ανάπτυξη της ομάδας.
Μάθημα 3. Προβλήματα και οι λύσεις τους. Συνάντηση
Το τρίτο μάθημα είναι αφιερωμένο στην ανάλυση των προβλημάτων που σίγουρα θα συναντήσουν οι μαθητές κατά την εργασία στο έργο. Αυτό είναι απαραίτητο γιατί οι μαθητές, όταν αντιμετωπίζουν προβλήματα εντός της ομάδας για πρώτη φορά, μπορεί να τα παρατήσουν και να σταματήσουν να αναπτύσσουν το έργο. Ρωτάμε τι προβλήματα έχουν προκύψει, δίνουμε συμβουλές και μιλάμε για MVP (ελάχιστο βιώσιμο προϊόν).
Μάθημα 4. Τα πρώτα ενδιάμεσα αποτελέσματα
Το τέταρτο μάθημα είναι αφιερωμένο σε μια επισκόπηση των ενδιάμεσων επιτυχιών που πέτυχαν οι μαθητές κατά τη διάρκεια των 3 εβδομάδων ανάπτυξης του έργου. Δίνουμε συμβουλές, κάνουμε σχόλια, βοηθούμε στην επίλυση προβλημάτων και βοηθάμε στην επιλογή της σωστής κατεύθυνσης για το έργο.
Μάθημα 5. Συνάντηση. Ποιότητα. Δοκιμές
Ας δούμε ένα σημαντικό θέμα: πώς να γράψετε αυτόματα ελέγχους για κώδικα. Εξηγούμε τους διαφορετικούς τύπους δοκιμών και γιατί χρειάζονται. Στο τέλος του μαθήματος, συμβουλεύουμε τους μαθητές να γράψουν αυτόματες δοκιμές για το έργο προκειμένου να κατανοήσουν καλύτερα αυτό το θέμα.
Μάθημα 6. Συνάντηση. Προετοιμασία βιογραφικού
Ρωτάμε τους μαθητές πώς τα πάνε με τα έργα τους. Εάν υπάρχουν σοβαρά προβλήματα, θα σας βοηθήσουμε να τα λύσετε. Μας ενδιαφέρει πώς πάνε τα πράγματα με τις αυτόματες δοκιμές. Αναλύουμε το autotest για οποιοδήποτε από τα έργα (κατόπιν αιτήματος των μαθητών). Υπενθυμίζουμε ότι απομένει πολύ λίγος χρόνος (δύο εβδομάδες). Βοηθάμε στην επιτάχυνση της ανάπτυξης του έργου δίνοντας προτεραιότητα στις εργασίες που θέλουν να κάνουν οι μαθητές.
Μάθημα 7. Συνάντηση. Σταδιοδρομία προγραμματιστή
Καθώς το μάθημα φτάνει στο τέλος του, ήρθε η ώρα να διδάξετε στους μαθητές πώς να γράφουν κάτι σημαντικό για αυτούς - ένα βιογραφικό. Μιλάμε για σημαντικά σημεία στα οποία προσέχει το HR, δίνουμε συμβουλές και προειδοποιήσεις. Υποδεικνύουμε την εργασία για το επόμενο μάθημα: γράψτε το βιογραφικό σας και αναφέρετε στην εργασιακή σας εμπειρία μια πρακτική άσκηση φοιτητή στο GeekBrains.
Μάθημα 8. Συνοψίζοντας
Αυτό είναι το τελευταίο διαδικτυακό σεμινάριο όπου συνοψίζουμε τα αποτελέσματα. Εάν οι μαθητές επιτρέπουν τον έλεγχο των βιογραφικών τους στο διαδικτυακό σεμινάριο, ελέγχουμε και παρέχουμε σχόλια. Στη συνέχεια, επιδεικνύουμε έργα μαθητών, δείχνουμε ποιος κατάφερε να πετύχει τι και επαινούμε τους μαθητές. Λέμε στους μαθητές ότι δεν χρειάζεται να σταματήσουν εκεί και να συνεχίσουν να αναπτύσσουν το έργο.
Ανεξάρτητος προγραμματιστής: εκπαιδευτικό σεμινάριο
Ανεξάρτητος προγραμματιστής: εκπαιδευτικό σεμινάριο
Ένα δωρεάν μάθημα για αρχάριους προγραμματιστές που θέλουν να δοκιμάσουν τις δυνάμεις τους στον ελεύθερο επαγγελματισμό. Το μάθημα θα σας βοηθήσει να καταρρίψετε μύθους σχετικά με τον ελεύθερο επαγγελματισμό, να κατανοήσετε πώς διαφέρει από την απομακρυσμένη εργασία και να αποφασίσετε πόσο κατάλληλη είναι αυτή η μορφή για εσάς. Κατά τη διάρκεια του μαθήματος, οι φοιτητές θα περάσουν από την εγγραφή σε ανταλλακτήριο ανεξάρτητων επαγγελματιών και τη συμπλήρωση ενός προφίλ έως την υποβολή της πρώτης τους παραγγελίας και τη λήψη της πρώτης αξιολόγησης. Θα μάθετε πώς να ξεχωρίζετε από άλλους υποψηφίους, πώς να προσδιορίζετε σωστά το κόστος της εργασίας σας και πώς να κατασκευάζετε σωστά σχέση με τον πελάτη, ώστε να επιστρέψει σε εσάς με επαναλαμβανόμενες παραγγελίες και έμπειροι ελεύθεροι επαγγελματίες θα μοιραστούν φωτεινές περιπτώσεις από τους πρακτικές.
Μάθημα 1. Freelancing - πώς λειτουργεί
Στο πρώτο μάθημα θα μάθουμε πώς μπορεί να διευθετηθεί η ανεξάρτητη εργασία, πώς διαφέρει από την εξ αποστάσεως εργασία και πόσα χρήματα μπορεί να αποφέρει. Ας μάθουμε ποιες περιοχές είναι σε ζήτηση τώρα και πώς να ξεκινήσετε. Ας πάρουμε όλες τις εισαγωγικές πληροφορίες για να δοκιμάσουμε τον ρόλο του ελεύθερου επαγγελματία και να καταλάβουμε πόσο άνετος και ενδιαφέρον είναι.
Μάθημα 2. Τα πρώτα βήματα στο ανταλλακτήριο ανεξάρτητων επαγγελματιών
Μάθημα 3. Πώς να αυξήσετε τις πιθανότητές σας για ελεύθερο επάγγελμα
Μάθημα 4. Πώς να πετύχεις τους οικονομικούς σου στόχους ως ελεύθερος επαγγελματίας και να μην πνίγεσαι στη δουλειά
Μάθημα 5. Θήκες και tutorials από έμπειρους ελεύθερους επαγγελματίες