Frontendi arendaja - kursus 47 600 hõõruda. Lofti Koolist, koolitus 3 kuud, Kuupäev 28.11.2023.
Varia / / November 29, 2023
Teadmised ja oskused
Kõik vajalikud teadmised frontendi arendajale.
Portfell
Teie portfellis on 2 muljetavaldavat kaasaegset ja tehnoloogilist projekti.
tunnistus
Hindega, mis peegeldab teie teadmiste taset ja mõjuastet.
Carier start
Tagame töökoha kõikidele tublidele ja tublidele õpilastele.
Nad annavad teadmisi, mitte vastuseid. Neile meeldib selgitada ja nad suudavad keerulist teavet arusaadavas keeles edasi anda. Nõudlik oma koodi kvaliteedi suhtes: te ei soorita ülesannet enne, kui teie kood on täiuslik. Nad mõistavad hästi teisi inimesi ja oskavad leida lähenemist igale õpilasele. Alati valmis aitama.
Vue.js täiustatud veebiarendus
1. nädal – töövoog
— Kohtume mentori ja rühmaga.
— Veebipaketi komplekteerimise abil loome lõpliku projekti jaoks valitud paigutuse.
— Postitame tulemuse Githubisse ja esitame mentorile kontrollimiseks.
Kursuse avamine
1. Kuidas treening läheb (01:09:37)
Vue. Põhijooned
1. Teooria (04:49)
2. Tere maailm (06:20)
3. Sündmuste käsitlemine (02:38)
4. Mitme sündmuse käsitlemine (01:19)
5. Dünaamilised väärtused (01:30)
6. Sissejuhatus direktiividesse (05:40)
7. Lühendatud juhised (00:37)
8. Meetodid parameetritega (01:36)
9. Sündmuste muutjad (08:52)
10. Arvutatud omadused (10:50)
11. Vaatlejad (06:02)
12. Klassidega töötamine (03:37)
13. CSS-i atribuutidega töötamine (02:49)
14. Juurdepääs DOM-i elementidele (03:50)
15. Tingimuslik renderdamine (04:46)
16. Renderdusloendid (05:12)
17. Komponendi loomine (04:16)
18. Kohalikud komponendid (02:44)
19. Andmete reaktsioonivõime (04:35)
20. Komponendi omadused (03:52)
21. Mänguajad (04:37)
22. Mängupesad koos ulatusega (04:52)
23. Kohandatud sündmused (04:27)
24. Teleport (02:53)
Vue. Ühe faili komponendid
1. Projekti installimine. VUE-CLI (09:22)
2. Ühe faili komponent (03:18)
3. Stiilidega töötamine (07:02)
4. Atribuutide ja töötlejate edastamine (02:53)
5. Üksikud failid (01:26)
6. Komponentide omaduste valideerimine (07:35)
7. Kasutajasündmuste valideerimine (02:01)
8. Kahepoolne andmeside (04:11)
9. Kohandatud v-mudel (05:51)
10. Elutsükli konksud (07:08)
11. Lisandid (04:40)
NPM
1. Mis on npm? (05:50)
2. npm installimine ja värskendamine (02:33)
3. Abi npm (01:28)
4. Pakettide otsimine ja paigaldamine (04:24)
5. Pakettide sõltuvused (02:09)
6. Manifestifail package.json (03:02)
7. Pakkide eemaldamine ja värskendamine (03:02)
8. sõltuvused ja arendajadSõltuvused (01:51)
9. Veebipakett ja npx (04:04)
10. npm skriptid (04:02)
11. npm, git ja github (02:40)
Lõng
1. Lõng (07:07)
Veebipakk. Põhitõed
1. Teooria (01:09)
2. Minimaalne konfigureerimine ja käivitamine (04:41)
3. Faili nimetamine (02:34)
4. Laadijad (04:28)
5. Arendusserver (02:43)
6. Pluginad (02:34)
7. Otsi mooduleid (03:18)
8. Sorsmaps (03:17)
9. Dev jt (02:42)
10. Moodulite tüübid (03:00)
11. Minimaalne kokkupanek (05:30)
ESLint. Konfiguratsiooni ülevaade
1. Sissejuhatus (01:26)
2. Paigaldamine ja käivitamine (03:10)
3. Veaparandused (02:04)
4. Seadistamine (05:21)
5. Väljundvorming (00:52)
Figma küljendajale
1. Figma. Liides (04:37)
2. Figma. Projekti korraldamine (01:32)
Flexbox
1. Sissejuhatus (00:45)
2. Flex konteiner (01:43)
3. Põhitelje joondamine (01:37)
4. Risttelgede joondamine (01:50)
5. Ühe elemendi joondamine (01:09)
6. Flex element – konteiner (00:53)
7. Telgede suund (03:18)
8. Mitmerealine konteiner (02:54)
9. Mitmerealise sisu joondamine (01:25)
10. Proportsioonid (02:46)
11. Tihendusproportsioonid (01:24)
12. Põhisuurus (04:02)
13. Elementide järjekord (02:40)
GIT
1. Sissejuhatus (07:03)
2. Gitiga alustamine (03:01)
3. Uue hoidla loomine (01:09)
4. Failide lisamine Giti registrisse (vaatamisala) (06:49)
5. Pühendumise loomine (07:17)
6. Sisestage navigeerimine. Tühista muudatused (12:10)
7. Tavaline Giti tsükkel (03:34)
8. Hargnevus Gitis (11:27)
9. Konfliktid filiaalide ühendamisel (06:06)
10. Ajutine (ilma sidumiseta) andmete salvestamine (05:25)
11. Kaughoidlatega töötamine (20:04)
12. GitHubi lehtede kasutamine projektide hostimiseks (04:31)
Vue. Töötuba nr 1
1. Projekti algus (05:24)
2. Päise komponent (04:13)
3. Ikooni komponent (05:06)
4. Komponentide loendi kuvamine (02:56)
5. Lülita komponenti (03:19)
2. nädal – Vue.js
— Muudame paigutuse adaptiivseks.
— Rakendame Vue.js-is ploki „Oskused”.
— Rakendame Vue.js-is ploki „Minu projektid”.
— Rakendame ploki „Slider for Reviews”, kasutades pistikprogrammi Vue.js.
Juturaamat
1. Installimine (01:56)
2. Esimene lugu (04:35)
3. Komponendi ühendamine (01:24)
4. Konfiguratsiooni laiendus (04:26)
5. Üldised stiilid (02:08)
6. Komponendi lugu (05:23)
7. CDD (04:16)
8. Komponendi loomine (02:28)
9. Komponendi rakendamine (02:29)
10. Sündmuste logimine (03:29)
11. Tausta lisand (01:41)
12. Addon Knobs (02:28)
13. Addoni allikas (02:17)
14. Järeldus (01:11)
JavaScript – ES6
1. Stringi interpolatsioon (07:39)
2. Meetodikirjelduste lihtsustamine (13:35)
3. Vaikimisi (30:08)
4. Destruktureerimisülesanne: objektid (07:30)
5. Uued funktsioonid ja vanad brauserid (13:07)
Asünkroonsus JavaScriptis
1. Taimerid (23:44)
2. Piltide laadimine (22:21)
3. Lubadused (36:29)
4. AJAX (32:28)
Axios. Päringu raamatukogu
1. Sissejuhatus (02:23)
2. Taotluse saatmine (02:12)
3. Konfiguratsiooni ülevaade (04:30)
4. Päringu sisu (01:43)
5. Vaikesätted (01:38)
6. Interceptors (02:11)
7. Teenused (02:33)
8. async-wait (01:18)
Vue. Töötuba nr 2
1. Ettevalmistus (02:39)
2. Komponendi ühendamine (02:16)
3. Juhtväljund (02:38)
4. Edenemise komponent (05:09)
5. Päring serverile (06:38)
6. Andmeväljund (05:55)
3. nädal – Native JavaScript
— Loome administraatoripaneeli.
— Uurime Storybooki ja rakendame seda oma projektis.
— Teostame projektivormide vajaliku töötlemise (valideerimise).
VueRouter. Marsruutimine brauseris
1. Sissejuhatus (04:31)
2. Lingi loomine (02:41)
3. Tarkvara navigeerimine (02:35)
4. Tee parameetrid (04:42)
5. Parameetrid omadustena (00:49)
6. Täpsemad valikud ja 404 (03:29)
7. Pesastatud marsruudid (03:23)
8. Tegevustunnid (02:37)
9. Erinevad ruuteri vaated (01:08)
10. Dünaamiline import (02:00)
11. Ilus URL (02:16)
Vuex. Riigijuht
1. Sissejuhatus (01:13)
2. Ühendus (02:30)
3. Action (02:27)
4. Mutatsioonid (02:16)
5. Getters (02:02)
6. Rakendamine praktikas (08:07)
7. Assistendi funktsioonid (02:59)
8. Moodulid (05:18)
9. Dünaamilised moodulid (01:38)
Küsimus Vastus
Vue. Töötuba nr 3
1. Paigutus (04:33)
2. Andmeväljund (02:42)
3. Animatsiooniks valmistumine (02:14)
4. Nuppude ekraan (03:45)
5. Täiendav sisu laadimine (11:38)
6. Kuva slaid pärast üleminekut (02:17)
4. nädal – Vue.js, SPA
— Rakendame administraatoripaneelis SPA.
— Uurime andmetega töötamist rakenduste salvestusruumi kaudu
— Kasutame ajaxit API-ga suhtlemiseks, kliendi-serveri interaktsioonide seadistamiseks.
Autoriseerimine. Tokenid
1. Volituste tüübid (04:20)
2. GitHub OAuth (01:42)
3. GitHubi rakenduse loomine (02:28)
4. Žetooni vastuvõtmine (08:38)
5. Andmete salvestamine koodis (01:46)
6. Marsruudi kaitse (04:13)
Vue. Töötuba nr 4
1. Ettevalmistus (01:33)
2. Toimingu loomine (02:30)
3. Allalaadimise olek (04:01)
4. Taotlus (02:27)
5. Duplikaatide eemaldamine (03:29)
6. Marsruudi kaitse (03:23)
7. Väljalogimine (00:51)
5. nädal – praktika
— Kuvame administraatoripaneelilt salvestatud andmed sihtlehele.
— Testime komponente.
— Rühmatöö projekti kallal koos mentoriga.
Vue.js. Kompositsiooni API
1. Sissejuhatus (01:29)
2. Üldine näide (03:57)
3. Laulu funktsioon (01:51)
4. Reaktiivne funktsioon (00:55)
5. funktsioon toRef (01:35)
6. funktsioon toRefs (00:58)
7. Arvutatud omadused (00:56)
8. kellafunktsioon (01:41)
9. funktsioon watchEffect (03:14)
10. kirjutuskaitstud funktsioon (00:40)
11. Testimisfunktsioonid (02:30)
12. unref funktsioon (01:27)
13. Elutsükli konksud (00:58)
14. Näide. Projekti ülevaade (00:53)
15. Näide. Laadimisfunktsioon (01:20)
16. Näide. Kategooriad (02:20)
17. Näide. Esialgne filtreerimine (02:46)
18. Näide. Filtri vahetamine (02:11)
19. Näide. Muud filtreerimisfunktsioonid (02:03)
20. Näide. Sorteerimismeetod (03:05)
JS-koodi testimine
1. Sissejuhatus (16:05)
2. Jest (15:47)
3. Testide eelised (09:01)
4. Kajastus (10:02)
Vue.js. Komponentide testimine
1. Pakettide seadistamine (04:39)
2. Komponentide ümbris (04:13)
3. Mida testida (02:48)
4. Esimene test (05:25)
5. Heitkoguste sündmuse kontrollimine (03:44)
6. Omaduste ülekandmine (02:58)
7. Töö vormielementidega (05:42)
8. Üldseaded (01:15)
9. Moki (05:04)
10. Teekide ühendamine (02:32)
11. Tegevuse testimine (03:26)
12. Poe testimine (02:53)
13. Piltidega testimine (03:08)
Testimine. Moki
1. Maketi loomine (02:39)
2. Argumentidega töötamine (01:39)
3. Tagastusväärtus (02:57)
4. Moodulid (04:24)
5. Taimerid (02:05)
Vue. Töötuba nr 5
1. Lihtne komponent (03:03)
2. Komponent koos kauplusega (05:21)
3. Testimine. Ettevalmistus (03:20)
4. Testimine. Lüliti (02:38)
5. Testimine. Probleemid (05:08)
6. nädal – projekti lõpetamine
— Lõpetame projekti.
— Esitame projekti mentoritele ülevaatamiseks.
— Hindamise diplomid.
Kuidas IT-alal tööle saada: näpunäiteid ja nippe
1. Kuidas IT-alal tööd saada? Otsing, intervjuu ja katseaeg (42:21)
2. Kuidas leida kaugtööd ja vabakutseliste tellimusi? (20:12)
3. Esimene töökoht IT-s – kuidas käituda? Praktika, ametlik töötamine ja töö "toidu pärast" (14:11)
4. Kuidas katseaega läbida? (27:10)
5. Kuidas valmistuda intervjuuks FAANG ettevõttes (08:52)
6. Veebilehe laadimise protsess (25:19)
7. Programmeerija intervjuu – kõik, mida pead teadma (01:24:07)
8. Probleemi lahendamine programmeerija intervjuust (19:36)
9. Intervjuu kasutajaliidese arendajaga (01:37:17)
React.js veebirakenduste arendus
1. nädal – React.js'i tutvustus
— Saame tuttavaks kursuse meeskonna ja klassikaaslastega.
— JSX-i ja virtuaalse DOM-i õppimine Reactis.
— Kaalume komponentpõhist lähenemist ja andmeedastusmeetodeid.
Tuttav
1. Raja avamine (05:41)
I React.js
1. Mis on React (07:05)
2. Virtuaalne DOM (02:46)
3. JSX (06:10)
4. Tingimustega renderdamine (05:11)
5. Nimekirjadega töötamine (02:45)
6. Komponendid (02:41)
7. Rekvisiidid (01:45)
8. Olek (06:45)
9. Sündmused (02:26)
10. React Devtools (03:58)
II React.js
1. Elutsükli meetodid (05:19)
2. Komponendid – funktsioonid (01:29)
3. Puhas komponent (02:54)
4. Sünteetilised sündmused (01:42)
5. Vormidega töötamine (02:51)
6. Vigade käsitlemine (01:39)
Ülesannete nr 1 analüüs
1. Töötuba nr 1 (30:36)
2. nädal – React.js mustrid, testimine
— Uurime komponentklassi komponente, elemente ja eksemplare.
— Arvestame ümberkoostamise teeki, kõrge järgu komponente ja renderdusrekvisiidide mustreid.
— Mõistame testide eeliseid, uurime Jest, Enzyme, Snapshots.
III Reageerida
1. Sissejuhatus (01:43)
2. PropTypes (10:18)
3. Kontekst (05:19)
4. Viited (05:18)
5. Portaalid (05:02)
6. Konksud (10:42)
IV React.js
1. Kõrgema järgu komponendid (HOC) – kõrgema järgu komponendid (10:33)
2. Edasisuunamine (HOC) (04:31)
3. Rekvisiitide muster renderdamine (05:25)
4. HOK raamatukogu uuesti koostamine (10:32)
5. Profileerimine (04:02)
Testimine
1. Sissejuhatus (05:06)
2. Testijooksja (02:51)
3. Testige DSL-i (08:41)
4. Ensüüm (06:57)
5. Hetkevõtted (03:09)
6. Testimise saagad (05:01)
7. Reaktsiooni testimise raamatukogu (06:32)
Ülesannete nr 2 analüüs
1. Töötuba nr 2 (27:54)
3. nädal – Redux, marsruutimine
— Uurime marsruutimist: lihtsat marsruutimist, marsruutimist Switchiga, samuti pesastatud marsruutimist.
— Reduxi teegiga tutvumine: Store, Actions, Reducers, React-redux põhimõisted ja kontseptsioonid.
— Vahevara peetakse Sideeffectiga töötamise viisiks.
Marsruutimine brauseris
1. Ajaloo API (02:48)
2. Lihtne marsruutimine (05:39)
3. Marsruutimine Switchist (04:16)
4. Pesastatud marsruutimine (05:32)
5. Privaatne marsruut (04:39)
I Redux
1. Sissejuhatus (04:07)
2. Kauplus (05:03)
3. Tegevused (02:17)
4. Reduktorid (07:56)
5. React-redux (03:26)
II Redux
1. Sissejuhatus (03:11)
2. CreateActions (redux-actions) (09:13)
3. Vahevara (07:54)
4. Käitlemistoimingud (05:52)
5. Valijad (06:17)
6. Vali uuesti (04:49)
7. Pardid (06:56)
Ülesannete nr 3 analüüs
1. Töötuba nr 3 (39:13)
4. nädal – Redux-saaga
— Õpime Redux-saaga raamatukogu. Korrake generaatori* funktsioone. Õpime, kuidas neid paralleelselt käivitada.
— Vaatame Take meetodit. Uurime valikut poest andmete hankimiseks.
— Otsime võimalusi Reacti rakenduse kujundamiseks. Uurime teeke ClassNames, StyledComponents, BrowserList, MaterialUI.
I Redux-saaga
1. Sissejuhatus (00:57)
2. Ülevaade (02:08)
3. Generaatorid (04:11)
4. Saagade lisamine (02:07)
5. Reageerige tegudele (03:53)
6. Funktsioonide käivitamine (02:06)
II Redux-saaga
1. Sissejuhatus (00:27)
2. Paralleelselt efektide esitamine (03:41)
3. Jõustub (02:45)
4. Vali efekt (02:04)
5. Tühista efektid (04:05)
Stiilidega töötamine
1. Sissejuhatus (01:34)
2. CRA stiilid (05:21)
3. Klassinimed (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Materjali kasutajaliides (08:13)
Ülesannete nr 4 analüüs
1. Töötuba nr 4 (09:55)
5. nädal – vormid, CI & DI ja kliendi vigade käsitlemine
— Kaalume töötada vormidega, kasutades teeke Formik, Redux Forms, React Final Form.
— Kaalume meetodeid tootmiskoodi kvaliteedi tagamiseks. Analüüsime selliseid tööriistu nagu: Husky, TravisCI, HerokuNow.
— Uurime arendamiseks kasulike raamatukogude komplekti (Storybook, RamdaJS, Axios).
— Kaalume TypeScripti.
Töötamine vormidega
1. Sissejuhatus (05:07)
2. Formik (08:51)
3. Redux vorm (06:22)
4. Reageeri lõplik vorm (06:36)
CI & DI ja kliendi vigade käsitlemine
1. Sissejuhatus (05:07)
2. Husky (02:32)
3. CI kasutades TravisCI-d (03:32)
4. Kasuta herokusse (04:57)
5. Rollbar (02:00)
Kasulike teekide komplekt arendamiseks
1. Juturaamat (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Masinakiri (09:31)
Ülesannete nr 5 analüüs
1. Töötuba nr 5 (13:17)
6. nädal – Projektitöö
— Täidame taotluse ja saadame läbivaatamiseks.
Kuidas IT-alal tööle saada: näpunäiteid ja nippe
1. Kuidas IT-alal tööd saada? Otsing, intervjuu ja katseaeg (42:21)
2. Kuidas leida kaugtööd ja vabakutseliste tellimusi? (20:12)
3. Esimene töökoht IT-s – kuidas käituda? Praktika, ametlik töötamine ja töö "toidu pärast" (14:11)
4. Kuidas katseaega läbida? (27:10)
5. Kuidas valmistuda intervjuuks FAANG ettevõttes (08:52)
6. Veebilehe laadimise protsess (25:19)
7. Programmeerija intervjuu – kõik, mida pead teadma (01:24:07)
8. Probleemi lahendamine programmeerija intervjuust (19:36)
9. Intervjuu kasutajaliidese arendajaga (01:37:17)