Dezvoltare de aplicații web React.js - curs 25.500 de ruble. de la Loft School, antrenament 6 săptămâni, data de 27 noiembrie 2023.

instagram viewer

Săptămâna 1 - Introducere în React.js

— Facem cunoștință cu echipa de curs și colegii de clasă.
— Învățare JSX și Virtual DOM în React.
— Luăm în considerare abordarea componentelor și metodele de transfer de date.

Cunoștință
1. Deschiderea cursului (05:41)
Eu React.js
1. Ce este React (07:05)
2. DOM virtual (02:46)
3. JSX (06:10)
4. Redare cu condiții (05:11)
5. Lucrul cu liste (02:45)
6. Componente (02:41)
7. Recuzită (01:45)
8. Stat (06:45)
9. Evenimente (02:26)
10. React Devtools (03:58)
II React.js
1. Metode ciclului de viață (05:19)
2. Componente - funcții (01:29)
3. Componentă pură (02:54)
4. Evenimente sintetice (01:42)
5. Lucrul cu formulare (02:51)
6. Gestionarea erorilor (01:39)
Analiza sarcinilor #1
1. Atelierul #1 (30:36)

Săptămâna 2 - modele React.js, testare

— Studiem componente, elemente și instanțe ale clasei de componente.
— Luăm în considerare biblioteca Recompose, componentele de ordin înalt și modelele Render Props.
— Înțelegem avantajele testelor, studiem Jest, Enzyme, Snapshots.

III Reacționează
1. Introducere (01:43)
2. PropTypes (10:18)
3. Context (05:19)
4. Refs (05:18)
5. Portaluri (05:02)
6. Cârlige (10:42)
IV React.js
1. Componente de ordin superior (HOC) - Componente de ordin superior (10:33)
2. Redirecționare referințe (HOC) (04:31)
3. Model de recuzită de randare (05:25)
4. Recompunere bibliotecă HOK (10:32)
5. Profilare (04:02)
Testare
1. Introducere (05:06)
2. Test Runner (02:51)
3. Test DSL (08:41)
4. Enzimă (06:57)
5. Instantanee (03:09)
6. Saga de testare (05:01)
7. Biblioteca de testare React (06:32)
Analiza sarcinilor #2
1. Atelierul #2 (27:54)

Săptămâna 3 - Redux, rutare

— Studiem rutarea: rutarea simplă, rutarea cu Switch, precum și rutarea imbricată.
— Familiarizarea cu biblioteca Redux: concepte de bază și concepte de Store, Actions, Reducers, React-redux.
— Middleware-ul este considerat o modalitate de a lucra cu Sideeffect.

Rutare în browser
1. History API (02:48)
2. Rutare simplă (05:39)
3. Ruta de la Switch (04:16)
4. Dirijare imbricată (05:32)
5. Traseu privat (04:39)
Eu Redux
1. Introducere (04:07)
2. Magazin (05:03)
3. Acțiuni (02:17)
4. Reductoare (07:56)
5. React-redux (03:26)
II Redux
1. Introducere (03:11)
2. CreateActions (acțiuni redux) (09:13)
3. Middleware (07:54)
4. Gestionați acțiuni (05:52)
5. Selectoare (06:17)
6. Reselectați (04:49)
7. Rațe (06:56)
Analiza sarcinilor #3
1. Atelierul #3 (39:13)

Săptămâna 4 - Redux-saga

— Studiem biblioteca Redux-saga. Repetă funcțiile generatorului*. Să învățăm cum să le rulăm în paralel.
— Să ne uităm la metoda Take. Să studiem selectarea ca modalitate de a obține date din Magazin.
— Căutăm modalități de a stila o aplicație React. Studiem bibliotecile ClassNames, StyledComponents, BrowserList, MaterialUI.

I Redux-saga
1. Introducere (00:57)
2. Prezentare generală (02:08)
3. Generatoare (04:11)
4. Adăugarea de saga (02:07)
5. Reacționează la acțiuni (03:53)
6. Lansări de funcții (02:06)
II Redux-saga
1. Introducere (00:27)
2. Efecte în paralel (03:41)
3. Intră în vigoare (02:45)
4. Selectați efect (02:04)
5. Anulare efecte (04:05)
Lucrul cu stiluri
1. Introducere (01:34)
2. Stiluri CRA (05:21)
3. ClassNames (06:32)
4. Componente stilate (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)
Analiza sarcinilor #4
1. Atelierul #4 (09:55)

Săptămâna 5 - Formulare, CI & DI și gestionarea erorilor clientului

— Luăm în considerare lucrul cu formulare folosind bibliotecile Formik, Redux Forms, React Final Form.
— Avem în vedere metode de asigurare a calității codului de producție. Analizăm instrumente precum: Husky, TravisCI, HerokuNow.
— Studiem un set de biblioteci utile pentru dezvoltare (Storybook, RamdaJS, Axios).
— Luăm în considerare TypeScript.

Lucrul cu Formulare
1. Introducere (05:07)
2. Formik (08:51)
3. Forma redux (06:22)
4. Reacționează forma finală (06:36)
Gestionarea erorilor CI & DI și Client
1. Introducere (05:07)
2. Husky (02:32)
3. CI folosind TravisCI (03:32)
4. Implementează în Heroku (04:57)
5. Rollbar (02:00)
Un set de biblioteci utile pentru dezvoltare
1. Cartea de povești (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Dactilografiat (09:31)
Analiza sarcinilor #5
1. Atelierul #5 (13:17)

Săptămâna 6 - Lucrul la proiect

— Completam cererea și o trimitem spre examinare.

Cum să obții un loc de muncă în IT: sfaturi și trucuri
1. Cum să obții un loc de muncă în IT? Căutare, interviu și perioadă de probă (42:21)
2. Cum să găsești comenzi de lucru la distanță și liber profesioniști? (20:12)
3. Primul loc de muncă în IT - cum să te comporți? Stagii, angajare oficială și muncă „pentru mâncare” (14:11)
4. Cum se trece perioada de probă? (27:10)
5. Cum să vă pregătiți pentru un interviu la o companie FAANG (08:52)
6. Procesul de încărcare a unei pagini web (25:19)
7. Interviu programator - tot ce trebuie să știți (01:24:07)
8. Rezolvarea unei probleme dintr-un interviu cu un programator (19:36)
9. Interviu pentru dezvoltatori front-end (01:37:17)