Bootcamp προγραμματιστών Frontend - μάθημα 140.000 τρίψτε. από το Yandex Workshop, εκπαίδευση 10 μηνών, ημερομηνία 30 Νοεμβρίου 2023.

instagram viewer

HTML, CSS, JavaScript: εισαγωγική ενότητα

Θα νιώσετε τον εαυτό σας στο ρόλο του προγραμματιστή και θα καταλάβετε αν θέλετε να εξελιχθείτε
αυτή την κατεύθυνση. Μάθετε βασική σύνταξη HTML και CSS. Μαθαίνω
τοποθετήστε μπλοκ σε μια ιστοσελίδα, αλλάξτε γραμματοσειρά και χρώματα. Γράψε ένα απλό
Προγραμματίστε JavaScript και κάντε τη σελίδα διαδραστική.

Θέμα 1. Πρώτος κωδικός 

Θέμα 2. Τι είναι το HTML και το CSS

Θέμα 3. Βασικές ιδιότητες CSS

Θέμα 4. Περισσότερα CSS 

Θέμα 5. JavaScript. Αρχή

Θέμα 6. JavaScript. Προσγείωση στην πραγματικότητα

Θέμα 7. Σχετικά με το τι ακολουθεί

20 ώρες

Πώς λειτουργεί η εκπαίδευση;
Θα μάθετε πώς λειτουργεί το πρόγραμμα και η εκπαίδευση.

Ελέγξτε τις οργανωτικές λεπτομέρειες.

Θέμα 1. Τι συμβαίνει στη συνέχεια: η διαδικασία μάθησης

Θέμα 2. Ενότητες, προθεσμίες και λογοκλοπή

Θέμα 3. Σχετικά με τη μετάβαση σε άλλη ομάδα

Θέμα 4. Εργασίες έργου και πρόσθετα έργα

Θέμα 5. Κάτι για soft skills

Θέμα 6. Ομάδα υποστήριξης

Θέμα 7. Επικοινωνία

Θέμα 8. Κανόνες

Θέμα 9. Τι θα γίνει στο τέλος

Θέμα 10. Η γνωριμία τελείωσε. Ας φροντίσουμε να καταλάβουμε ο ένας τον άλλον σωστά

Περίπου 2 ώρες
Ενότητα 2
HTML και CSS: διάταξη, προσβασιμότητα και διαδραστικότητα
Μάθετε να εργάζεστε με γραμματοσειρές στον Ιστό. Θα καταλάβετε πώς να γράφετε κώδικα,
σωστό για προγράμματα περιήγησης και μηχανές αναζήτησης. Εξερευνήστε όλους τους τρόπους
οργάνωση του πλαισίου της σελίδας σας. Μάθετε να προσαρμόζετε σελίδες
για ρομπότ αναζήτησης. Θα εργαστείτε με βίντεο, ήχο και άλλα
διαδραστικά στοιχεία σελίδας. Θα καταλάβετε πώς και με ποια γεγονότα
Το CSS μπορεί να λειτουργήσει στη σελίδα. Κατανοήστε ποια στοιχεία υπάρχουν στη σελίδα
μπορεί να δημιουργήσει μια γλώσσα στυλ. Μάθετε να διαμορφώνετε στοιχεία με διαφορετικά στυλ
καταστάσεις και σε διαφορετικές καταστάσεις (για παράδειγμα, ανάλογα με τη σειρά τους
εμφάνιση). Κατανοήστε τις βασικές αρχές και τα εργαλεία δημιουργίας
διαθέσιμες ιστοσελίδες.

Sprint 1: Διάταξη: σημασιολογία και διάταξη 

Θέμα 1. Επανάληψη πριν την έναρξη

Θέμα 2. Διάταξη - συνέχεια σχεδίασης

Θέμα 3. Προετοιμαστείτε να γράψετε κώδικα

Θέμα 4. Αρχεία στο έργο

Θέμα 5. Bash και Git. Βασικά

Θέμα 6. Γραμματοσειρές και Τυπογραφία

Θέμα 7. Σημασιολογία 

Θέμα 8. Παγκόσμια χαρακτηριστικά

Θέμα 9. Διάταξη Flexbox

Θέμα 10. Τρόπος υποβολής σχεδιαστικών εργασιών

Θέμα 11. Στοιχεία τοποθέτησης

Θέμα 12. Διάταξη πλέγματος, μέρος 1

Θέμα 13. Codestyle

Θέμα 14. Συστατική προσέγγιση 

Sprint 2: Layout: προσβασιμότητα και προσεγγίσεις σε στυλ οργάνωσης

Θέμα 1. Ρύθμιση σελίδας και meta

Θέμα 2. Εξωτερικό ενσωματωμένο περιεχόμενο: βίντεο, iframe, API

Θέμα 3. Προσθήκη μοντέλου μπλοκ

Θέμα 4. Ψευτοτάξεις και ψευδοστοιχεία

Θέμα 5. Διαθεσιμότητα

Θέμα 6. Σήμανση φόρμας

Θέμα 7. Υπέροχοι επιλογείς 

Θέμα 8. Μορφές styling

Θέμα 9. Linters, μορφοποιητές, αυτοματισμοί

Θέμα 10. BEM, Ατομική

Θέμα 11. Προηγμένο Git and Bash
6 εβδομάδες

+2 έργα στο χαρτοφυλάκιο
Ιστότοπος μιας σελίδας "It's for you"
απαραίτητη".

Δημιουργήστε το πρώτο σας
ιστότοπο μιας σελίδας.

Σύνταξη στυλ CSS για
Εφαρμογή "Look Out the Window".

Σε αυτό το έργο εργάζεστε
πρέπει να γράψετε CSS για
εκτελούμενη εφαρμογή.

Ενότητα 3 Σχεδίαση, προσαρμοστική διάταξη, διακόσμηση

Μάθετε ένα σύνολο τεχνικών που θα σας επιτρέψουν να εμφανίσετε σωστά
σελίδες σε διαφορετικές συσκευές και με διαφορετικές ρυθμίσεις. Προετοιμάζω
γραφικά για εργασία με διαφορετικές οθόνες. Μάθετε να οργανώνετε τον κωδικό σας
για να δημιουργήσετε ένα έγχρωμο θέμα για τον ιστότοπο. Ας τακτοποιήσουμε τα εργαλεία διακόσμησης
τις σελίδες σας. Διαβαθμίσεις, σκιές, φίλτρα, λειτουργίες ανάμειξης - όλα είναι
Εδώ. Μάθετε να χρησιμοποιείτε διανυσματικά γραφικά σε σελίδες και
χρησιμοποιήστε διαδραστικά εργαλεία που είναι ενσωματωμένα σε HTML.
Το κερασάκι στην τούρτα του σπριντ είναι τα κινούμενα σχέδια σελίδων.

Sprint 3: Διάταξη: ανταπόκριση και γραφικά

Θέμα 1. Προσεγγίσεις

Θέμα 2. Γραφικά ράστερ

Θέμα 3. Προσαρμοσμένες μεταβλητές

Θέμα 4. Μονάδες και λειτουργίες

Θέμα 5. Διάταξη πλέγματος, μέρος 2

Θέμα 6. Ανάπτυξη διεπαφής για διαφορετικές συσκευές

Θέμα 7. Αυτοματισμός μορφοποίησης και λιναρίσματος

Θέμα 8. Μεταεπεξεργαστές

Θέμα 9. Git για ενήλικες 

Sprint 4: Διάταξη: διακόσμηση, προσεγγίσεις και εργαλεία

Θέμα 1. Χρήση SVG

Θέμα 2. 2D μετασχηματισμοί και μετάβαση

Θέμα 3. Κινούμενα σχέδια

Θέμα 4. Διακόσμηση

Θέμα 5. τρισδιάστατη μεταμόρφωση

6. Τροπικά παράθυρα

Θέμα 7. Μηχανές προτύπων

Θέμα 8. Προεπεξεργαστές

Θέμα 9. Βασικά στοιχεία σχεδίασης
6 εβδομάδες,

+2 έργα στο χαρτοφυλάκιο
Προσαρμοστικός ιστότοπος με διαφορετικά
έγχρωμα θέματα «Περίπλοκο
συγκεντρώνομαι."

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

Πίνακας διάθεσης

Web εφαρμογή "Moodboard"
που μαζεύεις μόνος σου.
Το αποτέλεσμα είναι προσωπικό σας
οδικός χάρτης με κράτη,
που έχετε επισκεφτεί μέχρι τώρα
πήρε αυτό το μάθημα.

Ενότητα 4 Βασική JavaScript

Εξετάστε τους τύπους δεδομένων, μάθετε να εργάζεστε με συνθήκες, βρόχους
και λειτουργίες. Μάθετε το DOM. Μάθετε πώς να προσθέτετε διάταξη σε ένα έργο
χρησιμοποιώντας JavaScript και προσθέτοντας διαδραστικότητα στη σελίδα: δημιουργία
διαδραστικές φόρμες με επαλήθευση δεδομένων και εργασία με προσαρμοσμένη
εκδηλώσεις.

Sprint 5: Βασικά στοιχεία JavaScript: Τύποι, Βασικά στοιχεία DOM

Θέμα 1. Θυμηθείτε όλα

Θέμα 2. Πώς να βρείτε λύσεις σε προβλήματα;

Θέμα 3. Πρωτόγονοι. Αρχή 

Θέμα 4. Παρουσιάζοντας το DOM

Θέμα 5. Εντοπισμός σφαλμάτων JavaScript
6 εβδομάδες

+1 έργο στο χαρτοφυλάκιο

Sprint 6: JavaScript: εργασία με δεδομένα, πίνακες, συναρτήσεις και αντικείμενα

Θέμα 1. Μέθοδοι εργασίας με δεδομένα, συνθήκες, κύκλους 

Θέμα 2. Δημιουργία, προσθήκη και αφαίρεση στοιχείων στο DOM 

Θέμα 3. Πίνακες

Θέμα 4. Λειτουργίες 

Θέμα 5. Αντικείμενα

Θέμα 6. ΟΜΑΔΙΚΗ ΔΟΥΛΕΙΑ
1 εκπαιδευτικό έργο

(προς ολοκλήρωση)

Ενότητα 5 Προηγμένη JavaScript

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

Έννοιες γλώσσας JavaScript, ασυγχρονισμός και ανταλλαγή δεδομένων με τον διακομιστή.
Μάθετε να εργάζεστε με συμβάντα χρηστών και να αλληλεπιδράτε

με τον διακομιστή. Μάθετε ασύγχρονες και σύγχρονες λειτουργίες, γνωρίστε ο ένας τον άλλον

με την έννοια της Υπόσχεσης.
Sprint 7: Βουτήξτε στο JavaScript: συγκρότηση κώδικα, χειρισμός συμβάντων,
επικύρωση φόρμας και εργασία με API

Θέμα 1. Κατασκευάστε το έργο. Webpack

Θέμα 2. Ενότητες σε JS

Θέμα 3. Προηγμένη JavaScript. Ασύγχρονη

Θέμα 4. Χειρισμός εκδηλώσεων

Θέμα 5. Εργασία με Φόρμες

Θέμα 6. Επικύρωση φόρμας

Θέμα 7. Εργασία με το API
3 εβδομάδες,

+1 έργο στο χαρτοφυλάκιο
Μέστο

Δημιουργήστε τη δική σας υπηρεσία web. Πως
μοιάζει με το Instagram
θα υπάρχει μια διαδραστική σελίδα
με φωτογραφίες. θα τα καταφέρεις
από την αρχή μέχρι το τέλος: πρώτα όλα
πληκτρολογήστε το και μετά γράψτε το
λογική στο JavaScript. Εφαρμόζετε;
επικύρωση φόρμας, προσθήκη,
διαγραφή φωτογραφιών και likes
σε αυτούς. Συνδέστε το έργο σας
στον διακομιστή και να τον φιλοξενήσει
στο διαδίκτυο.

Ενότητα 6 TypeScript και OOP

Εξοικειωθείτε με μια άλλη σημαντική έννοια: αντικείμενο
προσανατολισμένος προγραμματισμός (OOP). Μάθετε τις αρχές
ανάπτυξη λογισμικού και εργασία με το περιβάλλον. Εφαρμόστε τεχνικές OOP
στην ανάπτυξη διεπαφών Ιστού. Μάθετε για τη λογική συνέχεια
και επέκταση της λειτουργικότητας της JavaScript στη γλώσσα TypeScript. Μαθαίνω
εφαρμόστε το στα έργα σας.

Sprint 8: TypeScript και OOP

Θέμα 1. Εισαγωγή στο TypeScript

Θέμα 2. Αντικειμενοστραφής προγραμματισμός

Θέμα 3. Βασικά στοιχεία TypeScript

Θέμα 4. Προηγμένο TypeScript και OOP

6 εβδομάδες

+2 έργα στο χαρτοφυλάκιο
Sprint 9: OOP σε διεπαφές: απλές και όχι μόνο έννοιες

Θέμα 1. Αρχές ανάπτυξης λογισμικού

Θέμα 2. Εργασία με το περιβάλλον

Θέμα 3. OOP σε διεπαφές

Θέμα 4. OOP σε διεπαφές: συνέχεια
1 εκπαιδευτικό έργο (για
ολοκλήρωση)

Μια σελίδα
εφαρμογή ηλεκτρονικού καταστήματος στο TypeScript
Στυλ OOP: Ανάπτυξη
frontend ηλεκτρονικού καταστήματος
«Web stall» με κατάλογο
αγαθά, καλάθι και
λειτουργία σχεδίασης
Σειρά. Συνειδητοποιήστε τα όλα
στις βέλτιστες πρακτικές OOP
χρησιμοποιώντας TypeScript.

Μήνας έργου
Θα σχεδιάσετε και θα γράψετε τη βασική λειτουργικότητα ενός έργου
από τον πελάτη και ένα εκπαιδευτικό έργο.
1 μήνα

Ενότητα 7 Διεπαφές με χρήση του React

Εξερευνήστε τη βιβλιοθήκη React και το οικοσύστημά της. Μάθετε να δημιουργείτε
και δομή Αντιδράστε έργα, δημιουργήστε στοιχεία και διαχειριστείτε
ροές δεδομένων. Μάθετε μια λειτουργική προσέγγιση για την ανάπτυξη του React
και μάθετε να γράφετε αποτελεσματικό, παραγωγικό κώδικα χρησιμοποιώντας αγκίστρια.
Sprint 10: React Basics

Θέμα 1. Έννοια και πλαίσια SPA

Θέμα 2. CRA. Ρύθμιση και κατασκευή του έργου

Θέμα 3. Σύνταξη JSX

Θέμα 4. Τα εξαρτήματα και ο κύκλος ζωής τους

Θέμα 5. useState και useEffect

Θέμα 6. React DevTools

Θέμα 7. Εισαγωγή λειτουργικών μονάδων, λειτουργικών μονάδων CSS

Θέμα 8. Βιβλιοθήκες συστατικών. Εργασία σε απομόνωση. Βιβλίο ιστοριών
3 εβδομάδες,

+1 έργο στο χαρτοφυλάκιο
1 εκπαιδευτικό έργο (για
ολοκλήρωση)

Ενότητα 8 Δρομολόγηση και εξουσιοδότηση

Μάθετε να εργάζεστε με παγκόσμια κατάσταση και API χρησιμοποιώντας το Redux.
Δημιουργήστε μεμονωμένες οθόνες στην εφαρμογή και διαμορφώστε τη δρομολόγηση
χρησιμοποιώντας το react-router-dom, συμπεριλαμβανομένων εκείνων που δημιουργούνται δυναμικά
διαδρομές. Εφαρμογή εξουσιοδότησης με διακριτικά και προστατευμένες διαδρομές.

Sprint 11: Δρομολόγηση και εξουσιοδότηση

Θέμα 1. Παγκόσμιο κράτος

Θέμα 2. Βιβλιοθήκη Redux

Θέμα 3. React Router

Θέμα 4. Εξουσιοδότηση
3 εβδομάδες,

+1 έργο στο χαρτοφυλάκιο

Stellar Burger:

Γράψτε εφαρμογές Stellar
Burger» για να παραγγείλετε φαγητό από το κεντρικό
σελίδα και προσωπικό λογαριασμό,
δημιουργία αποθηκευτικού χώρου Redux,
και επίσης να εφαρμόσουν δρομολόγηση
και εξουσιοδότηση.
Ενότητα 9
Δοκιμή εφαρμογών React
Μάθετε να επιταχύνετε τις εφαρμογές React, να τις δοκιμάσετε,
φέρτε τα στην παραγωγή και απελευθερώστε τα στον δικό σας απομακρυσμένο διακομιστή.

Sprint 12: Δοκιμή εφαρμογών React 

Θέμα 1. Βελτιστοποίηση (επιτάχυνση της εφαρμογής)

Θέμα 2. Δοκιμή εφαρμογών React: Jest, Cypress

Θέμα 3. Προετοιμασία του έργου για παραγωγή
3 εβδομάδες,

+2 έργα στο χαρτοφυλάκιο
1 εκπαιδευτικό έργο (ανεστραμμένο
έργο)

Stellar Burger:

Τώρα καλύψτε το δικό σας
εφαρμογή δοκιμής μονάδας,
καθώς και την ένταξη
δοκιμές με χρήση βιβλιοθηκών
Τζεστ και Κυπαρίσσι.
Παράλληλη ενότητα
Βοήθεια για την απασχόληση
Η διαδρομή καριέρας αποτελείται από δύο στάδια: το πρόγραμμα απασχόλησης και
προγράμματα επιτάχυνσης.

Πρόγραμμα απασχόλησης

Εδώ θα σας βοηθήσουμε να συγκεντρώσετε όλα όσα χρειάζεστε για εργασία
τεχνουργήματα και να αποκτήσουν τις απαραίτητες δεξιότητες. Θα γράψεις βιογραφικό, μάζεψε
χαρτοφυλάκιο, γράψτε μια επιστολή κινήτρων. Με την υποστήριξή μας
αναπτύξτε μια στρατηγική αναζήτησης και προετοιμαστείτε για συνεντεύξεις.

Πρόγραμμα επιτάχυνσης

Αυτή είναι δουλειά στο χωράφι. Θα κάνεις αίτηση για κενές θέσεις, γράψε
συνοδευτικές επιστολές, κάντε τεστ και πηγαίνετε σε συνεντεύξεις.
Το πιθανότερο είναι ότι θα λάβετε πολλές αρνήσεις και θα το αναλύσουμε μαζί
λάθη για τη βελτίωση των αποτελεσμάτων. Αυτό το στάδιο τελειώνει όταν εσείς
Λαμβάνετε μια πρόταση εργασίας που αποδέχεστε. Κατά μέσο όρο αυτό
η αναζήτηση διαρκεί από έναν έως τρεις μήνες.

Θέμα 1. ΑΓΟΡΑ ΕΡΓΑΣΙΑΣ

Θέμα 2. Εργασία σε ομάδα προϊόντων

Θέμα 3. Ευκαιρίες ανάπτυξης στην ανάπτυξη ιστοσελίδων

Θέμα 4. Ορισμός στόχων και περίληψη

Θέμα 5. Επιστολή κινήτρων και χαρτοφυλάκιο

Θέμα 6. Στρατηγικές αναζήτησης εργασίας

Θέμα 7. Προσαρμογή τεχνουργήματος

Θέμα 8. Πραγματικότητες της αγοράς εργασίας, αναζήτηση εργασίας στην πρωτεύουσα και στις περιφέρειες

Θέμα 9. Συνεντεύξεις

Θέμα 10. Προετοιμασία για συνέντευξη

Θέμα 11. Πρόγραμμα ενεργής επιτάχυνσης. Από την απάντηση στην πρόσκληση σε
δουλειά