Ανάπτυξη εφαρμογών Web React.js - μάθημα 25.500 ρούβλια. από το Loft School, εκπαίδευση 6 εβδομάδων, ημερομηνία 27 Νοεμβρίου 2023.

instagram viewer

Εβδομάδα 1 - Εισαγωγή στο React.js

— Γνωρίζουμε την ομάδα του μαθήματος και τους συμμαθητές.
— Εκμάθηση JSX και Virtual DOM στο React.
— Εξετάζουμε την προσέγγιση στοιχείων και τις μεθόδους μεταφοράς δεδομένων.

Γνωριμία
1. Έναρξη μαθήματος (05:41)
I React.js
1. Τι είναι το React (07:05)
2. Εικονικό DOM (02:46)
3. JSX (06:10)
4. Απόδοση με προϋποθέσεις (05:11)
5. Εργασία με λίστες (02:45)
6. Στοιχεία (02:41)
7. Αντικείμενα (01:45)
8. Πολιτεία (06:45)
9. Εκδηλώσεις (02:26)
10. React Devtools (03:58)
II React.js
1. Μέθοδοι κύκλου ζωής (05:19)
2. Στοιχεία - λειτουργίες (01:29)
3. Pure Component (02:54)
4. Συνθετικές εκδηλώσεις (01:42)
5. Εργασία με φόρμες (02:51)
6. Διαχείριση σφαλμάτων (01:39)
Ανάλυση εργασιών #1
1. Εργαστήριο #1 (30:36)

Εβδομάδα 2 - Μοτίβα React.js, δοκιμή

— Μελετάμε στοιχεία, στοιχεία και στιγμιότυπα της κατηγορίας συστατικών.
— Λαμβάνουμε υπόψη τη βιβλιοθήκη Recompose, τα στοιχεία υψηλής τάξης και τα μοτίβα Render Props.
— Κατανοούμε τα πλεονεκτήματα των τεστ, μελετάμε Jest, Enzyme, Snapshots.

III Αντιδράστε
1. Εισαγωγή (01:43)
2. PropTypes (10:18)
3. Περιεχόμενο (05:19)
4. Refs (05:18)
5. Πύλες (05:02)
6. Hooks (10:42)
IV React.js
1. Στοιχεία υψηλής τάξης (HOC) - Στοιχεία υψηλότερης τάξης (10:33)
2. Ref-forwarding (HOCs) (04:31)
3. Μοτίβο σκηνικών απόδοσης (05:25)
4. HOK Library Recompose (10:32)
5. Προφίλ (04:02)
Δοκιμές
1. Εισαγωγή (05:06)
2. Test Runner (02:51)
3. Δοκιμή DSL (08:41)
4. Ένζυμο (06:57)
5. Στιγμιότυπα (03:09)
6. Δοκιμαστική περιπέτεια (05:01)
7. React Testing Library (06:32)
Ανάλυση εργασιών #2
1. Εργαστήριο #2 (27:54)

Εβδομάδα 3 - Redux, δρομολόγηση

— Μελετάμε τη δρομολόγηση: Απλή δρομολόγηση, δρομολόγηση με Switch, καθώς και ένθετη δρομολόγηση.
— Γνωριμία με τη βιβλιοθήκη Redux: βασικές έννοιες και έννοιες του Store, Actions, Reducers, React-redux.
— Το Middleware θεωρείται τρόπος εργασίας με το Sideeffect.

Δρομολόγηση στο πρόγραμμα περιήγησης
1. History API (02:48)
2. Απλή δρομολόγηση (05:39)
3. Δρομολόγηση από Switch (04:16)
4. Ένθετη δρομολόγηση (05:32)
5. Ιδιωτική διαδρομή (04:39)
Εγώ Redux
1. Εισαγωγή (04:07)
2. Κατάστημα (05:03)
3. Ενέργειες (02:17)
4. Reducers (07:56)
5. React-redux (03:26)
II Redux
1. Εισαγωγή (03:11)
2. CreateActions (redux-actions) (09:13)
3. Middleware (07:54)
4. Χειρισμός ενεργειών (05:52)
5. Επιλογείς (06:17)
6. Επανεπιλογή (04:49)
7. Πάπιες (06:56)
Ανάλυση εργασιών #3
1. Εργαστήριο #3 (39:13)

Εβδομάδα 4 - Redux-saga

— Μελετάμε τη βιβλιοθήκη Redux-saga. Επαναλάβετε τις λειτουργίες γεννήτριας*. Ας μάθουμε πώς να τα τρέχουμε παράλληλα.
— Ας δούμε τη μέθοδο Take. Ας μελετήσουμε το Select ως τρόπο λήψης δεδομένων από το Store.
— Εξετάζουμε τρόπους για το στυλ μιας εφαρμογής React. Μελετάμε τις βιβλιοθήκες ClassNames, StyledComponents, BrowserList, MaterialUI.

I Redux-saga
1. Εισαγωγή (00:57)
2. Επισκόπηση (02:08)
3. Γεννήτριες (04:11)
4. Προσθήκη ιστοριών (02:07)
5. Αντιδράστε στις ενέργειες (03:53)
6. Παρουσιάσεις λειτουργιών (02:06)
II Redux-saga
1. Εισαγωγή (00:27)
2. Παράλληλη εκτέλεση εφέ (03:41)
3. Ισχύει (02:45)
4. Επιλογή εφέ (02:04)
5. Ακύρωση εφέ (04:05)
Εργασία με στυλ
1. Εισαγωγή (01:34)
2. CRA Styles (05:21)
3. Ονόματα κλάσεων (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Διεπαφή χρήστη υλικού (08:13)
Ανάλυση εργασιών #4
1. Εργαστήριο #4 (09:55)

Εβδομάδα 5 - Φόρμες, CI & DI & χειρισμός σφαλμάτων πελάτη

— Εξετάζουμε την εργασία με φόρμες χρησιμοποιώντας τις βιβλιοθήκες Formik, Redux Forms, React Final Form.
— Εξετάζουμε μεθόδους για τη διασφάλιση της ποιότητας του κώδικα παραγωγής. Αναλύουμε εργαλεία όπως: Husky, TravisCI, HerokuNow.
— Μελετάμε ένα σύνολο χρήσιμων βιβλιοθηκών για ανάπτυξη (Storybook, RamdaJS, Axios).
— Εξετάζουμε το TypeScript.

Εργασία με Φόρμες
1. Εισαγωγή (05:07)
2. Formik (08:51)
3. Φόρμα Redux (06:22)
4. Τελική φόρμα React (06:36)
Διαχείριση σφαλμάτων CI & DI & Client
1. Εισαγωγή (05:07)
2. Husky (02:32)
3. CI χρησιμοποιώντας TravisCI (03:32)
4. Αναπτύξτε στο heroku (04:57)
5. Rollbar (02:00)
Ένα σύνολο χρήσιμων βιβλιοθηκών για ανάπτυξη
1. Βιβλίο ιστοριών (05:32)
2. RamdaJS (04:47)
3. Αξιός (05:52)
4. Δακτυλόγραφο (09:31)
Ανάλυση εργασιών #5
1. Εργαστήριο #5 (13:17)

Εβδομάδα 6 - Εργασία έργου

— Συμπληρώνουμε την αίτηση και τη στέλνουμε για έλεγχο.

Πώς να βρείτε δουλειά στον τομέα της πληροφορικής: συμβουλές και κόλπα
1. Πώς να βρείτε δουλειά στον τομέα της πληροφορικής; Αναζήτηση, συνέντευξη και δοκιμαστική περίοδος (42:21)
2. Πώς να βρείτε παραγγελίες εξ αποστάσεως εργασίας και ελεύθερου επαγγελματία; (20:12)
3. Πρώτη δουλειά στην πληροφορική - πώς να συμπεριφέρεσαι; Πρακτική άσκηση, επίσημη απασχόληση και εργασία «για φαγητό» (14:11)
4. Πώς να περάσετε τη δοκιμαστική περίοδο; (27:10)
5. Πώς να προετοιμαστείτε για μια συνέντευξη σε μια εταιρεία FAANG (08:52)
6. Η διαδικασία φόρτωσης μιας ιστοσελίδας (25:19)
7. Συνέντευξη προγραμματιστή - όλα όσα πρέπει να γνωρίζετε (01:24:07)
8. Επίλυση προβλήματος από συνέντευξη προγραμματιστή (19:36)
9. Συνέντευξη προγραμματιστή Frontend (01:37:17)