React.js Utveckling av webbapplikationer - kurs 25 500 rubel. från Loftskolan, utbildning 6 veckor, datum 27 november 2023.

instagram viewer

Vecka 1 – Introduktion till React.js

— Vi lär känna kursteamet och klasskamraterna.
— Lär dig JSX och Virtual DOM i React.
— Vi överväger komponentmetoden och metoderna för dataöverföring.

Bekantskap
1. Kursöppning (05:41)
Jag React.js
1. Vad är React (07:05)
2. Virtual DOM (02:46)
3. JSX (06:10)
4. Rendering med villkor (05:11)
5. Arbeta med listor (02:45)
6. Komponenter (02:41)
7. Rekvisita (01:45)
8. State (06:45)
9. Händelser (02:26)
10. React Devtools (03:58)
II React.js
1. Livscykelmetoder (05:19)
2. Komponenter - funktioner (01:29)
3. Ren komponent (02:54)
4. Syntetiska evenemang (01:42)
5. Arbeta med formulär (02:51)
6. Felhantering (01:39)
Analys av uppgifter #1
1. Workshop #1 (30:36)

Vecka 2 - React.js-mönster, testning

— Vi studerar komponenter, element och instanser av komponentklassen.
— Vi överväger Recompose-biblioteket, komponenter av hög ordning och Render Props-mönster.
— Vi förstår fördelarna med tester, studerar Jest, Enzyme, Snapshots.

III Reagera
1. Intro (01:43)
2. PropTypes (10:18)
3. Kontext (05:19)
4. Refs (05:18)
5. Portals (05:02)
6. Hooks (10:42)
IV React.js
1. High Order Components (HOCs) - Higher Order Components (10:33)
2. Ref-forwarding (HOCs) (04:31)
3. Rendera rekvisitamönster (05:25)
4. HOK Library Recompose (10:32)
5. Profilering (04:02)
Testning
1. Intro (05:06)
2. Testlöpare (02:51)
3. Testa DSL (08:41)
4. Enzym (06:57)
5. Ögonblicksbilder (03:09)
6. Testsagor (05:01)
7. React Testing Library (06:32)
Analys av uppgifter #2
1. Workshop #2 (27:54)

Vecka 3 - Redux, routing

— Vi studerar routing: Enkel routing, routing med Switch, samt kapslad routing.
— Bekanta dig med Redux-biblioteket: grundläggande koncept och koncept för Store, Actions, Reducers, React-redux.
— Middleware anses vara ett sätt att arbeta med Sideeffect.

Routing i webbläsaren
1. History API (02:48)
2. Enkel routing (05:39)
3. Routing från Switch (04:16)
4. Kapslad rutt (05:32)
5. Privat väg (04:39)
Jag Redux
1. Intro (04:07)
2. Butik (05:03)
3. Åtgärder (02:17)
4. Reducerare (07:56)
5. React-redux (03:26)
II Redux
1. Intro (03:11)
2. CreateActions (redux-actions) (09:13)
3. Mellanvara (07:54)
4. Hantera åtgärder (05:52)
5. Väljare (06:17)
6. Välj igen (04:49)
7. Ankor (06:56)
Analys av uppgifter #3
1. Workshop #3 (39:13)

Vecka 4 - Redux-saga

— Vi studerar Redux-sagans bibliotek. Upprepa generator* funktioner. Låt oss lära oss hur man kör dem parallellt.
— Låt oss titta på Take-metoden. Låt oss studera val som ett sätt att hämta data från butiken.
— Vi tittar på sätt att utforma en React-applikation. Vi studerar biblioteken ClassNames, StyledComponents, BrowserList, MaterialUI.

Jag Redux-saga
1. Intro (00:57)
2. Översikt (02:08)
3. Generatorer (04:11)
4. Lägger till sagor (02:07)
5. Reagera på handlingar (03:53)
6. Funktionslanseringar (02:06)
II Redux-saga
1. Intro (00:27)
2. Utför effekter parallellt (03:41)
3. Trä i kraft (02:45)
4. Välj effekt (02:04)
5. Avbryt effekter (04:05)
Arbeta med stilar
1. Intro (01:34)
2. CRA Styles (05:21)
3. Klassnamn (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)
Analys av uppgifter #4
1. Workshop #4 (09:55)

Vecka 5 - Blanketter, CI & DI & Client felhantering

— Vi överväger att arbeta med formulär med hjälp av biblioteken Formik, Redux Forms, React Final Form.
— Vi överväger metoder för att kvalitetssäkra produktionskoden. Vi analyserar verktyg som: Husky, TravisCI, HerokuNow.
— Vi studerar en uppsättning användbara bibliotek för utveckling (Storybook, RamdaJS, Axios).
— Vi överväger TypeScript.

Arbeta med formulär
1. Intro (05:07)
2. Formik (08:51)
3. Redux-formulär (06:22)
4. Reagera slutgiltigt formulär (06:36)
CI & DI & Client felhantering
1. Intro (05:07)
2. Husky (02:32)
3. CI med TravisCI (03:32)
4. Utplacera till heroku (04:57)
5. Rollbar (02:00)
En uppsättning användbara bibliotek för utveckling
1. Sagobok (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Typskript (09:31)
Analys av uppgifter #5
1. Workshop #5 (13:17)

Vecka 6 - Projektarbete

— Vi kompletterar ansökan och skickar den för granskning.

Hur man får jobb inom IT: tips och tricks
1. Hur får man jobb inom IT? Sökning, intervju och provanställning (42:21)
2. Hur hittar man distansarbete och frilansbeställningar? (20:12)
3. Första jobbet inom IT – hur ska man bete sig? Praktikplatser, officiell anställning och arbete "för mat" (14:11)
4. Hur klarar man provanställningen? (27:10)
5. Hur man förbereder sig för en intervju på ett FAANG-företag (08:52)
6. Processen att ladda en webbsida (25:19)
7. Programmerarintervju - allt du behöver veta (01:24:07)
8. Att lösa ett problem från en programmerarintervju (19:36)
9. Intervju med frontend-utvecklare (01:37:17)