React.js Web-sovelluskehitys - kurssi 25 500 hieroa. Loft Schoolista, koulutus 6 viikkoa, päivämäärä 27.11.2023.

instagram viewer

Viikko 1 – React.js: n esittely

– Tutustumme kurssiryhmään ja luokkatovereihin.
— JSX: n ja virtuaalisen DOM: n oppiminen Reactissa.
— Harkitsemme komponenttilähestymistapaa ja tiedonsiirtomenetelmiä.

Tuttavuus
1. Kurssin avaus (05:41)
I React.js
1. Mikä on React (07:05)
2. Virtuaalinen DOM (02:46)
3. JSX (06:10)
4. Renderöinti ehdoilla (05:11)
5. Työskentely listojen kanssa (02:45)
6. Komponentit (02:41)
7. Rekvisiitta (01:45)
8. Osavaltio (06:45)
9. Tapahtumat (02:26)
10. React Devtools (03:58)
II React.js
1. Elinkaarimenetelmät (05:19)
2. Komponentit - toiminnot (01:29)
3. Puhdas komponentti (02:54)
4. Synteettiset tapahtumat (01:42)
5. Lomakkeiden kanssa työskentely (02:51)
6. Virheiden käsittely (01:39)
Tehtävien #1 analyysi
1. Workshop #1 (30:36)

Viikko 2 - React.js-mallit, testaus

— Tutkimme komponenttiluokan komponentteja, elementtejä ja esiintymiä.
— Otamme huomioon Recompose-kirjaston, korkealuokkaiset komponentit ja Render Props -mallit.
— Ymmärrämme testien edut, opimme Jestiä, Entsyymiä, Snapshotsia.

III Reagoi
1. Johdanto (01:43)
2. PropTypes (10:18)
3. Konteksti (05:19)
4. Viitteet (05:18)
5. Portaalit (05:02)
6. Koukut (10:42)
IV React.js
1. Korkealuokkaiset komponentit (HOC) – korkeamman asteen komponentit (10:33)
2. Uudelleenlähetys (HOC) (04:31)
3. Renderöi rekvisiittakuvio (05:25)
4. HOK Library Recompose (10:32)
5. Profilointi (04:02)
Testaus
1. Johdanto (05:06)
2. Test Runner (02:51)
3. Testaa DSL: ää (08:41)
4. Entsyymi (06:57)
5. Tilannekuvat (03:09)
6. Testaussaagat (05:01)
7. React Testing Library (06:32)
Tehtävien #2 analyysi
1. Workshop #2 (27:54)

Viikko 3 - Redux, reititys

— Tutkimme reititystä: Yksinkertaista reititystä, reititystä Switchillä sekä sisäkkäistä reititystä.
— Redux-kirjastoon tutustuminen: Store, Actions, Reducers, React-redux peruskäsitteet ja käsitteet.
— Middlewarea pidetään keinona työskennellä Sideeffectin kanssa.

Reititys selaimessa
1. History API (02:48)
2. Yksinkertainen reititys (05:39)
3. Reititys kytkimestä (04:16)
4. Sisäkkäinen reititys (05:32)
5. Yksityinen reitti (04:39)
Minä Redux
1. Johdanto (04:07)
2. Kauppa (05:03)
3. Toiminnot (02:17)
4. Reducers (07:56)
5. React-redux (03:26)
II Redux
1. Johdanto (03:11)
2. CreateActions (redux-actions) (09:13)
3. Väliohjelmisto (07:54)
4. Käsittele toiminnot (05:52)
5. Valitsijat (06:17)
6. Valitse uudelleen (04:49)
7. Ducks (06:56)
Tehtävien #3 analyysi
1. Workshop #3 (39:13)

Viikko 4 - Redux-saga

– Tutkimme Redux-sagan kirjastoa. Toista generaattorin* toiminnot. Opitaan ajamaan niitä rinnakkain.
– Katsotaanpa Take-menetelmää. Tutkitaan valintaa tapana saada tietoja Storesta.
— Etsimme tapoja muotoilla React-sovellusta. Tutkimme kirjastoja ClassNames, StyledComponents, BrowserList, MaterialUI.

Olen Redux-saaga
1. Johdanto (00:57)
2. Yleiskatsaus (02:08)
3. Generaattorit (04:11)
4. Saagan lisääminen (02:07)
5. Reagoi toimiin (03:53)
6. Ominaisuuden julkaisut (02:06)
II Redux-saaga
1. Johdanto (00:27)
2. Tehosteet rinnakkain (03:41)
3. Tule voimaan (02:45)
4. Valitse tehoste (02:04)
5. Peruuta tehosteet (04:05)
Työskentely tyylien kanssa
1. Johdanto (01:34)
2. CRA Styles (05:21)
3. ClassNames (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Materiaalin käyttöliittymä (08:13)
Tehtävien #4 analyysi
1. Workshop #4 (09:55)

Viikko 5 - Lomakkeet, CI & DI ja asiakasvirheiden käsittely

— Harkitsemme Formik-, Redux Forms- ja React Final Form -kirjastojen käyttöä lomakkeiden kanssa.
— Harkitsemme menetelmiä tuotantokoodin laadun varmistamiseksi. Analysoimme sellaisia ​​työkaluja kuin: Husky, TravisCI, HerokuNow.
— Tutkimme joukkoa hyödyllisiä kehittämiskirjastoja (Storybook, RamdaJS, Axios).
– Harkitsemme TypeScriptiä.

Lomakkeiden kanssa työskentely
1. Johdanto (05:07)
2. Formik (08:51)
3. Redux-lomake (06:22)
4. Reagoi lopullinen muoto (06:36)
CI & DI & Client -virheiden käsittely
1. Johdanto (05:07)
2. Husky (02:32)
3. CI TravisCI: llä (03:32)
4. Ota käyttöön herokussa (04:57)
5. Rollbar (02:00)
Joukko hyödyllisiä kirjastoja kehittämistä varten
1. Satukirja (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Konekirjoitus (09:31)
Tehtävien #5 analyysi
1. Workshop #5 (13:17)

Viikko 6 - Projektityö

– Täytämme hakemuksen ja lähetämme sen tarkistettavaksi.

IT-alan työpaikan saaminen: vinkkejä ja temppuja
1. Kuinka saada töitä IT-alalta? Haku, haastattelu ja koeaika (42:21)
2. Kuinka löytää etätyötä ja freelance-tilauksia? (20:12)
3. Ensimmäinen työpaikka IT-alalla – miten käyttäytyä? Työharjoittelu, virkatyö ja työ "ruokaa varten" (14:11)
4. Miten koeaika kestää? (27:10)
5. Kuinka valmistautua haastatteluun FAANG-yrityksessä (08:52)
6. Verkkosivun latausprosessi (25:19)
7. Ohjelmoijahaastattelu – kaikki mitä sinun tulee tietää (01:24:07)
8. Ongelman ratkaiseminen ohjelmoijan haastattelusta (19:36)
9. Käyttöliittymän kehittäjän haastattelu (01:37:17)