Frontendi arendaja bootcamp - kursus 140 000 hõõruda. Yandexi töökojast, koolitus 10 kuud, kuupäev 30. november 2023.

instagram viewer

HTML, CSS, JavaScript: sissejuhatav moodul

Tunned end arendaja rollis ja saad aru, kas soovid edasi areneda
see suund. Õppige põhilist HTML-i ja CSS-i süntaksit. Õppige
asetage veebilehele plokid, muutke fonti ja värve. Kirjutage lihtne
JavaScripti programmeerida ja muuta leht interaktiivseks.

Teema 1. Esimene kood 

2. teema. Mis on HTML ja CSS

3. teema. CSS-i põhiomadused

4. teema. Rohkem CSS-i 

5. teema. JavaScript. Alusta

6. teema. JavaScript. Maandumine tegelikkuses

7. teema. Sellest, mis edasi saab

20 tundi

Kuidas koolitus toimib?
Saate teada, kuidas programm ja koolitus töötavad.

Vaadake üle organisatsiooni üksikasjad.

Teema 1. Mis saab edasi: õppeprotsess

2. teema. Moodulid, tähtajad ja plagiaat

3. teema. Teise kohorti kolimisest

4. teema. Projektitöö ja lisaprojektid

5. teema. Midagi pehmete oskuste kohta

6. teema. Tugimeeskond

7. teema. Suhtlemine

8. teema. Reeglid

9. teema. Mis saab lõpuks

10. teema. Tutvus on läbi. Veenduge, et mõistame üksteist õigesti

Umbes 2 tundi
2. moodul
HTML ja CSS: paigutus, juurdepääsetavus ja interaktiivsus
Õppige veebis fontidega töötama. Saate aru, kuidas koodi kirjutada,
brauserite ja otsingumootorite jaoks õige. Uurige kõiki viise
oma lehe raami korrastamine. Õppige lehti kohandama
otsingurobotite jaoks. Töötate video, heli ja muuga
interaktiivsed leheelemendid. Saate aru, kuidas ja milliste sündmustega
CSS võib lehel töötada. Saate aru, millised elemendid lehel on
oskab luua stiilikeelt. Õppige erinevaid elemente stiilima
olekutes ja erinevates olukordades (näiteks sõltuvalt nende järjestusest
välimus). Mõista loomise põhiprintsiipe ja tööriistu
saadaolevad veebilehed.

Sprint 1: Paigutus: semantika ja paigutus 

Teema 1. Kordamine enne alustamist

2. teema. Paigutus - kujunduse jätk

3. teema. Valmistume koodi kirjutama

4. teema. Failid projektis

5. teema. Bash ja Git. Põhitõed

6. teema. Fondid ja tüpograafia

7. teema. Semantika 

8. teema. Globaalsed atribuudid

9. teema. Flexboxi paigutus

10. teema. Kuidas esitada projekteerimistööd

11. teema. Positsioneerimiselemendid

12. teema. Ruudustiku paigutus, 1. osa

13. teema. Koodistiil

14. teema. Komponent lähenemine 

Sprint 2: Paigutus: juurdepääsetavus ja stiilide korraldamise lähenemisviisid

Teema 1. Lehe ja meta seadistamine

2. teema. Väline manustatud sisu: video, iframe, API

3. teema. Plokimudeli lisamine

4. teema. Pseudoklassid ja pseudoelemendid

5. teema. Kättesaadavus

6. teema. Vormi märgistus

7. teema. Imelised valijad 

8. teema. Stiilivormid

9. teema. Linterid, vormindajad, automaatika

10. teema. BEM, Atomic

11. teema. Täiustatud Git ja Bash
6 nädalat

+2 projekti portfellis
Üheleheküljeline veebisait "See on teie jaoks"
vajalik".

Looge oma esimene
ühe lehe sait.

CSS-i stiilide kirjutamine
Rakendus "Vaata aknast välja".

Selles projektis töötate teie
jaoks tuleb kirjutada CSS
töötav rakendus.

Moodul 3 Kujundus, kohanduv paigutus, kaunistus

Õppige tehnikate komplekti, mis võimaldavad teil õigesti kuvada
lehtedel erinevates seadmetes ja erinevate seadetega. Valmistage ette
graafika erinevate ekraanidega töötamiseks. Õppige oma koodi korraldama
saidile värviteema loomiseks. Sorteerime välja kaunistusvahendid
teie lehti. Gradiendid, varjud, filtrid, segamisrežiimid – see on kõik
Siin. Õppige kasutama vektorgraafikat lehtedel ja
kasutage HTML-i sisseehitatud interaktiivseid tööriistu.
Kirsiks sprinditordil on leheanimatsioonid.

Sprint 3: paigutus: reageerimisvõime ja graafika

Teema 1. Lähenemisviisid

2. teema. Rastergraafika

3. teema. Kohandatud muutujad

4. teema. Üksused ja funktsioonid

5. teema. Ruudustiku paigutus, 2. osa

6. teema. Liidese arendamine erinevatele seadmetele

7. teema. Vormindusautomaatika ja linting

8. teema. Järeltöötlejad

9. teema. Git täiskasvanutele 

Sprint 4: Paigutus: kaunistus, lähenemisviisid ja tööriistad

Teema 1. SVG kasutamine

2. teema. 2D teisendused ja üleminek

3. teema. Animatsioonid

4. teema. Kaunistamine

5. teema. 3D teisendus

6. Modaalsed aknad

7. teema. Mallmootorid

8. teema. Eeltöötlejad

9. teema. Disaini põhitõed
6 nädalat,

+2 projekti portfellis
Adaptiivne veebisait erinevate
värviteemad “Keeruline
keskenduda."

Loote responsiivse veebisaidi
erinevad värviteemad,
kuhu kogutakse igasuguseid lahedaid asju
töönõuanded, kuidas mitte
kaotada kontsentratsioon.

Meeleolulaud

Veebirakendus "Moodboard"
mida ise kogute.
Tulemus on teie isiklik
teekaart osariikidega,
mida olete seni külastanud
võttis selle kursuse.

4. moodul Põhiline JavaScript

Mõelge andmetüüpidele, õppige töötama tingimuste, silmustega
ja funktsioonid. Õppige DOM-i. Siit saate teada, kuidas projektile kujundust lisada
JavaScripti kasutamine ja lehele interaktiivsuse lisamine: loo
interaktiivsed vormid koos andmete kontrollimise ja kohandatud tööga
sündmused.

Sprint 5: JavaScripti põhitõed: tüübid, DOM-i põhitõed

Teema 1. Jäta kõik meelde

2. teema. Kuidas probleemidele lahendusi leida?

3. teema. Primitiivid. Alusta 

4. teema. DOM-i tutvustamine

5. teema. JavaScripti silumine
6 nädalat

+1 projekt portfellis

Sprint 6: JavaScript: töö andmete, massiivide, funktsioonide ja objektidega

Teema 1. Meetodid andmetega töötamiseks, tingimused, tsüklid 

2. teema. Elementide loomine, lisamine ja eemaldamine DOM-is 

3. teema. Massiivid

4. teema. Funktsioonid 

5. teema. Objektid

6. teema. Meeskonnatöö
1 haridusprojekt

(lõpuni)

5. moodul Täiustatud JavaScript

Siit saate teada, kuidas kirjutada modulaarset koodi ja seadistada infrastruktuuri
rakendused Webpacki tööriista abil. Meistri kompleks

JavaScripti keele kontseptsioonid, asünkroonsus ja andmevahetus serveriga.
Õppige töötama kasutaja sündmustega ja suhtlema

serveriga. Õppige asünkroonseid ja sünkroonseid toiminguid, õppige üksteist tundma

lubaduse kontseptsiooniga.
Sprint 7: sukelduge JavaScripti: koodi koostamine, sündmuste käsitlemine,
vormi valideerimine ja API-ga töötamine

Teema 1. Ehitage projekt. Veebipakk

2. teema. Moodulid JS-is

3. teema. Täiustatud JavaScript. Asünkroonsus

4. teema. Sündmuste käsitlemine

5. teema. Töötamine vormidega

6. teema. Vormi kinnitamine

7. teema. API-ga töötamine
3 nädalat,

+1 projekt portfellis
Mesto

Looge oma veebiteenus. Kuidas
see näeb välja nagu Instagram
tuleb interaktiivne leht
fotodega. sa saad hakkama
algusest lõpuni: kõigepealt kõik
tippige see üles ja siis kirjutage
loogika JavaScriptis. Kas rakendate?
vormi kinnitamine, lisamine,
fotode ja meeldimiste kustutamine
neile. Ühendage oma projekt
serverisse ja hosti seda
Internetis.

6. moodul TypeScript ja OOP

Tutvuge teise olulise mõistega: objekt
orienteeritud programmeerimine (OOP). Õppige põhimõtteid
tarkvaraarendus ja töö keskkonnaga. Rakendage OOP tehnikaid
veebiliideste väljatöötamisel. Lugege loogilise jätkamise kohta
ja JavaScripti funktsionaalsuse laiendamine TypeScripti keeles. Õppige
rakendage seda oma projektides.

Sprint 8: TypeScript ja OOP

Teema 1. Sissejuhatus TypeScripti

2. teema. Objektorienteeritud programmeerimine

3. teema. TypeScripti põhitõed

4. teema. Täiustatud TypeScript ja OOP

6 nädalat

+2 projekti portfellis
Sprint 9: OOP liidestes: lihtsad ja mitte ainult kontseptsioonid

Teema 1. Tarkvaraarenduse põhimõtted

2. teema. Töö keskkonnaga

3. teema. OOP liidestes

4. teema. OOP liidestes: järg
1 haridusprojekt (eest
lõpetamine)

Üks leht
veebipoe rakendus TypeScriptis
OOP stiil: arendada
veebipoe esikülg
“Veebilett” kataloogiga
kaubad, korv ja
disainifunktsioon
tellida. Mõista seda kõike
OOP parimates tavades
kasutades TypeScripti.

Projekti kuu
Te kujundate ja kirjutate ühe projekti põhifunktsioonid
tellijalt ja ühest haridusprojektist.
1 kuu

Moodul 7 Reacti kasutavad liidesed

Avastage Reacti raamatukogu ja selle ökosüsteemi. Õppige looma
ja struktuur Reageerige projekte, looge komponente ja hallake
andmevoogusid. Õppige funktsionaalset lähenemist Reacti arendamiseks
ja õppige konksude abil tõhusat ja produktiivset koodi kirjutama.
Sprint 10: Reaktsiooni põhitõed

Teema 1. SPA kontseptsioon ja raamistikud

2. teema. CRA. Projekti seadistamine ja ehitamine

3. teema. JSX süntaks

4. teema. Komponendid ja nende elutsükkel

5. teema. useState ja useEffect

6. teema. Reageerige DevTools

7. teema. Impordi moodulid, CSS-moodulid

8. teema. Komponentide raamatukogud. Töötamine isolatsioonis. Juturaamat
3 nädalat,

+1 projekt portfellis
1 haridusprojekt (eest
lõpetamine)

8. moodul Marsruutimine ja autoriseerimine

Õppige Reduxi abil töötama globaalse oleku ja API-dega.
Looge rakenduses üksikud ekraanid ja konfigureerige marsruutimist
kasutades react-ruuter-dom, sealhulgas dünaamiliselt genereeritud
marsruute. Rakendage luba žetoonide ja kaitstud marsruutidega.

Sprint 11: marsruutimine ja autoriseerimine

Teema 1. Globaalne riik

2. teema. Reduxi raamatukogu

3. teema. Reageeri ruuter

4. teema. Autoriseerimine
3 nädalat,

+1 projekt portfellis

Tähtede burger:

Kirjutage Stellari rakendusi
Burger" toidu tellimiseks peamisest
leht ja isiklik konto,
luua Reduxi salvestusruum,
ja rakendada ka marsruutimist
ja volitus.
9. moodul
Reacti rakenduste testimine
Õppige Reacti rakendusi kiirendama, neid testima,
tooge need tootmisse ja vabastage need oma kaugserveris.

Sprint 12: Reacti rakenduste testimine 

Teema 1. Optimeerimine (rakenduse kiirendamine)

2. teema. React rakenduste testimine: Jest, Cypress

3. teema. Projekti ettevalmistamine tootmiseks
3 nädalat,

+2 projekti portfellis
1 haridusprojekt (ümberpööratud
ülesanne)

Tähtede burger:

Kata nüüd enda oma
ühikutesti rakendus,
samuti integratsioon
testid teeke kasutades
Jest ja Cypress.
Paralleelmoodul
Tööhõiveabi
Karjäärirada koosneb kahest etapist: tööhõiveprogramm ja
kiirendusprogrammid.

Tööhõive programm

Siin aitame teil koguda kõik, mida vajate töötamiseks
esemeid ja omandada vajalikud oskused. Kirjutate CV, kogute
portfoolio, kirjuta motivatsioonikiri. Meie toel
töötada välja otsingustrateegia ja valmistuda intervjuudeks.

Kiirendusprogramm

See on töö põllul. Kandideerid vabadele kohtadele, kirjuta
saatekirju, sooritada teste ja minna intervjuudele.
Tõenäoliselt saate palju keeldumisi ja me analüüsime seda koos
vead tulemuste parandamiseks. See etapp lõpeb siis, kui
Saate tööpakkumise, millega nõustute. Keskmiselt see
otsing võtab aega üks kuni kolm kuud.

Teema 1. Tööturg

2. teema. Töötamine tootemeeskonnas

3. teema. Arenguvõimalused veebiarenduses

4. teema. Eesmärgi seadmine ja kokkuvõte

5. teema. Motivatsioonikiri ja portfoolio

6. teema. Tööotsingu strateegiad

7. teema. Artefaktide kohandamine

8. teema. Tööturu reaalsused, tööotsingud pealinnas ja regioonides

9. teema. Intervjuud

10. teema. Intervjuuks valmistumine

11. teema. Aktiivne kiirendusprogramm. Alates vastusest kuni kutseni
tööd