Frontend izstrādātājs - kurss 47 600 rub. no Lofta skolas, apmācība 3 mēneši, Datums 2023. gada 28. novembris.

Vue.js uzlabotā tīmekļa izstrāde

1. nedēļa — darbplūsma

— Mēs tiekamies ar mentoru un grupu.
— Izmantojot tīmekļa pakotnes montāžu, mēs izveidojam izvēlēto gala projekta izkārtojumu.
— Mēs ievietojam rezultātu vietnē Github un iesniedzam mentoram pārbaudei.

Kursa atklāšana
1. Kā notiek apmācība (01:09:37)

Vue. Galvenās iezīmes
1. Teorija (04:49)
2. Sveika pasaule (06:20)
3. Pasākumu apstrāde (02:38)
4. Vairāku notikumu apstrāde (01:19)

5. Dinamiskās vērtības (01:30)
6. Ievads direktīvās (05:40)
7. Saīsinātās direktīvas (00:37)
8. Metodes ar parametriem (01:36)
9. Notikumu pārveidotāji (08:52)
10. Aprēķinātie rekvizīti (10:50)
11. Vērotāji (06:02)
12. Darbs ar klasēm (03:37)
13. Darbs ar CSS rekvizītiem (02:49)
14. Piekļuve DOM elementiem (03:50)
15. Nosacītā renderēšana (04:46)
16. Renderēšanas saraksti (05:12)
17. Komponenta izveide (04:16)
18. Vietējie komponenti (02:44)
19. Datu reaktivitāte (04:35)
20. Komponentu īpašības (03:52)
21. Slots (04:37)
22. Sloti ar tvērumu (04:52)
23. Pielāgoti notikumi (04:27)
24. Teleports (02:53)

Vue. Viena faila komponenti
1. Projekta instalēšana. VUE-CLI (09:22)
2. Viena faila komponents (03:18)
3. Darbs ar stiliem (07:02)
4. Atribūtu un apdarinātāju nodošana (02:53)
5. Atsevišķi faili (01:26)
6. Komponentu īpašību apstiprināšana (07:35)
7. Lietotāju notikumu apstiprināšana (02:01)
8. Divvirzienu datu sakari (04:11)
9. Pielāgots v-modelis (05:51)
10. Dzīves cikla āķi (07:08)
11. Piemaisījumi (04:40)

NPM
1. Kas ir npm? (05:50)
2. Instalēšana un atjaunināšana npm (02:33)
3. Palīdzība ar npm (01:28)
4. Pakešu atrašana un instalēšana (04:24)
5. Pakešu atkarības (02:09)
6. Manifesta fails package.json (03:02)
7. Pakešu noņemšana un atjaunināšana (03:02)
8. atkarības un devAtkarības (01:51)
9. Webpack un npx (04:04)
10. npm skripti (04:02)
11. npm, git un github (02:40)

Dzija
1. Dzija (07:07)

Tīmekļa pakotne. Pamati
1. Teorija (01:09)
2. Minimāla konfigurēšana un palaišana (04:41)
3. Faila nosaukumu piešķiršana (02:34)
4. Iekrāvēji (04:28)
5. Izstrādātāja serveris (02:43)
6. Spraudņi (02:34)
7. Meklēt moduļus (03:18)
8. Sorsmaps (03:17)
9. Dev et al (02:42)
10. Moduļu veidi (03:00)
11. Minimālā montāža (05:30)

ESLint. Konfigurācijas pārskats
1. Ievads (01:26)
2. Uzstādīšana un palaišana (03:10)
3. Kļūdu labojumi (02:04)
4. Konfigurācija (05:21)
5. Izvades formāts (00:52)

Figma maketētājam
1. Figma. Interfeiss (04:37)
2. Figma. Projekta organizācija (01:32)

Flexbox
1. Ievads (00:45)
2. Elastīgs konteiners (01:43)
3. Galvenās ass izlīdzināšana (01:37)
4. Šķērsasu izlīdzināšana (01:50)
5. Viena elementa līdzināšana (01:09)
6. Elastīgs elements — konteiners (00:53)
7. Asu virziens (03:18)
8. Daudzrindu konteiners (02:54)
9. Vairāku rindiņu satura līdzināšana (01:25)
10. Proporcijas (02:46)
11. Saspiešanas proporcijas (01:24)
12. Pamatizmērs (04:02)
13. Elementu secība (02:40)

GIT
1. Ievads (07:03)
2. Darba sākšana ar Git (03:01)
3. Jaunas repozitorija izveide (01:09)
4. Failu pievienošana Git indeksam (skatīšanās apgabals) (06:49)
5. Apņemšanās izveide (07:17)
6. Veiciet navigāciju. Atcelt izmaiņas (12:10)
7. Tipisks Git cikls (03:34)
8. Atzarojums Gitā (11:27)
9. Konflikti, apvienojot filiāles (06:06)
10. Datu pagaidu (bez saistībām) saglabāšana (05:25)
11. Darbs ar attālām krātuvēm (20:04)
12. GitHub lapu izmantošana projektu mitināšanai (04:31)

Vue. Seminārs #1
1. Projekta sākums (05:24)
2. Galvenes komponents (04:13)
3. Ikonas komponents (05:06)
4. Parāda komponentu sarakstu (02:56)
5. Pārslēgt komponentu (03:19)

2. nedēļa — Vue.js

— Izkārtojumu veidojam adaptīvu.
— Vue.js ieviesīsim bloku “Prasmes”.
— Vue.js ieviesīsim bloku “Mani projekti”.
— Mēs ieviešam bloku “Slīdnis atsauksmēm”, izmantojot spraudni Vue.js.

Stāstu grāmata
1. Uzstādīšana (01:56) 
2. Pirmais stāsts (04:35)
3. Komponenta pievienošana (01:24)
4. Konfigurācijas paplašināšana (04:26)
5. Vispārīgi stili (02:08)
6. Stāsts par komponentu (05:23)
7. CDD (04:16)
8. Komponenta izveide (02:28)
9. Komponenta lietošana (02:29)
10. Notikumu reģistrēšana (03:29)
11. Fona papildinājums (01:41)
12. Addon Knobs (02:28)
13. Papildinājuma avots (02:17)
14. Secinājums (01:11)

JavaScript — ES6
1. Virknes interpolācija (07:39)
2. Metožu aprakstu vienkāršošana (13:35)
3. Noklusējumi (30:08)
4. Iznīcināšanas uzdevums: objekti (07:30)
5. Jaunas funkcijas un vecas pārlūkprogrammas (13:07)

Asinhronija JavaScript
1. Taimeri (23:44)
2. Notiek attēlu ielāde (22:21)
3. Solījumi (36:29)
4. AJAX (32:28)

Axios. Vaicājumu bibliotēka
1. Ievads (02:23)
2. Pieprasījuma nosūtīšana (02:12)
3. Konfigurācijas pārskats (04:30)
4. Pieprasījuma pamatteksts (01:43)
5. Noklusējuma iestatījumi (01:38)
6. Pārtvērēji (02:11)
7. Pakalpojumi (02:33)
8. asinhronā gaidīšana (01:18)

Vue. Seminārs Nr.2
1. Sagatavošanās (02:39)
2. Komponenta pievienošana (02:16)
3. Vadības izvade (02:38)
4. Progresa komponents (05:09)
5. Pieprasījums serverim (06:38)
6. Datu izvade (05:55)

3. nedēļa — vietējais JavaScript

— Mēs veidojam administratora paneli.
— Mēs studējam Storybook un pielietojam to savā projektā.
— Veicam nepieciešamo projektu veidlapu apstrādi (validāciju).

VueRouter. Maršrutēšana pārlūkprogrammā
1. Ievads (04:31)
2. Saites izveide (02:41)
3. Programmatūras navigācija (02:35)
4. Ceļa parametri (04:42)
5. Parametri kā rekvizīti (00:49)
6. Papildu opcijas un 404 (03:29)
7. Ligzdotie maršruti (03:23)
8. Aktivitāšu nodarbības (02:37)
9. Dažādi maršrutētāja skati (01:08)
10. Dinamiskais imports (02:00)
11. Skaists URL (02:16)

Vuex. Valsts vadītājs
1. Ievads (01:13)
2. Savienojums (02:30)
3. Darbība (02:27)
4. Mutācijas (02:16)
5. Getters (02:02)
6. Pielietojums praksē (08:07)
7. Asistenta funkcijas (02:59)
8. Moduļi (05:18)
9. Dinamiskie moduļi (01:38)
Jautājuma atbilde

Vue. Seminārs Nr.3
1. Izkārtojums (04:33)
2. Datu izvade (02:42)
3. Gatavošanās animācijai (02:14)
4. Pogu displejs (03:45)
5. Papildu satura ielāde (11:38)
6. Rādīt slaidu pēc pārejas (02:17)

4. nedēļa - Vue.js, SPA

— Mēs ieviešam SPA admin panelī.
— Mēs pētām darbu ar datiem, izmantojot lietojumprogrammu krātuvi
— Mēs izmantojam ajax, lai sazinātos ar api, iestatītu klienta un servera mijiedarbību.

Autorizācija. Žetoni
1. Autorizācijas veidi (04:20)
2. GitHub OAuth (01:42)
3. GitHub lietojumprogrammas izveide (02:28)
4. Tokena saņemšana (08:38)
5. Datu glabāšana kodā (01:46)
6. Maršruta aizsardzība (04:13)

Vue. Seminārs Nr.4
1. Sagatavošanās (01:33)
2. Darbības izveide (02:30)
3. Lejupielādes statuss (04:01)
4. Pieprasīt (02:27)
5. Dublikātu noņemšana (03:29)
6. Maršruta aizsardzība (03:23)
7. Atteikties (00:51)

5. nedēļa – prakse

— Mēs parādām saglabātos datus no administratora paneļa uz galveno lapu.
— Mēs pārbaudām sastāvdaļas.
— Grupu darbs pie projekta ar mentoru.

Vue.js. Kompozīcijas API
1. Ievads (01:29)
2. Vispārīgs piemērs (03:57)
3. Dziesmas funkcija (01:51)
4. Reaktīvā funkcija (00:55)
5. toRef funkcija (01:35)
6. toRefs funkcija (00:58)
7. Aprēķinātie rekvizīti (00:56)
8. pulksteņa funkcija (01:41)
9. pulksteņa efekta funkcija (03:14)
10. tikai lasīšanas funkcija (00:40)
11. Testa funkcijas (02:30)
12. unref funkcija (01:27)
13. Dzīves cikla āķi (00:58)
14. Piemērs. Projekta pārskats (00:53)
15. Piemērs. Ielādes funkcionalitāte (01:20)
16. Piemērs. Kategorijas (02:20)
17. Piemērs. Sākotnējā filtrēšana (02:46)
18. Piemērs. Filtru pārslēgšana (02:11)
19. Piemērs. Citas filtrēšanas funkcijas (02:03)
20. Piemērs. Šķirošanas metode (03:05)
JS koda pārbaude
1. Ievads (16:05)
2. Jest (15:47)
3. Pārbaužu priekšrocības (09:01)
4. Pārsvars (10:02)

Vue.js. Komponentu pārbaude
1. Pakešu iestatīšana (04:39)
2. Komponentu iesaiņojums (04:13)
3. Ko pārbaudīt (02:48)
4. Pirmais tests (05:25)
5. Emisijas notikuma pārbaude (03:44)
6. Rekvizītu pārsūtīšana (02:58)
7. Darbs ar formas elementiem (05:42)
8. Vispārīgi iestatījumi (01:15)
9. Moki (05:04)
10. Bibliotēku savienošana (02:32)
11. Darbības pārbaude (03:26)
12. Veikala testēšana (02:53)
13. Testēšana ar attēliem (03:08)

Testēšana. Moki
1. Maketa izveide (02:39)
2. Darbs ar argumentiem (01:39)
3. Atgriešanās vērtība (02:57)
4. Moduļi (04:24)
5. Taimeri (02:05)

Vue. Seminārs Nr.5
1. Vienkāršā sastāvdaļa (03:03)
2. Komponents ar veikalu (05:21)
3. Testēšana. Sagatavošanās (03:20)
4. Testēšana. Pārslēdzējs (02:38)
5. Testēšana. Problēmas (05:08)

6. nedēļa – projekta pabeigšana

— Mēs pabeidzam projektu.
— Mēs iesniedzam projektu mentoru izskatīšanai.
— Novērtēšanas diplomi.

Kā iegūt darbu IT jomā: padomi un ieteikumi
1. Kā iegūt darbu IT jomā? Meklēšana, intervija un pārbaudes laiks (42:21)
2. Kā atrast attālināto darbu un ārštata pasūtījumus? (20:12)
3. Pirmais darbs IT jomā – kā uzvesties? Prakse, oficiāla nodarbinātība un darbs “par pārtiku” (14:11)
4. Kā nokārtot pārbaudes laiku? (27:10)
5. Kā sagatavoties intervijai FAANG uzņēmumā (08:52)
6. Web lapas ielādes process (25:19)
7. Programmētāja intervija — viss, kas jums jāzina (01:24:07)
8. Problēmas risināšana no programmētāja intervijas (19:36)
9. Intervija ar priekšgala izstrādātāju (01:37:17)

React.js tīmekļa lietojumprogrammu izstrāde

1. nedēļa — ievads React.js

— Iepazīstam kursa komandu un kursabiedrus.
— JSX un virtuālā DOM apgūšana programmā React.
— Mēs apsveram komponentu pieeju un datu pārsūtīšanas metodes.

Iepazīšanās
1. Kursa atklāšana (05:41)

Es React.js
1. Kas ir React (07:05)
2. Virtuālais DOM (02:46)
3. JSX (06:10)
4. Renderēšana ar nosacījumiem (05:11)
5. Darbs ar sarakstiem (02:45)
6. Komponenti (02:41)
7. Rekvizīti (01:45)
8. štats (06:45)
9. Notikumi (02:26)
10. React Devtools (03:58)

II React.js
1. Dzīves cikla metodes (05:19)
2. Komponenti — funkcijas (01:29)
3. Pure Component (02:54)
4. Sintētiskie notikumi (01:42)
5. Darbs ar veidlapām (02:51)
6. Kļūdu apstrāde (01:39)

1. uzdevumu analīze
1. Seminārs Nr. 1 (30:36)

2. nedēļa - React.js modeļi, testēšana

— Mēs pētām komponentu klases komponentus, elementus un gadījumus.
— Mēs ņemam vērā Recompose bibliotēku, augstas kārtas komponentus un Render Props modeļus.
— Mēs saprotam testu priekšrocības, pētām Jest, Enzyme, Snapshots.

III Reaģēt
1. Ievads (01:43)
2. PropTypes (10:18)
3. Konteksts (05:19)
4. Atsauces (05:18)
5. Portāli (05:02)
6. Āķi (10:42)

IV React.js
1. Augstākās pakāpes komponenti (HOC) — augstākās pakāpes komponenti (10:33)
2. Pārsūtīšana (HOC) (04:31)
3. Renderēt balstu paraugu (05:25)
4. HOK bibliotēkas pārkomponēšana (10:32)
5. Profilēšana (04:02)

Testēšana
1. Ievads (05:06)
2. Testa skrējējs (02:51)
3. Pārbaudīt DSL (08:41)
4. Enzīms (06:57)
5. Momentuzņēmumi (03:09)
6. Testēšanas sāgas (05:01)
7. Reakciju testēšanas bibliotēka (06:32)

2. uzdevumu analīze
1. Seminārs Nr. 2 (27:54)

3. nedēļa - Redux, maršrutēšana

— Mēs pētām maršrutēšanu: vienkāršu maršrutēšanu, maršrutēšanu ar Switch, kā arī ligzdoto maršrutēšanu.
— Iepazīšanās ar Redux bibliotēku: Store, Actions, Reducers, React-redux pamatjēdzieni un jēdzieni.
— Starpprogrammatūra tiek uzskatīta par veidu, kā strādāt ar Sideeffect.

Maršrutēšana pārlūkprogrammā
1. Vēstures API (02:48)
2. Vienkārša maršrutēšana (05:39)
3. Maršrutēšana no Switch (04:16)
4. Ligzdota maršrutēšana (05:32)
5. Privāts maršruts (04:39)

Es Redux
1. Ievads (04:07)
2. Veikals (05:03)
3. Darbības (02:17)
4. Reduktori (07:56)
5. React-redux (03:26)

II Redux
1. Ievads (03:11)
2. CreateActions (redux-actions) (09:13)
3. Starpprogrammatūra (07:54)
4. Roktura darbības (05:52)
5. Selectors (06:17)
6. Atlasīt atkārtoti (04:49)
7. Ducks (06:56)

3. uzdevumu analīze
1. Seminārs Nr. 3 (39:13)

4. nedēļa - Redux-sāga

— Mēs studējam Redux-saga bibliotēku. Atkārtojiet ģeneratora* funkcijas. Mācīsimies tos palaist paralēli.
— Paskatīsimies uz Take metodi. Izpētīsim atlasi kā veidu, kā iegūt datus no veikala.
— Mēs meklējam veidus, kā veidot React lietojumprogrammu. Mēs pētām bibliotēkas ClassNames, StyledComponents, BrowserList, MaterialUI.

Es Redux-sāga
1. Ievads (00:57)
2. Pārskats (02:08)
3. Ģeneratori (04:11)
4. Sagas pievienošana (02:07)
5. Reakcija uz darbībām (03:53)
6. Funkciju palaišana (02:06)

II Redux-sāga
1. Ievads (00:27)
2. Efektu izpildīšana paralēli (03:41)
3. Stājas spēkā (02:45)
4. Izvēlēties efektu (02:04)
5. Atcelt efektus (04:05)

Darbs ar stiliem
1. Ievads (01:34)
2. CRA stili (05:21)
3. Klases nosaukumi (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Materiāla lietotāja saskarne (08:13)

4. uzdevumu analīze
1. Seminārs Nr. 4 (09:55)

5. nedēļa – veidlapas, CI un DI un klientu kļūdu apstrāde

— Mēs apsveram iespēju strādāt ar veidlapām, izmantojot bibliotēkas Formik, Redux Forms, React Final Form.
— Apsveram metodes ražošanas koda kvalitātes nodrošināšanai. Mēs analizējam tādus rīkus kā: Husky, TravisCI, HerokuNow.
— Mēs pētām izstrādei noderīgu bibliotēku komplektu (Storybook, RamdaJS, Axios).
— Mēs apsveram TypeScript.

Darbs ar veidlapām
1. Ievads (05:07)
2. Formik (08:51)
3. Redux forma (06:22)
4. Reaģēt galīgajā formā (06:36)

CI un DI un klienta kļūdu apstrāde
1. Ievads (05:07)
2. Haskijs (02:32)
3. CI, izmantojot TravisCI (03:32)
4. Izvietot uz heroku (04:57)
5. Apgāšanās stienis (02:00)

Noderīgu bibliotēku komplekts attīstībai
1. Stāstu grāmata (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Mašīnraksts (09:31)

5. uzdevumu analīze
1. Seminārs Nr.5 (13:17)

6. nedēļa - Projektu darbs

— Mēs aizpildām pieteikumu un nosūtām to izskatīšanai.

Kā iegūt darbu IT jomā: padomi un ieteikumi
1. Kā iegūt darbu IT jomā? Meklēšana, intervija un pārbaudes laiks (42:21)
2. Kā atrast attālināto darbu un ārštata pasūtījumus? (20:12)
3. Pirmais darbs IT jomā – kā uzvesties? Prakse, oficiāla nodarbinātība un darbs “par pārtiku” (14:11)
4. Kā nokārtot pārbaudes laiku? (27:10)
5. Kā sagatavoties intervijai FAANG uzņēmumā (08:52)
6. Web lapas ielādes process (25:19)
7. Programmētāja intervija — viss, kas jums jāzina (01:24:07)
8. Problēmas risināšana no programmētāja intervijas (19:36)
9. Intervija ar priekšgala izstrādātāju (01:37:17)