Bootcamp za frontend programere - tečaj 140 000 rub. iz Yandex Workshopa, obuka 10 mjeseci, datum 30. studenog 2023.

HTML, CSS, JavaScript: uvodni modul

Osjetit ćete se u ulozi programera i shvatiti želite li se razvijati
ovaj smjer. Naučite osnovnu HTML i CSS sintaksu. Naučiti
postavljati blokove na web stranicu, mijenjati font i boje. Napiši jednostavan
programirajte JavaScript i učinite stranicu interaktivnom.

Tema 1. Prvi kod 

Tema 2. Što je HTML i CSS

Tema 3. Osnovna CSS svojstva

Tema 4. Više CSS-a 

Tema 5. JavaScript. Početak

Tema 6. JavaScript. Slijetanje u stvarnost

Tema 7. O onome što je sljedeće

20 sati

Kako funkcionira obuka?
Naučit ćete kako funkcioniraju program i trening.

Pregledajte organizacijske detalje.

Tema 1. Što se dalje događa: proces učenja

Tema 2. Moduli, rokovi i plagijat

Tema 3. O prelasku u drugu kohortu

Tema 4. Projektni rad i dodatni projekti

Tema 5. Nešto o mekim vještinama

Tema 6. Tim podrške

Tema 7. Komunikacija

Tema 8. Pravila

Tema 9. Što će se dogoditi na kraju

Tema 10. Poznanstvo je gotovo. Pobrinimo se da se dobro razumijemo

Otprilike 2 sata
Modul 2
HTML i CSS: izgled, pristupačnost i interaktivnost
Naučite raditi s fontovima na webu. Razumjet ćete kako napisati kod,
ispravan za preglednike i tražilice. Istražite sve načine
organiziranje okvira vaše stranice. Naučite prilagoditi stranice
za robote za pretraživanje. Radit ćete s videom, audio i ostalim
interaktivni elementi stranice. Shvatit ćete kako i s kojim događajima
CSS može raditi na stranici. Shvatite koji se elementi nalaze na stranici
može stvoriti jezik stila. Naučite stilizirati elemente na različite načine
stanja i u različitim situacijama (na primjer, ovisno o redoslijedu njihovih
izgled). Razumjeti osnovne principe i alate stvaranja
dostupne web stranice.

Sprint 1: Izgled: semantika i izgled 

Tema 1. Ponavljanje prije starta

Tema 2. Izgled - nastavak dizajna

Tema 3. Priprema se za pisanje koda

Tema 4. Datoteke u projektu

Tema 5. Bash i Git. Osnove

Tema 6. Fontovi i tipografija

Tema 7. Semantika 

Tema 8. Globalni atributi

Tema 9. Flexbox izgled

Tema 10. Kako predati dizajnerski rad

Tema 11. Elementi pozicioniranja

Tema 12. Izgled mreže, 1. dio

Tema 13. Codestyle

Tema 14. Komponentni pristup 

Sprint 2: Izgled: pristupačnost i pristupi organiziranju stilova

Tema 1. Postavljanje stranice i meta

Tema 2. Vanjski ugrađeni sadržaj: video, iframe, API

Tema 3. Dodavanje blok modela

Tema 4. Pseudoklase i pseudoelementi

Tema 5. Dostupnost

Tema 6. Označavanje obrazaca

Tema 7. Divni selektori 

Tema 8. Stilski oblici

Tema 9. Linteri, formateri, automatizacija

Tema 10. BEM, Atomski

Tema 11. Napredni Git i Bash
6 tjedana

+2 projekta u portfelju
Web stranica na jednoj stranici "To je za vas"
potrebno".

Stvorite svoj prvi
jednostraničko mjesto.

Pisanje CSS stilova za
Aplikacija "Gledaj kroz prozor".

U ovom projektu radite vi
moraju napisati CSS za
pokrenuta aplikacija.

Modul 3 Dizajn, prilagodljivi izgled, dekoracija

Naučite niz tehnika koje će vam omogućiti ispravan prikaz
stranice na različitim uređajima i s različitim postavkama. Pripremiti
grafika za rad s različitim ekranima. Naučite organizirati svoj kod
za izradu teme u boji za stranicu. Razvrstajmo alate za ukrašavanje
vaše stranice. Gradijenti, sjene, filtri, načini stapanja - sve je to
Ovdje. Naučite koristiti vektorsku grafiku na stranicama i
koristiti interaktivne alate koji su ugrađeni u HTML.
Šlag na sprint torti su animacije stranica.

Sprint 3: Izgled: responzivnost i grafika

Tema 1. Prilazi

Tema 2. Rasterska grafika

Tema 3. Prilagođene varijable

Tema 4. Jedinice i funkcije

Tema 5. Izgled mreže, 2. dio

Tema 6. Razvoj sučelja za različite uređaje

Tema 7. Automatizacija oblikovanja i linting

Tema 8. Postprocesori

Tema 9. Git za odrasle 

Sprint 4: Raspored: dekoracija, pristupi i alati

Tema 1. Korištenje SVG-a

Tema 2. 2D transformacije i prijelaz

Tema 3. Animacije

Tema 4. Ukras

Tema 5. 3D transformacija

6. Modalni prozori

Tema 7. Motori predložaka

Tema 8. Pretprocesori

Tema 9. Osnove dizajna
6 tjedana,

+2 projekta u portfelju
Adaptivna web stranica s različitim
teme u boji „Komplicirano
koncentrat."

Napravit ćete responzivnu web stranicu u
različite teme u boji,
gdje se skupljaju svakakve cool stvari
radni savjeti o tome kako ne
izgubiti koncentraciju.

Ploča raspoloženja

Web aplikacija "Moodboard"
koje sami skupljate.
Rezultat je vaš osobni
autokarta sa državama,
koje ste do sada posjetili
pohađao ovaj tečaj.

Modul 4 Osnovni JavaScript

Razmotrite vrste podataka, naučite raditi s uvjetima, petljama
i funkcije. Naučite DOM. Naučite kako dodati izgled projektu
korištenjem JavaScripta i dodavanjem interaktivnosti stranici: stvoriti
interaktivni obrasci s provjerom podataka i rad s prilagođenim
događanja.

Sprint 5: Osnove JavaScripta: Vrste, Osnove DOM-a

Tema 1. Zapamti sve

Tema 2. Kako pronaći rješenja za probleme?

Tema 3. Primitivci. Početak 

Tema 4. Predstavljamo DOM

Tema 5. Otklanjanje pogrešaka u JavaScriptu
6 tjedana

+1 projekt u portfelju

Sprint 6: JavaScript: rad s podacima, nizovima, funkcijama i objektima

Tema 1. Metode rada s podacima, uvjeti, ciklusi 

Tema 2. Stvaranje, dodavanje i uklanjanje elemenata u DOM-u 

Tema 3. Nizovi

Tema 4. Funkcije 

Tema 5. Predmeti

Tema 6. Timski rad
1 obrazovni projekt

(do kraja)

Modul 5 Napredni JavaScript

Naučite kako napisati modularni kod i postaviti infrastrukturu
aplikacije pomoću alata Webpack. Majstorski kompleks

Koncepti jezika JavaScript, asinkronija i razmjena podataka s poslužiteljem.
Naučite raditi s korisničkim događajima i komunicirati

s poslužiteljem. Naučiti asinkrone i sinkrone operacije, upoznati jedni druge

s konceptom Promise.
Sprint 7: Zaronite u JavaScript: sastavljanje koda, rukovanje događajima,
provjera valjanosti obrazaca i rad s API-jem

Tema 1. Izgradite projekt. Webpack

Tema 2. Moduli u JS

Tema 3. Napredni JavaScript. Asinhronija

Tema 4. Rukovanje događajima

Tema 5. Rad s obrascima

Tema 6. Provjera valjanosti obrasca

Tema 7. Rad s API-jem
3 tjedna,

+1 projekt u portfelju
Mesto

Izradite vlastiti web servis. Kako
izgleda kao Instagram
bit će interaktivna stranica
sa fotografijama. uspjet ćeš
od početka do kraja: prvo sve
utipkajte, pa napišite
logika u JavaScriptu. Provodite li?
provjera valjanosti obrasca, dodavanje,
brisanje fotografija i lajkova
njima. Povežite svoj projekt
na poslužitelj i ugostiti ga
na internetu.

Modul 6 TypeScript i OOP

Upoznajte se s još jednim važnim konceptom: objektom
orijentirano programiranje (OOP). Naučite principe
razvoj softvera i rad s okolinom. Primijenite OOP tehnike
u razvoju web sučelja. Učiti o logičnom nastavku
i proširenje funkcionalnosti JavaScripta u jeziku TypeScript. Naučiti
primijeniti u svojim projektima.

Sprint 8: TypeScript i OOP

Tema 1. Uvod u TypeScript

Tema 2. Objektno orijentirano programiranje

Tema 3. Osnove TypeScripta

Tema 4. Napredni TypeScript i OOP

6 tjedana

+2 projekta u portfelju
Sprint 9: OOP u sučeljima: jednostavni i ne samo koncepti

Tema 1. Načela razvoja softvera

Tema 2. Rad s okolinom

Tema 3. OOP u sučeljima

Tema 4. OOP u sučeljima: nastavak
1 obrazovni projekt (za
završetak)

Jedna stranica
aplikacija online trgovine u TypeScriptu
OOP stil: Razviti
sučelje internetske trgovine
“Web štand” s katalogom
robu, košaricu i
funkcija dizajna
narudžba. Shvatite sve
u najboljoj praksi OOP-a
koristeći TypeScript.

Mjesec projekta
Osmislit ćete i napisati osnovnu funkcionalnost jednog projekta
od naručitelja i jedan obrazovni projekt.
1 mjesec

Modul 7 Sučelja koja koriste React

Istražite React knjižnicu i njezin ekosustav. Naučite stvarati
i struktura React projekti, stvaranje komponenti i upravljanje
tokovi podataka. Naučite funkcionalni pristup razvoju Reacta
i naučite pisati učinkovit, produktivan kod pomoću kuka.
Sprint 10: Osnove Reacta

Tema 1. SPA koncept i okviri

Tema 2. CRA. Postavljanje i izgradnja projekta

Tema 3. JSX sintaksa

Tema 4. Komponente i njihov životni ciklus

Tema 5. useState i useEffect

Tema 6. React DevTools

Tema 7. Uvoz modula, CSS modula

Tema 8. Knjižnice komponenti. Rad u izolaciji. Knjiga pripovjedaka
3 tjedna,

+1 projekt u portfelju
1 obrazovni projekt (za
završetak)

Modul 8 Usmjeravanje i autorizacija

Naučite raditi s globalnim stanjem i API-jima koristeći Redux.
Stvorite pojedinačne zaslone u aplikaciji i konfigurirajte usmjeravanje
koristeći react-router-dom, uključujući one dinamički generirane
rute. Implementirajte autorizaciju s tokenima i zaštićenim rutama.

Sprint 11: Usmjeravanje i autorizacija

Tema 1. Globalna država

Tema 2. Redux biblioteka

Tema 3. React Router

Tema 4. Autorizacija
3 tjedna,

+1 projekt u portfelju

Stellar Burger:

Napišite Stellar aplikacije
Burger" kako biste naručili hranu iz glavnog
stranica i osobni račun,
stvoriti Redux pohranu,
te također implementirati usmjeravanje
i ovlaštenje.
Modul 9
Testiranje React aplikacija
Naučite ubrzati React aplikacije, testirajte ih,
dovesti ih u proizvodnju i objaviti na vlastitom udaljenom poslužitelju.

Sprint 12: Testiranje React aplikacija 

Tema 1. Optimizacija (ubrzanje aplikacije)

Tema 2. Testiranje React aplikacija: Jest, Cypress

Tema 3. Priprema projekta za proizvodnju
3 tjedna,

+2 projekta u portfelju
1 obrazovni projekt (obrnuto
zadatak)

Stellar Burger:

Sada pokrij svoje
aplikacija jediničnog testa,
kao i integracija
testovi korištenjem knjižnica
Šala i čempres.
Paralelni modul
Pomoć pri zapošljavanju
Karijera se sastoji od dvije faze: programa zapošljavanja i
programe ubrzanja.

Program zapošljavanja

Ovdje ćemo vam pomoći prikupiti sve što vam je potrebno za zaposlenje
artefakte i steći potrebne vještine. Napisat ćeš životopis, skupljati
portfolio, napišite motivacijsko pismo. Uz našu podršku
razviti strategiju traženja i pripremiti se za intervjue.

Program ubrzanja

Ovo je rad na terenu. Prijavit ćete se na natječaje, pišite
popratna pisma, polagati testove i ići na intervjue.
Najvjerojatnije ćete dobiti mnogo odbijenica i mi ćemo to zajedno analizirati
greške za poboljšanje rezultata. Ova faza završava kada vi
Dobivate ponudu za posao koju prihvaćate. U prosjeku ovo
potraga traje od jednog do tri mjeseca.

Tema 1. Tržište rada

Tema 2. Rad u proizvodnom timu

Tema 3. Razvojne mogućnosti u web razvoju

Tema 4. Postavljanje ciljeva i sažetak

Tema 5. Motivacijsko pismo i portfolio

Tema 6. Strategije traženja posla

Tema 7. Prilagodba artefakta

Tema 8. Stvarnosti tržišta rada, traženje posla u glavnom gradu iu regijama

Tema 9. Intervjui

Tema 10. Priprema za intervju

Tema 11. Program aktivnog ubrzanja. Od odgovora na poziv do
raditi