Frontend developer - kurz 47 600 rub. z Loft School, školenie 3 mesiace, Dátum 28.11.2023.
Rôzne / / November 29, 2023
Vedomosti a zručnosti
Všetky potrebné znalosti pre frontend developera.
Portfólio
2 pôsobivé moderné a technologické projekty vo vašom portfóliu.
Certifikát
So skóre, ktoré odráža úroveň vašich vedomostí a mieru vplyvu.
Začiatok kariéry
Všetkým dobrým a výborným študentom garantujeme zamestnanie.
Dávajú vedomosti, nie odpovede. Radi vysvetľujú a sú schopní sprostredkovať zložité informácie v zrozumiteľnom jazyku. Náročnosť na kvalitu vášho kódu: zadanie neprejdete, kým nebude váš kód dokonalý. Dobre si rozumejú s inými ľuďmi a vedia nájsť prístup ku každému študentovi. Vždy pripravený pomôcť.
Pokročilý vývoj webu Vue.js
1. týždeň – Pracovný postup
— Stretávame sa s mentorom a skupinou.
— Pomocou zostavy webpacku vytvoríme vybraný layout pre finálny projekt.
— Výsledok uverejníme na Github a odošleme ho mentorovi na overenie.
Otvorenie kurzu
1. Ako prebieha tréning (01:09:37)
Vue. Kľúčové vlastnosti
1. Teória (04:49)
2. Ahoj svet (06:20)
3. Spracovanie udalostí (02:38)
4. Spracovanie viacerých udalostí (01:19)
5. Dynamické hodnoty (01:30)
6. Úvod do smerníc (05:40)
7. Skrátené pokyny (00:37)
8. Metódy s parametrami (01:36)
9. Modifikátory udalostí (08:52)
10. Vypočítané vlastnosti (10:50)
11. Pozorovatelia (06:02)
12. Práca s triedami (03:37)
13. Práca s vlastnosťami CSS (02:49)
14. Prístup k prvkom DOM (03:50)
15. Podmienené vykresľovanie (04:46)
16. Vykresľovanie zoznamov (05:12)
17. Vytváranie komponentu (04:16)
18. Miestne komponenty (02:44)
19. Reaktivita údajov (04:35)
20. Vlastnosti komponentu (03:52)
21. Sloty (04:37)
22. Automaty s rozsahom (04:52)
23. Vlastné udalosti (04:27)
24. Teleporty (02:53)
Vue. Jednosúborové komponenty
1. Inštalácia projektu. VUE-CLI (09:22)
2. Komponent jedného súboru (03:18)
3. Práca so štýlmi (07:02)
4. Odovzdávanie atribútov a manipulátorov (02:53)
5. Jednotlivé súbory (01:26)
6. Overenie vlastností komponentov (07:35)
7. Overenie udalostí používateľa (02:01)
8. Obojsmerná dátová komunikácia (04:11)
9. Vlastný v-model (05:51)
10. Životný cyklus Háčiky (07:08)
11. Nečistoty (04:40)
NPM
1. čo je npm? (05:50)
2. Inštalácia a aktualizácia npm (02:33)
3. Pomoc s npm (01:28)
4. Hľadanie a inštalácia balíkov (04:24)
5. Závislosti balíkov (02:09)
6. Manifest file package.json (03:02)
7. Odstraňovanie a aktualizácia balíkov (03:02)
8. závislosti a devDependencies (01:51)
9. Webpack a npx (04:04)
10. npm skripty (04:02)
11. npm, git a github (02:40)
Priadza
1. Priadza (07:07)
Webpack. Základy
1. Teória (01:09)
2. Minimálna konfigurácia a spustenie (04:41)
3. Pomenovanie súboru (02:34)
4. Nakladače (04:28)
5. Dev-server (02:43)
6. Pluginy (02:34)
7. Hľadať moduly (03:18)
8. Sorsmaps (03:17)
9. Dev a kol. (02:42)
10. Typy modulov (03:00)
11. Minimálna montáž (05:30)
ESLint. Prehľad konfigurácie
1. Úvod (01:26)
2. Inštalácia a spustenie (03:10)
3. Opravy chýb (02:04)
4. Konfigurácia (05:21)
5. Výstupný formát (00:52)
Figma pre návrhára rozloženia
1. Figma. Rozhranie (04:37)
2. Figma. Organizácia projektu (01:32)
Flexbox
1. Úvod (00:45)
2. Flex kontajner (01:43)
3. Zarovnanie hlavnej osi (01:37)
4. Zarovnanie cez os (01:50)
5. Zarovnanie jedného prvku (01:09)
6. Flex element – kontajner (00:53)
7. Smer osí (03:18)
8. Viacriadkový kontajner (02:54)
9. Zarovnanie viacriadkového obsahu (01:25)
10. Proporcie (02:46)
11. Kompresné pomery (01:24)
12. Základná veľkosť (04:02)
13. Poradie prvkov (02:40)
GIT
1. Úvod (07:03)
2. Začíname s Git (03:01)
3. Vytváranie nového úložiska (01:09)
4. Pridávanie súborov do indexu Git (oblasť sledovania) (06:49)
5. Vytváranie potvrdenia (07:17)
6. Potvrdiť navigáciu. Zrušiť zmeny (12:10)
7. Typický cyklus Git (03:34)
8. Rozvetvenie v Gite (11:27)
9. Konflikty pri zlučovaní pobočiek (06:06)
10. Dočasné (bez potvrdenia) ukladanie údajov (05:25)
11. Práca so vzdialenými úložiskami (20:04)
12. Používanie stránok GitHub na hosťovanie projektov (04:31)
Vue. Workshop #1
1. Začiatok projektu (05:24)
2. Komponent hlavičky (04:13)
3. Ikonový komponent (05:06)
4. Zobrazenie zoznamu komponentov (02:56)
5. Prepnúť komponent (03:19)
2. týždeň – Vue.js
— Rozloženie prispôsobujeme.
— Implementujeme blok „Skills“ vo Vue.js.
— Implementujeme blok „Moje projekty“ vo Vue.js.
— Blok „Slider for reviews“ implementujeme pomocou pluginu Vue.js.
Rozprávková kniha
1. Inštalácia (01:56)
2. Prvý príbeh (04:35)
3. Pripojenie komponentu (01:24)
4. Rozšírenie konfigurácie (04:26)
5. Všeobecné štýly (02:08)
6. Príbeh pre komponent (05:23)
7. CDD (04:16)
8. Vytváranie komponentu (02:28)
9. Aplikácia komponentu (02:29)
10. Záznam udalostí (03:29)
11. Doplnok pozadia (01:41)
12. Addon Knobs (02:28)
13. Zdroj doplnku (02:17)
14. Záver (01:11)
JavaScript - ES6
1. Interpolácia reťazca (07:39)
2. Zjednodušenie popisov metód (13:35)
3. Predvolené (30:08)
4. Destructuring Assignment: Objects (07:30)
5. Nové funkcie a staré prehliadače (13:07)
Asynchrónnosť v JavaScripte
1. Časovače (23:44)
2. Načítavam obrázky (22:21)
3. Sľuby (36:29)
4. AJAX (32:28)
Axios. Knižnica dopytov
1. Úvod (02:23)
2. Odosielanie žiadosti (02:12)
3. Prehľad konfigurácie (04:30)
4. Telo žiadosti (01:43)
5. Predvolené nastavenia (01:38)
6. Interceptors (02:11)
7. Služby (02:33)
8. async-wait (01:18)
Vue. Workshop #2
1. Príprava (02:39)
2. Pripojenie komponentu (02:16)
3. Výstup kontroly (02:38)
4. Komponent pokroku (05:09)
5. Žiadosť na server (06:38)
6. Dátový výstup (05:55)
3. týždeň – Natívny JavaScript
— Vytvárame admin panel.
— Študujeme Rozprávkovú knihu a aplikujeme ju v našom projekte.
— Vykonávame potrebné spracovanie (validáciu) projektových formulárov.
VueRouter. Smerovanie v prehliadači
1. Úvod (4:31)
2. Budovanie odkazov (02:41)
3. Softvérová navigácia (02:35)
4. Parametre cesty (04:42)
5. Parametre ako vlastnosti (00:49)
6. Rozšírené možnosti a 404 (03:29)
7. Vnorené trasy (03:23)
8. Hodiny aktivity (02:37)
9. Rôzne zobrazenia smerovača (01:08)
10. Dynamický import (02:00)
11. Krásna adresa URL (02:16)
Vuex. Štátny manažér
1. Úvod (01:13)
2. Pripojenie (02:30)
3. Akcia (02:27)
4. Mutácie (02:16)
5. Getters (02:02)
6. Aplikácia v praxi (08:07)
7. Funkcie asistenta (02:59)
8. Moduly (05:18)
9. Dynamické moduly (01:38)
Otázka odpoveď
Vue. Workshop #3
1. Rozloženie (04:33)
2. Dátový výstup (02:42)
3. Príprava na animáciu (02:14)
4. Displej tlačidiel (03:45)
5. Načítanie ďalšieho obsahu (11:38)
6. Zobraziť snímku po prechode (02:17)
4. týždeň – Vue.js, SPA
— Implementujeme SPA v administračnom paneli.
— Študujeme prácu s dátami cez úložisko aplikácie
— Ajax používame na komunikáciu s api, nastavujeme interakcie klient-server.
Autorizácia. Tokeny
1. Typy autorizácií (04:20)
2. GitHub OAuth (01:42)
3. Vytvorenie aplikácie GitHub (02:28)
4. Prijímanie tokenu (08:38)
5. Ukladanie údajov v kóde (01:46)
6. Ochrana trasy (04:13)
Vue. Workshop č. 4
1. Príprava (01:33)
2. Vytváranie akcie (02:30)
3. Stav sťahovania (04:01)
4. Žiadosť (02:27)
5. Odstraňujú sa duplikáty (03:29)
6. Ochrana trasy (03:23)
7. Odhlásiť sa (00:51)
5. týždeň – Cvičenie
— Uložené údaje zobrazíme z administračného panela na vstupnú stránku.
— Testujeme komponenty.
— Skupinová práca na projekte s mentorom.
Vue.js. Composition API
1. Úvod (01:29)
2. Všeobecný príklad (03:57)
3. Funkcia piesne (01:51)
4. Reaktívna funkcia (00:55)
5. funkcia toRef (01:35)
6. funkcia toRefs (00:58)
7. Vypočítané vlastnosti (00:56)
8. funkcia hodiniek (01:41)
9. funkcia watchEffect (03:14)
10. funkcia len na čítanie (00:40)
11. Testovacie funkcie (02:30)
12. funkcia unref (01:27)
13. Háčiky životného cyklu (00:58)
14. Príklad. Prehľad projektu (00:53)
15. Príklad. Funkcia načítania (01:20)
16. Príklad. Kategórie (02:20)
17. Príklad. Počiatočné filtrovanie (02:46)
18. Príklad. Prepínanie filtra (02:11)
19. Príklad. Ďalšie funkcie filtrovania (02:03)
20. Príklad. Spôsob triedenia (03:05)
Testovanie JS kódu
1. Úvod (16:05)
2. Jest (15:47)
3. Výhody testov (09:01)
4. Pokrytie (10:02)
Vue.js. Testovanie komponentov
1. Nastavenie balíkov (04:39)
2. Obálka komponentov (04:13)
3. Čo testovať (02:48)
4. Prvý test (05:25)
5. Kontrola emisnej udalosti (03:44)
6. Prenos vlastností (02:58)
7. Práca s prvkami formulára (05:42)
8. Všeobecné nastavenia (01:15)
9. Moki (05:04)
10. Pripájame knižnice (02:32)
11. Testovanie akcie (03:26)
12. Testovanie obchodu (02:53)
13. Testovanie s obrázkami (03:08)
Testovanie. Moki
1. Vytvára sa maketa (02:39)
2. Práca s argumentmi (01:39)
3. Návratová hodnota (02:57)
4. Moduly (04:24)
5. Časovače (02:05)
Vue. Workshop č. 5
1. Jednoduchý komponent (03:03)
2. Komponent s obchodom (05:21)
3. Testovanie. Príprava (03:20)
4. Testovanie. Prepínač (02:38)
5. Testovanie. Vydania (05:08)
6. týždeň - Dokončenie projektu
— Dokončujeme projekt.
— Projekt predkladáme na posúdenie mentorom.
— Klasifikačné diplomy.
Ako získať prácu v IT: tipy a triky
1. Ako sa zamestnať v IT? Hľadanie, pohovor a skúšobná doba (42:21)
2. Ako nájsť prácu na diaľku a zákazky na voľnej nohe? (20:12)
3. Prvá práca v IT – ako sa správať? Stáže, oficiálne zamestnanie a práca „na jedlo“ (14:11)
4. Ako prejsť skúšobnou dobou? (27:10)
5. Ako sa pripraviť na pohovor v spoločnosti FAANG (08:52)
6. Proces načítania webovej stránky (25:19)
7. Programátorský rozhovor - všetko, čo potrebujete vedieť (01:24:07)
8. Riešenie problému z rozhovoru s programátorom (19:36)
9. Rozhovor s frontendovým vývojárom (01:37:17)
Vývoj webových aplikácií React.js
1. týždeň – Úvod do React.js
— Spoznávame tím kurzu a spolužiakov.
— Učenie sa JSX a Virtual DOM v React.
— Zvažujeme komponentný prístup a metódy prenosu údajov.
Známosť
1. Otvorenie kurzu (05:41)
I React.js
1. Čo je React (07:05)
2. Virtuálny DOM (02:46)
3. JSX (6:10)
4. Vykresľovanie s podmienkami (05:11)
5. Práca so zoznamami (02:45)
6. Komponenty (02:41)
7. Rekvizity (01:45)
8. Štát (06:45)
9. Udalosti (02:26)
10. Reagovať Devtools (03:58)
II React.js
1. Metódy životného cyklu (05:19)
2. Komponenty – funkcie (01:29)
3. Čistá zložka (02:54)
4. Syntetické udalosti (01:42)
5. Práca s formulármi (02:51)
6. Spracovanie chýb (01:39)
Analýza úloh #1
1. Workshop č. 1 (30:36)
2. týždeň – Vzory React.js, testovanie
— Študujeme komponenty, prvky a inštancie triedy komponentov.
— Berieme do úvahy knižnicu Recompose, komponenty vysokého poriadku a vzory Render Props.
— Chápeme výhody testov, študujeme Jest, Enzyme, Snapshots.
III Reagovať
1. Úvod (01:43)
2. PropTypes (10:18)
3. Kontext (05:19)
4. Referencie (05:18)
5. Portály (05:02)
6. Háčiky (10:42)
IV React.js
1. Komponenty vysokého poriadku (HOC) – Komponenty vyššieho poriadku (10:33)
2. Preposielanie (HOC) (04:31)
3. Vykresliť vzor rekvizít (05:25)
4. HOK Library Recompose (10:32)
5. Profilovanie (04:02)
Testovanie
1. Úvod (05:06)
2. Testovací bežec (02:51)
3. Test DSL (8:41)
4. Enzým (06:57)
5. Snímky (03:09)
6. Testovanie ság (05:01)
7. Reagovať Testovacia knižnica (06:32)
Analýza úloh #2
1. Workshop č. 2 (27:54)
3. týždeň - Redux, smerovanie
— Študujeme smerovanie: Jednoduché smerovanie, smerovanie pomocou prepínača, ako aj vnorené smerovanie.
— Zoznámenie sa s knižnicou Redux: základné koncepty a koncepty Store, Actions, Redux, React-redux.
— Middleware sa považuje za spôsob práce s vedľajším efektom.
Smerovanie v prehliadači
1. History API (02:48)
2. Jednoduché smerovanie (05:39)
3. Smerovanie z prepínača (04:16)
4. Vnorené smerovanie (05:32)
5. Súkromná trasa (04:39)
Ja Redux
1. Úvod (04:07)
2. Obchod (05:03)
3. Akcie (02:17)
4. Reduktory (07:56)
5. React-redux (03:26)
II Redux
1. Úvod (03:11)
2. CreateActions (redux-actions) (09:13)
3. Middleware (07:54)
4. Zvládnuť akcie (05:52)
5. Výbery (06:17)
6. Znova vybrať (04:49)
7. Kačice (06:56)
Analýza úloh #3
1. Workshop č. 3 (39:13)
4. týždeň - Redux-saga
— Študujeme knižnicu Redux-saga. Funkcie generátora opakovania*. Poďme sa naučiť, ako ich spustiť paralelne.
— Pozrime sa na metódu Take. Poďme študovať výber ako spôsob, ako získať údaje z obchodu.
— Hľadáme spôsoby, ako upraviť aplikáciu React. Študujeme knižnice ClassNames, StyledComponents, BrowserList, MaterialUI.
I Redux-saga
1. Úvod (00:57)
2. Prehľad (02:08)
3. Generátory (04:11)
4. Pridávanie ság (02:07)
5. Reagovať na akcie (03:53)
6. Spustenia funkcií (02:06)
II Redux-sága
1. Úvod (00:27)
2. Paralelne predvádzanie efektov (03:41)
3. Nadobudnúť platnosť (02:45)
4. Vybrať efekt (02:04)
5. Zrušiť efekty (04:05)
Práca so štýlmi
1. Úvod (01:34)
2. Štýly CRA (05:21)
3. ClassNames (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)
Analýza úloh #4
1. Workshop č. 4 (09:55)
5. týždeň – Spracovanie chýb formulárov, CI & DI a klienta
— Zvažujeme prácu s formulármi pomocou knižníc Formik, Redux Forms, React Final Form.
— Zvažujeme metódy na zabezpečenie kvality výrobného kódu. Analyzujeme také nástroje ako: Husky, TravisCI, HerokuNow.
— Študujeme súbor užitočných knižníc pre vývoj (Storybook, RamdaJS, Axios).
— Zvažujeme TypeScript.
Práca s formulármi
1. Úvod (05:07)
2. Formik (08:51)
3. Redux forma (06:22)
4. Reagovať finálna forma (06:36)
Riešenie chýb CI & DI a klienta
1. Úvod (05:07)
2. Husky (02:32)
3. CI pomocou TravisCI (03:32)
4. Nasadiť do heroku (04:57)
5. Rollbar (02:00)
Súbor užitočných knižníc pre vývoj
1. Rozprávková kniha (05:32)
2. RamdaJS (4:47)
3. Axios (05:52)
4. Strojopis (09:31)
Analýza úloh #5
1. Workshop č. 5 (13:17)
6. týždeň – Projektová práca
— Žiadosť vyplníme a odošleme na posúdenie.
Ako získať prácu v IT: tipy a triky
1. Ako sa zamestnať v IT? Hľadanie, pohovor a skúšobná doba (42:21)
2. Ako nájsť prácu na diaľku a zákazky na voľnej nohe? (20:12)
3. Prvá práca v IT – ako sa správať? Stáže, oficiálne zamestnanie a práca „na jedlo“ (14:11)
4. Ako prejsť skúšobnou dobou? (27:10)
5. Ako sa pripraviť na pohovor v spoločnosti FAANG (08:52)
6. Proces načítania webovej stránky (25:19)
7. Programátorský rozhovor - všetko, čo potrebujete vedieť (01:24:07)
8. Riešenie problému z rozhovoru s programátorom (19:36)
9. Rozhovor s frontendovým vývojárom (01:37:17)