Frontend razvijalec - tečaj 47.600 rub. iz šole Loft, usposabljanje 3 mesece, datum 28. november 2023.
Miscellanea / / November 29, 2023
Znanje in veščine
Vse potrebno znanje za frontend razvijalca.
Portfelj
2 impresivna moderna in tehnološka projekta v vašem portfelju.
Certifikat
Z oceno, ki odraža vašo raven znanja in stopnjo vpliva.
Začetek kariere
Vsem dobrim in odličnim študentom zagotavljamo zaposlitev.
Dajejo znanje, ne odgovorov. Radi razlagajo in znajo kompleksne informacije posredovati v razumljivem jeziku. Zahtevnost glede kakovosti vaše kode: naloge ne boste opravili, dokler vaša koda ni popolna. Dobro razumejo druge ljudi in vedo, kako najti pristop do vsakega učenca. Vedno pripravljeni pomagati.
Napredni spletni razvoj Vue.js
1. teden – Potek dela
— Spoznamo mentorja in skupino.
— Z montažo webpack izdelamo izbrano postavitev za končni projekt.
— Rezultat objavimo na Githubu in oddamo mentorju v verifikacijo.
Otvoritev tečaja
1. Kako poteka trening (01:09:37)
Vue. Ključne funkcije
1. Teorija (04:49)
2. Pozdravljen svet (06:20)
3. Obravnava dogodkov (02:38)
4. Obravnava več dogodkov (01:19)
5. Dinamične vrednosti (01:30)
6. Uvod v direktive (05:40)
7. Skrajšane direktive (00:37)
8. Metode s parametri (01:36)
9. Modifikatorji dogodka (08:52)
10. Izračunane lastnosti (10:50)
11. Gledalci (06:02)
12. Delo z razredi (03:37)
13. Delo z lastnostmi CSS (02:49)
14. Dostop do elementov DOM (03:50)
15. Pogojno upodabljanje (04:46)
16. Seznami upodabljanja (05:12)
17. Ustvarjanje komponente (04:16)
18. Lokalne komponente (02:44)
19. Reaktivnost podatkov (04:35)
20. Lastnosti komponent (03:52)
21. igralni avtomati (04:37)
22. Reže z obsegom (04:52)
23. Dogodki po meri (04:27)
24. Teleporti (02:53)
Vue. Komponente z eno datoteko
1. Namestitev projekta. VUE-CLI (09:22)
2. Komponenta ene datoteke (03:18)
3. Delo s slogi (07:02)
4. Posredovanje atributov in rokovalcev (02:53)
5. Posamezne datoteke (01:26)
6. Validacija lastnosti komponent (07:35)
7. Validacija uporabniških dogodkov (02:01)
8. Dvosmerna podatkovna komunikacija (04:11)
9. V-model po meri (05:51)
10. Trnki življenjskega cikla (07:08)
11. Nečistoče (04:40)
NPM
1. Kaj je npm? (05:50)
2. Namestitev in posodabljanje npm (02:33)
3. Pomoč pri npm (01:28)
4. Iskanje in nameščanje paketov (04:24)
5. Odvisnosti paketov (02:09)
6. Datoteka manifesta package.json (03:02)
7. Odstranjevanje in posodabljanje paketov (03:02)
8. odvisnosti in devDependencies (01:51)
9. Webpack in npx (04:04)
10. skripti npm (04:02)
11. npm, git in github (02:40)
Preja
1. Preja (07:07)
Spletni paket. Osnove
1. Teorija (01:09)
2. Minimalna konfiguracija in zagon (04:41)
3. Poimenovanje datoteke (02:34)
4. Nakladalci (04:28)
5. Dev-strežnik (02:43)
6. Vtičniki (02:34)
7. Iskanje modulov (03:18)
8. Sorsmaps (03:17)
9. Dev et al (02:42)
10. Vrste modulov (03:00)
11. Minimalna montaža (05:30)
ESLint. Pregled konfiguracije
1. Uvod (01:26)
2. Namestitev in zagon (03:10)
3. Popravki napak (02:04)
4. Konfiguracija (05:21)
5. Izhodni format (00:52)
Figma za oblikovalca postavitev
1. Figma. Vmesnik (04:37)
2. Figma. Organizacija projekta (01:32)
Flexbox
1. Uvod (00:45)
2. Flex posoda (01:43)
3. Poravnava glavne osi (01:37)
4. Poravnava prečne osi (01:50)
5. Poravnava posameznega elementa (01:09)
6. Flex element - posoda (00:53)
7. Smer osi (03:18)
8. Večvrstični vsebnik (02:54)
9. Poravnava večvrstične vsebine (01:25)
10. Proporcije (02:46)
11. Kompresijska razmerja (01:24)
12. Osnovna velikost (04:02)
13. Vrstni red elementov (02:40)
GIT
1. Uvod (07:03)
2. Začetek z Gitom (03:01)
3. Ustvarjanje novega repozitorija (01:09)
4. Dodajanje datotek v indeks Git (območje nadzora) (06:49)
5. Ustvarjanje objave (07:17)
6. Zaveza navigacije. Prekliči spremembe (12:10)
7. Tipičen cikel Git (03:34)
8. Razvejanje v Gitu (11:27)
9. Konflikti pri združevanju vej (06:06)
10. Začasno (brez potrditve) shranjevanje podatkov (05:25)
11. Delo z oddaljenimi repozitoriji (20:04)
12. Uporaba strani GitHub za gostovanje projektov (04:31)
Vue. Delavnica #1
1. Začetek projekta (05:24)
2. Komponenta glave (04:13)
3. Komponenta ikone (05:06)
4. Prikaz seznama komponent (02:56)
5. Preklopi komponento (03:19)
2. teden – Vue.js
— Postavitev naredimo prilagodljivo.
— Implementirali bomo blok »Spretnosti« v Vue.js.
— Blok »Moji projekti« bomo implementirali v Vue.js.
— Blok »Drsnik za preglede« izvajamo z uporabo vtičnika Vue.js.
Knjiga zgodb
1. Namestitev (01:56)
2. Prva zgodba (04:35)
3. Povezovanje komponente (01:24)
4. Razširitev konfiguracije (04:26)
5. Splošni slogi (02:08)
6. Zgodba za komponento (05:23)
7. CDD (04:16)
8. Ustvarjanje komponente (02:28)
9. Uporaba komponente (02:29)
10. Beleženje dogodkov (03:29)
11. Dodatek za ozadja (01:41)
12. Dodatki (02:28)
13. Vir dodatka (02:17)
14. Zaključek (01:11)
JavaScript - ES6
1. Interpolacija nizov (07:39)
2. Poenostavitev opisov metod (13:35)
3. Privzeto (30:08)
4. Naloga destrukturiranja: Predmeti (07:30)
5. Nove funkcije in stari brskalniki (13:07)
Asinhronost v JavaScriptu
1. Časovniki (23:44)
2. Nalaganje slik (22:21)
3. Obljube (36:29)
4. AJAX (32:28)
Axios. Knjižnica poizvedb
1. Uvod (02:23)
2. Pošiljanje povpraševanja (02:12)
3. Pregled konfiguracije (04:30)
4. Telo zahteve (01:43)
5. Privzete nastavitve (01:38)
6. Interceptors (02:11)
7. Storitve (02:33)
8. async-await (01:18)
Vue. Delavnica #2
1. Priprava (02:39)
2. Povezovanje komponente (02:16)
3. Nadzorni izhod (02:38)
4. Komponenta napredka (05:09)
5. Zahteva strežniku (06:38)
6. Izhod podatkov (05:55)
3. teden – izvorni JavaScript
— Ustvarjamo skrbniško ploščo.
— Preučujemo Storybook in ga uporabljamo v našem projektu.
— Izvajamo potrebno obdelavo (validacijo) projektnih obrazcev.
VueRouter. Usmerjanje v brskalniku
1. Uvod (04:31)
2. Gradnja povezav (02:41)
3. Programska navigacija (02:35)
4. Parametri poti (04:42)
5. Parametri kot lastnosti (00:49)
6. Napredne možnosti in 404 (03:29)
7. Ugnezdene poti (03:23)
8. Tečaji dejavnosti (02:37)
9. Različni pogledi usmerjevalnika (01:08)
10. Dinamični uvozi (02:00)
11. Čudovit URL (02:16)
Vuex. Državni upravitelj
1. Uvod (01:13)
2. Povezava (02:30)
3. Akcija (02:27)
4. Mutacije (02:16)
5. Getters (02:02)
6. Uporaba v praksi (08:07)
7. Pomožne funkcije (02:59)
8. Moduli (05:18)
9. Dinamični moduli (01:38)
Vprašanje odgovor
Vue. Delavnica #3
1. Postavitev (04:33)
2. Izhod podatkov (02:42)
3. Priprave na animacijo (02:14)
4. Prikaz gumbov (03:45)
5. Nalaganje dodatne vsebine (11:38)
6. Prikaži diapozitiv po prehodu (02:17)
4. teden – Vue.js, SPA
— Implementiramo SPA v skrbniški plošči.
— Preučujemo delo s podatki prek pomnilnika aplikacij
— Uporabljamo ajax za komunikacijo z api, nastavitev interakcij med odjemalcem in strežnikom.
Pooblastilo. Žetoni
1. Vrste pooblastil (04:20)
2. GitHub OAuth (01:42)
3. Ustvarjanje aplikacije GitHub (02:28)
4. Prejemanje žetona (08:38)
5. Shranjevanje podatkov v kodo (01:46)
6. Varovanje poti (04:13)
Vue. Delavnica #4
1. Priprava (01:33)
2. Ustvarjanje akcije (02:30)
3. Stanje prenosa (04:01)
4. Zahteva (02:27)
5. Odstranjevanje dvojnikov (03:29)
6. Varovanje poti (03:23)
7. Odjava (00:51)
5. teden – Praksa
— Shranjene podatke iz skrbniške plošče prikažemo na ciljni strani.
— Testiramo komponente.
— Skupinsko delo na projektu z mentorjem.
Vue.js. API za sestavo
1. Uvod (01:29)
2. Splošni primer (03:57)
3. Funkcija pesmi (01:51)
4. Reaktivna funkcija (00:55)
5. funkcija toRef (01:35)
6. funkcija toRefs (00:58)
7. Izračunane lastnosti (00:56)
8. funkcija ure (01:41)
9. funkcija watchEffect (03:14)
10. funkcija samo za branje (00:40)
11. Testne funkcije (02:30)
12. unref funkcija (01:27)
13. Trnki življenjskega cikla (00:58)
14. Primer. Pregled projekta (00:53)
15. Primer. Funkcionalnost nalaganja (01:20)
16. Primer. Kategorije (02:20)
17. Primer. Začetno filtriranje (02:46)
18. Primer. Preklop filtra (02:11)
19. Primer. Druge funkcije filtriranja (02:03)
20. Primer. Način razvrščanja (03:05)
Testiranje kode JS
1. Uvod (16:05)
2. Šala (15:47)
3. Prednosti testov (09:01)
4. Pokritost (10:02)
Vue.js. Testiranje komponent
1. Nastavljanje paketov (04:39)
2. Ovoj komponent (04:13)
3. Kaj preizkusiti (02:48)
4. Prvi test (05:25)
5. Preverjanje emisijskega dogodka (03:44)
6. Prenos lastnosti (02:58)
7. Delo z elementi obrazca (05:42)
8. Splošne nastavitve (01:15)
9. Moki (05:04)
10. Povezovanje knjižnic (02:32)
11. Akcijsko testiranje (03:26)
12. Testiranje trgovine (02:53)
13. Testiranje s slikami (03:08)
Testiranje. Moki
1. Ustvarjanje makete (02:39)
2. Delo z argumenti (01:39)
3. Povrnjena vrednost (02:57)
4. Moduli (04:24)
5. Časovniki (02:05)
Vue. Delavnica #5
1. Preprosta komponenta (03:03)
2. Komponenta s trgovino (05:21)
3. Testiranje. Priprava (03:20)
4. Testiranje. Preklopnik (02:38)
5. Testiranje. Težave (05:08)
6. teden – dokončanje projekta
— Projekt zaključujemo.
— Projekt oddamo v pregled mentorjem.
— Diplome za ocenjevanje.
Kako do zaposlitve v IT: nasveti in triki
1. Kako do zaposlitve v IT? Iskanje, razgovor in poskusna doba (42:21)
2. Kako najti naročila za delo na daljavo in samostojno delo? (20:12)
3. Prva zaposlitev v IT – kako se obnašati? Pripravništva, uradne zaposlitve in delo »za hrano« (14:11)
4. Kako opraviti poskusno dobo? (27:10)
5. Kako se pripraviti na razgovor v podjetju FAANG (08:52)
6. Postopek nalaganja spletne strani (25:19)
7. Intervju s programerjem - vse, kar morate vedeti (01:24:07)
8. Reševanje problema iz razgovora s programerjem (19:36)
9. Intervju z razvijalcem sprednjega vmesnika (01:37:17)
Razvoj spletne aplikacije React.js
1. teden – Uvod v React.js
— Spoznamo tečajno ekipo in sošolce.
— Učenje JSX in Virtual DOM v Reactu.
— Razmišljamo o komponentnem pristopu in načinih prenosa podatkov.
poznanstvo
1. Otvoritev tečaja (05:41)
I React.js
1. Kaj je React (07:05)
2. Virtualni DOM (02:46)
3. JSX (06:10)
4. Upodabljanje s pogoji (05:11)
5. Delo s seznami (02:45)
6. Komponente (02:41)
7. Rekviziti (01:45)
8. Država (06:45)
9. Dogodki (02:26)
10. React Devtools (03:58)
II React.js
1. Metode življenjskega cikla (05:19)
2. Komponente - funkcije (01:29)
3. Pure Component (02:54)
4. Sintetični dogodki (01:42)
5. Delo z obrazci (02:51)
6. Obravnava napak (01:39)
Analiza nalog #1
1. Delavnica #1 (30:36)
2. teden – vzorci React.js, testiranje
— Preučujemo komponente, elemente in primerke razreda komponent.
— Upoštevamo knjižnico Recompose, komponente visokega reda in vzorce Render Props.
— Razumemo prednosti testov, preučujemo Jest, Enzyme, Snapshots.
III Reagiraj
1. Uvod (01:43)
2. PropTypes (10:18)
3. Kontekst (05:19)
4. Ref (05:18)
5. Portali (05:02)
6. Kljuke (10:42)
IV React.js
1. Komponente višjega reda (HOC) - Komponente višjega reda (10:33)
2. Ref-forwarding (HOC) (04:31)
3. Upodobitev vzorca rekvizitov (05:25)
4. HOK Library Recompose (10:32)
5. Profiliranje (04:02)
Testiranje
1. Uvod (05:06)
2. Testni tekač (02:51)
3. Test DSL (08:41)
4. Encim (06:57)
5. Utrinki (03:09)
6. Testne sage (05:01)
7. React Testing Library (06:32)
Analiza nalog #2
1. Delavnica #2 (27:54)
3. teden - Redux, usmerjanje
— Preučujemo usmerjanje: preprosto usmerjanje, usmerjanje s stikalom in ugnezdeno usmerjanje.
— Spoznavanje knjižnice Redux: osnovni koncepti in koncepti Store, Actions, Reducers, React-redux.
— Vmesna programska oprema velja za način dela s Sideeffect.
Usmerjanje v brskalniku
1. API za zgodovino (02:48)
2. Preprosto usmerjanje (05:39)
3. Usmerjanje iz stikala (04:16)
4. Ugnezdeno usmerjanje (05:32)
5. Zasebna pot (04:39)
I Redux
1. Uvod (04:07)
2. Trgovina (05:03)
3. Dejanja (02:17)
4. Reduktorji (07:56)
5. React-redux (03:26)
II Redux
1. Uvod (03:11)
2. CreateActions (redux-akcije) (09:13)
3. Vmesna programska oprema (07:54)
4. Ravnajte z dejanji (05:52)
5. Selektorji (06:17)
6. Ponovno izberi (04:49)
7. Race (06:56)
Analiza nalog #3
1. Delavnica #3 (39:13)
4. teden - Redux-saga
— Preučujemo knjižnico Redux-saga. Ponovi funkcije generatorja*. Naučimo se jih izvajati vzporedno.
— Poglejmo metodo Take. Preučimo izbiro kot način pridobivanja podatkov iz trgovine.
— Iščemo načine za oblikovanje aplikacije React. Preučujemo knjižnice ClassNames, StyledComponents, BrowserList, MaterialUI.
Jaz Redux-saga
1. Uvod (00:57)
2. Pregled (02:08)
3. Generatorji (04:11)
4. Dodajanje sag (02:07)
5. Odziv na dejanja (03:53)
6. Predstavitve funkcij (02:06)
II Redux-saga
1. Uvod (00:27)
2. Vzporedno izvajanje učinkov (03:41)
3. Začeti veljati (02:45)
4. Izberite učinek (02:04)
5. Prekliči učinke (04:05)
Delo s slogi
1. Uvod (01:34)
2. CRA Styles (05:21)
3. Imena razredov (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Materialni uporabniški vmesnik (08:13)
Analiza nalog #4
1. Delavnica #4 (09:55)
5. teden – Obrazci, CI & DI & obravnava napak pri odjemalcih
— Razmišljamo o delu z obrazci z uporabo knjižnic Formik, Redux Forms, React Final Form.
— Razmišljamo o metodah za zagotavljanje kakovosti proizvodne kode. Analiziramo orodja, kot so: Husky, TravisCI, HerokuNow.
— Preučujemo nabor uporabnih knjižnic za razvoj (Storybook, RamdaJS, Axios).
— Razmišljamo o TypeScriptu.
Delo z obrazci
1. Uvod (05:07)
2. Formik (08:51)
3. Redux form (06:22)
4. React končna forma (06:36)
Obravnava napak CI & DI & Client
1. Uvod (05:07)
2. Husky (02:32)
3. CI z uporabo TravisCI (03:32)
4. Razmesti v heroku (04:57)
5. Rollbar (02:00)
Niz uporabnih knjižnic za razvoj
1. Knjiga zgodb (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Tipkopis (09:31)
Analiza nalog #5
1. Delavnica #5 (13:17)
6. teden - Projektno delo
— Vlogo dopolnimo in pošljemo v pregled.
Kako do zaposlitve v IT: nasveti in triki
1. Kako do zaposlitve v IT? Iskanje, razgovor in poskusna doba (42:21)
2. Kako najti naročila za delo na daljavo in samostojno delo? (20:12)
3. Prva zaposlitev v IT – kako se obnašati? Pripravništva, uradne zaposlitve in delo »za hrano« (14:11)
4. Kako opraviti poskusno dobo? (27:10)
5. Kako se pripraviti na razgovor v podjetju FAANG (08:52)
6. Postopek nalaganja spletne strani (25:19)
7. Intervju s programerjem - vse, kar morate vedeti (01:24:07)
8. Reševanje problema iz razgovora s programerjem (19:36)
9. Intervju z razvijalcem sprednjega vmesnika (01:37:17)