Frontend developer - tečaj 47 600 rub. iz škole Loft, obuka 3 mjeseca, datum 28. studenog 2023.
Miscelanea / / November 29, 2023
Znanje i vještine
Sva potrebna znanja za frontend developera.
Portfelj
2 impresivna moderna i tehnološka projekta u vašem portfelju.
Potvrda
S rezultatom koji odražava vašu razinu znanja i stupanj utjecaja.
Početak karijere
Svim dobrim i izvrsnim studentima jamčimo posao.
Oni daju znanje, a ne odgovore. Vole objašnjavati i sposobni su prenijeti složene informacije razumljivim jezikom. Zahtjevni u pogledu kvalitete svog koda: nećete položiti zadatak dok vaš kod ne bude savršen. Dobro razumiju druge ljude i znaju pronaći pristup svakom učeniku. Uvijek spremni pomoći.
Vue.js napredni web razvoj
1. tjedan - Tijek rada
— Upoznajemo mentora i grupu.
— Koristeći webpack assembly, kreiramo odabrani izgled za konačni projekt.
— Rezultat objavljujemo na Githubu i dostavljamo mentoru na provjeru.
Otvaranje tečaja
1. Kako ide trening (01:09:37)
Vue. Glavne značajke
1. Teorija (04:49)
2. Pozdrav svijete (06:20)
3. Rukovanje događajem (02:38)
4. Rukovanje višestrukim događajima (01:19)
5. Dinamičke vrijednosti (01:30)
6. Uvod u direktive (05:40)
7. Skraćene upute (00:37)
8. Metode s parametrima (01:36)
9. Modifikatori događaja (08:52)
10. Izračunata svojstva (10:50)
11. Gledatelji (06:02)
12. Rad s razredima (03:37)
13. Rad s CSS svojstvima (02:49)
14. Pristup DOM elementima (03:50)
15. Uvjetno iscrtavanje (04:46)
16. Renderiranje popisa (05:12)
17. Stvaranje komponente (04:16)
18. Lokalne komponente (02:44)
19. Reaktivnost podataka (04:35)
20. Svojstva komponenti (03:52)
21. automati (04:37)
22. Slotovi s opsegom (04:52)
23. Prilagođeni događaji (04:27)
24. Teleporti (02:53)
Vue. Komponente s jednom datotekom
1. Instalacija projekta. VUE-CLI (09:22)
2. Komponenta jedne datoteke (03:18)
3. Rad sa stilovima (07:02)
4. Prosljeđivanje atributa i rukovatelja (02:53)
5. Pojedinačne datoteke (01:26)
6. Validacija svojstava komponente (07:35)
7. Validacija korisničkih događaja (02:01)
8. Dvosmjerna podatkovna komunikacija (04:11)
9. Prilagođeni v-model (05:51)
10. Kuke životnog ciklusa (07:08)
11. Nečistoće (04:40)
NPM
1. Što je npm? (05:50)
2. Instaliranje i ažuriranje npm-a (02:33)
3. Pomoć s npm-om (01:28)
4. Pronalaženje i instaliranje paketa (04:24)
5. Ovisnosti paketa (02:09)
6. Datoteka manifesta package.json (03:02)
7. Uklanjanje i ažuriranje paketa (03:02)
8. ovisnosti i devDependencies (01:51)
9. Webpack i npx (04:04)
10. npm skripte (04:02)
11. npm, git i github (02:40)
Pređa
1. Pređa (07:07)
Webpack. Osnove
1. Teorija (01:09)
2. Minimalna konfiguracija i pokretanje (04:41)
3. Imenovanje datoteke (02:34)
4. Utovarivači (04:28)
5. Dev-poslužitelj (02:43)
6. Dodaci (02:34)
7. Traži module (03:18)
8. Sorsmaps (03:17)
9. Dev i ostali (02:42)
10. Vrste modula (03:00)
11. Minimalna montaža (05:30)
ESLint. Pregled konfiguracije
1. Uvod (01:26)
2. Instalacija i pokretanje (03:10)
3. Ispravci grešaka (02:04)
4. Konfiguracija (05:21)
5. Izlazni format (00:52)
Figma za dizajnera izgleda
1. Figma. Sučelje (04:37)
2. Figma. Organizacija projekta (01:32)
Flexbox
1. Uvod (00:45)
2. Flex kontejner (01:43)
3. Poravnanje glavne osi (01:37)
4. Poravnanje poprečne osi (01:50)
5. Poravnanje jednog elementa (01:09)
6. Flex element - kontejner (00:53)
7. Smjer osi (03:18)
8. Višeredni spremnik (02:54)
9. Usklađivanje višerednog sadržaja (01:25)
10. Proporcije (02:46)
11. Proporcije kompresije (01:24)
12. Osnovna veličina (04:02)
13. Redoslijed elemenata (02:40)
GIT
1. Uvod (07:03)
2. Početak rada s Gitom (03:01)
3. Stvaranje novog spremišta (01:09)
4. Dodavanje datoteka u Git indeks (područje praćenja) (06:49)
5. Stvaranje obveza (07:17)
6. Obavezi navigaciju. Poništi promjene (12:10)
7. Tipični Git ciklus (03:34)
8. Grananje u Gitu (11:27)
9. Sukobi prilikom spajanja grana (06:06)
10. Privremeno (bez obveza) spremanje podataka (05:25)
11. Rad s udaljenim spremištima (20:04)
12. Korištenje GitHub stranica za hostiranje projekata (04:31)
Vue. Radionica #1
1. Početak projekta (05:24)
2. Komponenta zaglavlja (04:13)
3. Komponenta ikone (05:06)
4. Prikaz popisa komponenti (02:56)
5. Uključi/isključi komponentu (03:19)
2. tjedan - Vue.js
— Izgled činimo prilagodljivim.
— Implementirat ćemo blok “Skills” u Vue.js.
— Implementirat ćemo blok “Moji projekti” u Vue.js.
— Implementiramo blok "Klizač za recenzije" pomoću dodatka Vue.js.
Knjiga pripovjedaka
1. Instalacija (01:56)
2. Prva priča (04:35)
3. Spajanje komponente (01:24)
4. Proširenje konfiguracije (04:26)
5. Opći stilovi (02:08)
6. Priča za komponentu (05:23)
7. CDD (04:16)
8. Stvaranje komponente (02:28)
9. Primjena komponente (02:29)
10. Bilježenje događaja (03:29)
11. Dodatak za pozadine (01:41)
12. Dodaci (02:28)
13. Izvor dodatka (02:17)
14. Zaključak (01:11)
JavaScript - ES6
1. Interpolacija niza (07:39)
2. Pojednostavljivanje opisa metoda (13:35)
3. Zadane postavke (30:08)
4. Zadatak destrukturiranja: Objekti (07:30)
5. Nove značajke i stari preglednici (13:07)
Asinkronija u JavaScriptu
1. Tajmeri (23:44)
2. Učitavanje slika (22:21)
3. Obećanja (36:29)
4. AJAX (32:28)
Axios. Knjižnica upita
1. Uvod (02:23)
2. Slanje upita (02:12)
3. Pregled konfiguracije (04:30)
4. Tijelo zahtjeva (01:43)
5. Zadane postavke (01:38)
6. presretači (02:11)
7. Usluge (02:33)
8. async-await (01:18)
Vue. Radionica #2
1. Priprema (02:39)
2. Spajanje komponente (02:16)
3. Kontrolni izlaz (02:38)
4. Komponenta napretka (05:09)
5. Zahtjev poslužitelju (06:38)
6. Izlaz podataka (05:55)
3. tjedan - Izvorni JavaScript
— Stvaramo administrativnu ploču.
— Proučavamo Storybook i primjenjujemo ga u našem projektu.
— Vršimo potrebnu obradu (validaciju) projektnih obrazaca.
VueRouter. Usmjeravanje u pregledniku
1. Uvod (04:31)
2. Izgradnja poveznica (02:41)
3. Softverska navigacija (02:35)
4. Parametri putanje (04:42)
5. Parametri kao svojstva (00:49)
6. Napredne opcije i 404 (03:29)
7. Ugniježđene rute (03:23)
8. Nastava aktivnosti (02:37)
9. Razni pogledi usmjerivača (01:08)
10. Dinamički uvozi (02:00)
11. Prekrasan URL (02:16)
Vuex. Državni upravitelj
1. Uvod (01:13)
2. Veza (02:30)
3. Akcija (02:27)
4. Mutacije (02:16)
5. Dobivači (02:02)
6. Primjena u praksi (08:07)
7. Pomoćne funkcije (02:59)
8. Moduli (05:18)
9. Dinamički moduli (01:38)
Pitanje odgovor
Vue. Radionica #3
1. Izgled (04:33)
2. Izlaz podataka (02:42)
3. Pripreme za animaciju (02:14)
4. Prikaz gumba (03:45)
5. Učitavanje dodatnog sadržaja (11:38)
6. Prikaži slajd nakon prijelaza (02:17)
4. tjedan - Vue.js, SPA
— Implementiramo SPA u admin ploči.
— Proučavamo rad s podacima kroz pohranu aplikacija
— Koristimo ajax za komunikaciju s API-jem, postavljanje interakcije klijent-poslužitelj.
Autorizacija. Tokeni
1. Vrste ovlaštenja (04:20)
2. GitHub OAuth (01:42)
3. Izrada GitHub aplikacije (02:28)
4. Primanje tokena (08:38)
5. Pohranjivanje podataka u kodu (01:46)
6. Zaštita rute (04:13)
Vue. Radionica #4
1. Priprema (01:33)
2. Stvaranje akcije (02:30)
3. Status preuzimanja (04:01)
4. Zahtjev (02:27)
5. Uklanjanje duplikata (03:29)
6. Zaštita rute (03:23)
7. Odjava (00:51)
5. tjedan - Vježbajte
— Prikazujemo spremljene podatke s administrativne ploče na odredišnu stranicu.
— Testiramo komponente.
— Grupni rad na projektu s mentorom.
Vue.js. API za sastav
1. Uvod (01:29)
2. Opći primjer (03:57)
3. Funkcija pjesme (01:51)
4. Reaktivna funkcija (00:55)
5. toRef funkcija (01:35)
6. funkcija toRefs (00:58)
7. Izračunata svojstva (00:56)
8. funkcija sata (01:41)
9. funkcija watchEffect (03:14)
10. funkcija samo za čitanje (00:40)
11. Ispitivanje funkcija (02:30)
12. unref funkcija (01:27)
13. Kuke životnog ciklusa (00:58)
14. Primjer. Pregled projekta (00:53)
15. Primjer. Učitavanje funkcionalnosti (01:20)
16. Primjer. Kategorije (02:20)
17. Primjer. Početno filtriranje (02:46)
18. Primjer. Promjena filtera (02:11)
19. Primjer. Ostale funkcije filtriranja (02:03)
20. Primjer. Metoda razvrstavanja (03:05)
Testiranje JS koda
1. Uvod (16:05)
2. Šala (15:47)
3. Prednosti testova (09:01)
4. Izvještavanje (10:02)
Vue.js. Ispitivanje komponenti
1. Postavljanje paketa (04:39)
2. Omotač komponente (04:13)
3. Što testirati (02:48)
4. Prvi test (05:25)
5. Provjera događaja emisije (03:44)
6. Prijenos nekretnina (02:58)
7. Rad s elementima forme (05:42)
8. Opće postavke (01:15)
9. Moki (05:04)
10. Povezivanje knjižnica (02:32)
11. Akcijsko testiranje (03:26)
12. Testiranje trgovine (02:53)
13. Testiranje sa slikama (03:08)
Testiranje. Moki
1. Izrada makete (02:39)
2. Rad s argumentima (01:39)
3. Povratna vrijednost (02:57)
4. Moduli (04:24)
5. Tajmeri (02:05)
Vue. Radionica #5
1. Jednostavna komponenta (03:03)
2. Komponenta s pohranom (05:21)
3. Testiranje. Pripreme (03:20)
4. Testiranje. Prekidač (02:38)
5. Testiranje. Problemi (05:08)
6. tjedan - Završetak projekta
– Privodimo kraju projekt.
— Projekt predajemo na recenziju mentorima.
— Diplome o ocjenjivanju.
Kako dobiti posao u IT-u: savjeti i trikovi
1. Kako do posla u IT-u? Pretraga, razgovor i probni rad (42:21)
2. Kako pronaći narudžbe za rad na daljinu i freelance? (20:12)
3. Prvi posao u IT-u - kako se ponašati? Pripravnički staž, službeni rad i rad “za hranu” (14:11)
4. Kako proći probni rad? (27:10)
5. Kako se pripremiti za razgovor u FAANG tvrtki (08:52)
6. Proces učitavanja web stranice (25:19)
7. Intervju s programerom - sve što trebate znati (01:24:07)
8. Rješavanje problema iz intervjua programera (19:36)
9. Intervju programera frontenda (01:37:17)
React.js razvoj web aplikacija
1. tjedan - Uvod u React.js
— Upoznajemo tim tečaja i kolege iz razreda.
— Učenje JSX i Virtual DOM u Reactu.
— Razmatramo komponentni pristup i metode prijenosa podataka.
Poznanik
1. Otvaranje tečaja (05:41)
Reagiram.js
1. Što je React (07:05)
2. Virtualni DOM (02:46)
3. JSX (06:10)
4. Renderiranje s uvjetima (05:11)
5. Rad s listama (02:45)
6. Komponente (02:41)
7. Rekviziti (01:45)
8. Država (06:45)
9. Događaji (02:26)
10. React Devtools (03:58)
II React.js
1. Metode životnog ciklusa (05:19)
2. Komponente - funkcije (01:29)
3. Čista komponenta (02:54)
4. Sintetički događaji (01:42)
5. Rad s obrascima (02:51)
6. Rješavanje pogrešaka (01:39)
Analiza zadataka #1
1. Radionica #1 (30:36)
2. tjedan - React.js uzorci, testiranje
— Proučavamo komponente, elemente i instance klase komponenti.
— Razmatramo biblioteku Recompose, komponente visokog reda i uzorke Render Props.
— Razumijemo prednosti testova, proučavamo Jest, Enzyme, Snapshots.
III Reagiraj
1. Uvod (01:43)
2. PropTypes (10:18)
3. Kontekst (05:19)
4. Referenti (05:18)
5. Portali (05:02)
6. Udice (10:42)
IV React.js
1. Komponente visokog reda (HOCs) - Komponente višeg reda (10:33)
2. Prosljeđivanje referenci (HOC) (04:31)
3. Renderirajte uzorak rekvizita (05:25)
4. Recompose HOK knjižnice (10:32)
5. Profiliranje (04:02)
Testiranje
1. Uvod (05:06)
2. Test Runer (02:51)
3. Testiraj DSL (08:41)
4. Enzim (06:57)
5. Snimke (03:09)
6. Sage o testiranju (05:01)
7. React Testing Library (06:32)
Analiza zadataka #2
1. Radionica #2 (27:54)
3. tjedan - Redux, usmjeravanje
— Proučavamo usmjeravanje: jednostavno usmjeravanje, usmjeravanje s Switchom, kao i ugniježđeno usmjeravanje.
— Upoznavanje s bibliotekom Redux: osnovni koncepti i pojmovi Store, Actions, Reducers, React-redux.
— Middleware se smatra načinom rada sa Sideeffectom.
Usmjeravanje u pregledniku
1. Povijest API (02:48)
2. Jednostavno usmjeravanje (05:39)
3. Usmjeravanje iz Switcha (04:16)
4. Ugniježđeno usmjeravanje (05:32)
5. Privatna ruta (04:39)
I Redux
1. Uvod (04:07)
2. Trgovina (05:03)
3. Akcije (02:17)
4. Reduktori (07:56)
5. React-redux (03:26)
II Redux
1. Uvod (03:11)
2. CreateActions (redux-akcije) (09:13)
3. Srednji softver (07:54)
4. Rukovati radnjama (05:52)
5. Izbornici (06:17)
6. Ponovno odaberi (04:49)
7. Patke (06:56)
Analiza zadataka #3
1. Radionica #3 (39:13)
4. tjedan - Redux-saga
— Proučavamo biblioteku Redux-saga. Ponavljanje funkcija generatora*. Naučimo kako ih izvoditi paralelno.
— Pogledajmo metodu Take. Proučimo odabir kao način dobivanja podataka iz trgovine.
— Tražimo načine stiliziranja React aplikacije. Proučavamo biblioteke ClassNames, StyledComponents, BrowserList, MaterialUI.
I Redux-saga
1. Uvod (00:57)
2. Pregled (02:08)
3. Generatori (04:11)
4. Dodavanje saga (02:07)
5. Reagiraj na akcije (03:53)
6. Pokretanje značajki (02:06)
II Redux-saga
1. Uvod (00:27)
2. Paralelno izvođenje efekata (03:41)
3. Stupa na snagu (02:45)
4. Odaberite učinak (02:04)
5. Otkaži efekte (04:05)
Rad sa stilovima
1. Uvod (01:34)
2. CRA Styles (05:21)
3. Imena razreda (06:32)
4. StyledComponents (07:11)
5. Popis preglednika (01:37)
6. Materijalno sučelje (08:13)
Analiza zadataka #4
1. Radionica #4 (09:55)
5. tjedan – obrasci, CI & DI & rješavanje pogrešaka klijenata
— Razmatramo rad s obrascima korištenjem biblioteka Formik, Redux Forms, React Final Form.
— Razmatramo metode za osiguranje kvalitete proizvodnog koda. Analiziramo alate kao što su: Husky, TravisCI, HerokuNow.
— Proučavamo skup korisnih biblioteka za razvoj (Storybook, RamdaJS, Axios).
— Razmatramo TypeScript.
Rad s obrascima
1. Uvod (05:07)
2. Formik (08:51)
3. Redux form (06:22)
4. React konačna forma (06:36)
CI & DI & Rješavanje pogrešaka klijenta
1. Uvod (05:07)
2. haski (02:32)
3. CI koristeći TravisCI (03:32)
4. Rasporedi na heroku (04:57)
5. Rollbar (02:00)
Skup korisnih biblioteka za razvoj
1. Knjiga priča (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Tipkopis (09:31)
Analiza zadataka #5
1. Radionica #5 (13:17)
6. tjedan - Rad na projektu
— Prijavu popunjavamo i šaljemo na pregled.
Kako dobiti posao u IT-u: savjeti i trikovi
1. Kako do posla u IT-u? Pretraga, razgovor i probni rad (42:21)
2. Kako pronaći narudžbe za rad na daljinu i freelance? (20:12)
3. Prvi posao u IT-u - kako se ponašati? Pripravnički staž, službeni rad i rad “za hranu” (14:11)
4. Kako proći probni rad? (27:10)
5. Kako se pripremiti za razgovor u FAANG tvrtki (08:52)
6. Proces učitavanja web stranice (25:19)
7. Intervju s programerom - sve što trebate znati (01:24:07)
8. Rješavanje problema iz intervjua programera (19:36)
9. Intervju programera frontenda (01:37:17)