Bootcamp pre vývojárov frontendu - kurz 140 000 rub. z Yandex Workshop, školenie 10 mesiacov, dátum 30. novembra 2023.

instagram viewer

HTML, CSS, JavaScript: úvodný modul

Budete sa cítiť v úlohe vývojára a pochopíte, či sa chcete rozvíjať
týmto smerom. Naučte sa základnú syntax HTML a CSS. Učte sa
umiestňovať bloky na webovú stránku, meniť písmo a farby. Napíšte jednoduchý
JavaScript a urobiť stránku interaktívnou.

Téma 1. Prvý kód 

Téma 2. Čo je HTML a CSS

Téma 3. Základné vlastnosti CSS

Téma 4. Viac CSS 

Téma 5. JavaScript. Štart

Téma 6. JavaScript. Pristátie v realite

Téma 7. O tom, čo bude ďalej

20 hodín

Ako prebieha školenie?
Dozviete sa, ako funguje program a školenie.

Skontrolujte organizačné podrobnosti.

Téma 1. Čo sa stane ďalej: proces učenia

Téma 2. Moduly, termíny a plagiátorstvo

Téma 3. O presune do inej kohorty

Téma 4. Projektové práce a doplnkové projekty

Téma 5. Niečo o mäkkých zručnostiach

Téma 6. Podporný tím

Téma 7. Komunikácia

Téma 8. pravidlá

Téma 9. Čo sa nakoniec stane

Téma 10. Zoznámenie sa skončilo. Dbajme na to, aby sme sa správne pochopili

Približne 2 hodiny
Modul 2
HTML a CSS: rozloženie, dostupnosť a interaktivita
Naučte sa pracovať s písmami na webe. Pochopíte, ako písať kód,
správne pre prehliadače a vyhľadávače. Preskúmajte všetky spôsoby
usporiadanie rámca vašej stránky. Naučte sa prispôsobiť stránky
pre vyhľadávacích robotov. Budete pracovať s videom, zvukom a inými
interaktívne prvky stránky. Pochopíte, ako a s akými udalosťami
CSS môže fungovať na stránke. Pochopte, aké prvky sú na stránke
dokáže vytvoriť štýlový jazyk. Naučte sa rôzne štýlovať prvky
stavoch a v rôznych situáciách (napríklad v závislosti od ich poradia
vzhľad). Pochopiť základné princípy a nástroje tvorby
dostupné webové stránky.

Šprint 1: Rozloženie: sémantika a rozloženie 

Téma 1. Opakovanie pred štartom

Téma 2. Rozloženie - pokračovanie dizajnu

Téma 3. Príprava na písanie kódu

Téma 4. Súbory v projekte

Téma 5. Bash a Git. Základy

Téma 6. Písma a typografia

Téma 7. Sémantika 

Téma 8. Globálne atribúty

Téma 9. Rozloženie Flexboxu

Téma 10. Ako odovzdať dizajnérske práce

Téma 11. Polohovacie prvky

Téma 12. Rozloženie mriežky, časť 1

Téma 13. Kódový štýl

Téma 14. Komponentný prístup 

Sprint 2: Layout: dostupnosť a prístupy k organizovaniu štýlov

Téma 1. Nastavenie stránky a meta

Téma 2. Externý vložený obsah: video, iframe, API

Téma 3. Pridanie blokového modelu

Téma 4. Pseudotriedy a pseudoprvky

Téma 5. Dostupnosť

Téma 6. Označenie formulára

Téma 7. Úžasné selektory 

Téma 8. Stylingové formy

Téma 9. Linters, formátovače, automatizácia

Téma 10. BEM, Atomic

Téma 11. Pokročilý Git a Bash
6 týždňov

+2 projekty v portfóliu
Jednostránkový web „Je to pre vás“
potrebné“.

Vytvorte si svoj prvý
jednostránkový web.

Písanie CSS štýlov pre
Aplikácia „Pozrite sa z okna“.

V tomto projekte pracujte vy
musíte napísať CSS pre
spustená aplikácia.

Modul 3 Dizajn, adaptívne usporiadanie, dekorácia

Naučte sa súbor techník, ktoré vám umožnia správne zobrazovať
stránky na rôznych zariadeniach a s rôznymi nastaveniami. Pripravte sa
grafika pre prácu s rôznymi obrazovkami. Naučte sa organizovať svoj kód
vytvoriť farebnú tému pre stránku. Vytriedime si nástroje na zdobenie
vaše stránky. Prechody, tiene, filtre, režimy prelínania – to je všetko
Tu. Naučte sa používať vektorovú grafiku na stránkach a
používať interaktívne nástroje, ktoré sú zabudované do HTML.
Čerešničkou na šprintérskej torte sú animácie stránok.

Sprint 3: Rozloženie: odozva a grafika

Téma 1. Prístupy

Téma 2. Rastrová grafika

Téma 3. Vlastné premenné

Téma 4. Jednotky a funkcie

Téma 5. Rozloženie mriežky, časť 2

Téma 6. Vývoj rozhrania pre rôzne zariadenia

Téma 7. Automatizácia formátovania a lintovanie

Téma 8. Postprocesory

Téma 9. Git pre dospelých 

Šprint 4: Rozloženie: dekorácia, prístupy a nástroje

Téma 1. Pomocou SVG

Téma 2. 2D transformácie a prechody

Téma 3. Animácie

Téma 4. Dekorácia

Téma 5. 3D transformácia

6. Modálne okná

Téma 7. Šablónové motory

Téma 8. Preprocesory

Téma 9. Základy dizajnu
6 týždňov,

+2 projekty v portfóliu
Adaptívny web s rôznymi
farebné motívy „Komplikované
sústrediť sa."

Vytvoríte si responzívnu webstránku v
rôzne farebné motívy,
kde sa zbierajú najrôznejšie super veci
pracovné tipy, ako nie
stratiť koncentráciu.

Náladová tabuľa

Webová aplikácia "Moodboard"
ktoré si sám nazbieraš.
Výsledok je váš osobný
cestovná mapa so štátmi,
ktoré ste doteraz navštívili
absolvoval tento kurz.

Modul 4 Základný JavaScript

Zvážte dátové typy, naučte sa pracovať s podmienkami, cyklami
a funkcie. Naučte sa DOM. Zistite, ako pridať rozloženie do projektu
pomocou JavaScriptu a pridaním interaktivity na stránku: vytvorte
interaktívne formuláre s overením údajov a prácou s obl
diania.

Sprint 5: Základy JavaScriptu: Typy, Základy DOM

Téma 1. Pamätajte si všetko

Téma 2. Ako nájsť riešenia problémov?

Téma 3. Primitívi. Štart 

Téma 4. Predstavujeme DOM

Téma 5. Ladenie JavaScriptu
6 týždňov

+1 projekt v portfóliu

Sprint 6: JavaScript: práca s údajmi, poliami, funkciami a objektmi

Téma 1. Metódy práce s dátami, podmienkami, cyklami 

Téma 2. Vytváranie, pridávanie a odstraňovanie prvkov v DOM 

Téma 3. Polia

Téma 4. Funkcie 

Téma 5. Objekty

Téma 6. Tímová práca
1 vzdelávací projekt

(do dokončenia)

Modul 5 Pokročilý JavaScript

Naučte sa písať modulárny kód a nastavovať infraštruktúru
aplikácie pomocou nástroja Webpack. Majstrovský komplex

Koncepty jazyka JavaScript, asynchrónnosť a výmena dát so serverom.
Naučte sa pracovať s používateľskými udalosťami a interagovať

so serverom. Naučte sa asynchrónne a synchrónne operácie, spoznajte sa

s konceptom Promise.
Sprint 7: Ponorte sa do JavaScriptu: zostavenie kódu, spracovanie udalostí,
validácia formulárov a práca s API

Téma 1. Zostavte projekt. Webpack

Téma 2. Moduly v JS

Téma 3. Pokročilý JavaScript. Asynchrónnosť

Téma 4. Spracovanie udalostí

Téma 5. Práca s formulármi

Téma 6. Overenie formulára

Téma 7. Práca s API
3 týždne,

+1 projekt v portfóliu
Mesto

Vytvorte si vlastnú webovú službu. Ako
vyzerá to ako Instagram
bude interaktívna stránka
s fotkami. zvládneš to
od začiatku do konca: najprv všetko
napíšte a potom napíšte
logika v JavaScripte. Realizujete?
overenie formulára, pridanie,
mazanie fotiek a lajkov
k nim. Pripojte svoj projekt
na server a hostiť ho
na internete.

Modul 6 TypeScript a OOP

Zoznámte sa s ďalším dôležitým pojmom: objekt
orientované programovanie (OOP). Naučte sa princípy
vývoj softvéru a práca s prostredím. Aplikujte techniky OOP
pri vývoji webových rozhraní. Prečítajte si o logickom pokračovaní
a rozšírenie funkcionality JavaScriptu v jazyku TypeScript. Učte sa
aplikujte ho vo svojich projektoch.

Sprint 8: TypeScript a OOP

Téma 1. Úvod do TypeScript

Téma 2. Objektovo orientované programovanie

Téma 3. Základy TypeScript

Téma 4. Pokročilý TypeScript a OOP

6 týždňov

+2 projekty v portfóliu
Sprint 9: OOP v rozhraniach: jednoduché a nielen koncepty

Téma 1. Princípy vývoja softvéru

Téma 2. Práca s okolím

Téma 3. OOP v rozhraniach

Téma 4. OOP v rozhraniach: pokračovanie
1 vzdelávací projekt (pre
dokončenie)

Jedna strana
aplikácia internetového obchodu v TypeScript
OOP štýl: Rozvinúť
frontend internetového obchodu
„Webový stánok“ s katalógom
tovar, košík a
dizajnová funkcia
objednať. Uvedomte si to všetko
v osvedčených postupoch OOP
pomocou TypeScript.

Projektový mesiac
Navrhnete a napíšete základnú funkcionalitu jedného projektu
od zákazníka a jeden vzdelávací projekt.
1 mesiac

Modul 7 Rozhrania využívajúce React

Preskúmajte knižnicu React a jej ekosystém. Naučte sa tvoriť
a štruktúrujte projekty Reagujte, vytvárajte komponenty a spravujte
dátové toky. Naučte sa funkčný prístup k vývoju React
a naučte sa písať efektívny, produktívny kód pomocou háčikov.
Sprint 10: React Basics

Téma 1. Koncept a rámce SPA

Téma 2. CRA. Nastavenie a zostavenie projektu

Téma 3. syntax JSX

Téma 4. Komponenty a ich životný cyklus

Téma 5. useState a useEffect

Téma 6. Reagovať DevTools

Téma 7. Import modulov, CSS moduly

Téma 8. Knižnice komponentov. Práca v izolácii. Rozprávková kniha
3 týždne,

+1 projekt v portfóliu
1 vzdelávací projekt (pre
dokončenie)

Modul 8 Smerovanie a autorizácia

Naučte sa pracovať s globálnym stavom a API pomocou Redux.
Vytvorte v aplikácii jednotlivé obrazovky a nakonfigurujte smerovanie
pomocou reag-router-dom, vrátane dynamicky generovaných
trasy. Implementujte autorizáciu pomocou tokenov a chránených ciest.

Sprint 11: Smerovanie a autorizácia

Téma 1. Globálny štát

Téma 2. Knižnica Redux

Téma 3. Reagovať Router

Téma 4. Autorizácia
3 týždne,

+1 projekt v portfóliu

Hviezdny burger:

Napíšte aplikácie Stellar
Burger“ na objednanie jedla z hlavného
stránku a osobný účet,
vytvoriť úložisko Redux,
a tiež implementovať smerovanie
a autorizáciu.
Modul 9
Testovanie aplikácií React
Naučte sa zrýchľovať aplikácie React, testujte ich,
uveďte ich do produkcie a uvoľnite ich na vašom vlastnom vzdialenom serveri.

Sprint 12: Testovanie aplikácií React 

Téma 1. Optimalizácia (zrýchlenie aplikácie)

Téma 2. Testovanie React aplikácií: Jest, Cypress

Téma 3. Príprava projektu na výrobu
3 týždne,

+2 projekty v portfóliu
1 vzdelávací projekt (obrátený
úloha)

Hviezdny burger:

Teraz zakryte svoje
aplikácia na testovanie jednotiek,
ako aj integrácia
testy pomocou knižníc
Jest a Cypress.
Paralelný modul
Pomoc v zamestnaní
Kariérna dráha pozostáva z dvoch etáp: programu zamestnanosti a
akceleračné programy.

Program zamestnanosti

Tu vám pomôžeme zozbierať všetko, čo potrebujete k zamestnaniu
artefakty a získať potrebné zručnosti. Napíšeš životopis, zoženieš
portfólio, napíšte motivačný list. S našou podporou
vypracovať stratégiu vyhľadávania a pripraviť sa na pohovory.

Akceleračný program

Toto je práca v teréne. Budete sa uchádzať o voľné miesta, píšte
motivačné listy, urobte si testy a choďte na pohovory.
S najväčšou pravdepodobnosťou dostanete veľa odmietnutí a spoločne to analyzujeme
chyby na zlepšenie výsledkov. Táto etapa končí, keď si
Dostanete pracovnú ponuku, ktorú prijmete. V priemere toto
hľadanie trvá jeden až tri mesiace.

Téma 1. Trh práce

Téma 2. Práca v produktovom tíme

Téma 3. Možnosti vývoja v oblasti vývoja webu

Téma 4. Stanovenie cieľa a zhrnutie

Téma 5. Motivačný list a portfólio

Téma 6. Stratégie hľadania zamestnania

Téma 7. Prispôsobenie artefaktu

Téma 8. Realita trhu práce, hľadanie zamestnania v hlavnom meste a v regiónoch

Téma 9. Rozhovory

Téma 10. Príprava na pohovor

Téma 11. Aktívny akceleračný program. Od odpovede po pozvanie do
práca