Frontend developer bootcamp - kursas 140 000 rub. iš Yandex seminaro, mokymas 10 mėnesių, data 2023 m. lapkričio 30 d.

instagram viewer

HTML, CSS, JavaScript: įvadinis modulis

Jausitės kūrėjo vaidmenyje ir suprasite, ar norite tobulėti
šią kryptį. Išmokite pagrindinę HTML ir CSS sintaksę. Mokytis
įdėkite blokus tinklalapyje, pakeiskite šriftą ir spalvas. Parašykite paprastą
JavaScript programa ir padaryti puslapį interaktyvų.

1 tema. Pirmas kodas 

2 tema. Kas yra HTML ir CSS

3 tema. Pagrindinės CSS savybės

4 tema. Daugiau CSS 

5 tema. JavaScript. Pradėti

6 tema. JavaScript. Nusileidimas realybėje

7 tema. Apie tai, kas toliau

20 valandų

Kaip vyksta mokymai?
Sužinosite, kaip veikia programa ir mokymai.

Peržiūrėkite išsamią organizacijos informaciją.

1 tema. Kas vyksta toliau: mokymosi procesas

2 tema. Moduliai, terminai ir plagiatas

3 tema. Apie persikėlimą į kitą kohortą

4 tema. Projektinis darbas ir papildomi projektai

5 tema. Kažkas apie minkštuosius įgūdžius

6 tema. Palaikymo komanda

7 tema. Bendravimas

8 tema. Taisyklės

9 tema. Kas bus galų gale

10 tema. Pažintis baigėsi. Įsitikinkite, kad vienas kitą suprantame teisingai

Maždaug 2 val
2 modulis
HTML ir CSS: išdėstymas, prieinamumas ir interaktyvumas
Išmokite dirbti su šriftais žiniatinklyje. Suprasite, kaip rašyti kodą,
tinka naršyklėms ir paieškos sistemoms. Ištirkite visus būdus
savo puslapio rėmelio tvarkymas. Išmokite tinkinti puslapius
paieškos robotams. Dirbsite su vaizdo, garso ir kt
interaktyvūs puslapio elementai. Suprasite kaip ir su kokiais renginiais
CSS gali veikti puslapyje. Supraskite, kokie elementai yra puslapyje
gali sukurti stiliaus kalbą. Išmokite stilizuoti skirtingus elementus
būsenose ir įvairiose situacijose (pavyzdžiui, priklausomai nuo jų tvarkos
išvaizda). Suvokti pagrindinius kūrimo principus ir įrankius
turimus tinklalapius.

1 sprintas: išdėstymas: semantika ir išdėstymas 

1 tema. Pakartojimas prieš pradedant

2 tema. Maketas – projektavimo tęsinys

3 tema. Pasiruošimas rašyti kodą

4 tema. Failai projekte

5 tema. Bashas ir Gitas. Pagrindai

6 tema. Šriftai ir tipografija

7 tema. Semantika 

8 tema. Pasauliniai atributai

9 tema. Flexbox išdėstymas

10 tema. Kaip pateikti projektavimo darbus

11 tema. Pozicionavimo elementai

12 tema. Tinklelio išdėstymas, 1 dalis

13 tema. Kodo stilius

14 tema. Komponentinis požiūris 

2 sprintas: išdėstymas: prieinamumas ir stilių organizavimo būdai

1 tema. Puslapio ir meta nustatymas

2 tema. Išorinis įdėtas turinys: vaizdo įrašas, iframe, API

3 tema. Bloko modelio papildymas

4 tema. Pseudoklasės ir pseudoelementai

5 tema. Prieinamumas

6 tema. Formos žymėjimas

7 tema. Nuostabūs rinkėjai 

8 tema. Stiliaus formos

9 tema. Lineriai, formatuotojai, automatika

10 tema. BEM, Atomic

11 tema. Išplėstinė Git ir Bash
6 savaites

+2 projektai portfelyje
Vieno puslapio svetainė „Tai tau“
būtina“.

Sukurkite savo pirmąjį
vieno puslapio svetainė.

CSS stilių rašymas
Programa „Look Out the Window“.

Šiame projekte dirbi tu
turi parašyti CSS
veikianti programa.

3 modulis Dizainas, adaptyvus išdėstymas, dekoravimas

Išmokite technikų rinkinį, kuris leis jums tinkamai rodyti
puslapių skirtinguose įrenginiuose ir su skirtingais nustatymais. Pasiruoškite
grafika darbui su skirtingais ekranais. Išmokite tvarkyti savo kodą
sukurti svetainės spalvų temą. Sutvarkykime dekoravimo priemones
savo puslapius. Gradientai, šešėliai, filtrai, maišymo režimai – viskas
Čia. Išmokite naudoti vektorinę grafiką puslapiuose ir
naudoti interaktyvius įrankius, integruotus į HTML.
Vyšna ant sprinto torto – puslapių animacija.

3 sprintas: išdėstymas: jautrumas ir grafika

1 tema. Prieigos

2 tema. Rastrinė grafika

3 tema. Tinkinti kintamieji

4 tema. Vienetai ir funkcijos

5 tema. Tinklelio išdėstymas, 2 dalis

6 tema. Sąsajos kūrimas skirtingiems įrenginiams

7 tema. Formatavimo automatizavimas ir klijavimas

8 tema. Postprocesoriai

9 tema. Git suaugusiems 

4 sprintas: Išdėstymas: apdaila, požiūriai ir įrankiai

1 tema. Naudojant SVG

2 tema. 2D transformacijos ir perėjimas

3 tema. Animacijos

4 tema. Dekoravimas

5 tema. 3D transformacija

6. Modaliniai langai

7 tema. Šablonų varikliai

8 tema. Preprocesoriai

9 tema. Dizaino pagrindai
6 savaites,

+2 projektai portfelyje
Pritaikoma svetainė su įvairiais
spalvų temos „Sudėtinga
susikaupti“.

Sukursite interaktyvią svetainę
įvairių spalvų temos,
kur renkami visokie šaunūs daiktai
darbo patarimai, kaip to nedaryti
prarasti koncentraciją.

Nuotaikos lenta

Interneto programa "Moodboard"
kuriuos renkate patys.
Rezultatas yra jūsų asmeninis
kelių žemėlapis su valstybėmis,
kuriame iki šiol lankėtės
išklausė šį kursą.

4 modulis Pagrindinis JavaScript

Apsvarstykite duomenų tipus, išmokite dirbti su sąlygomis, kilpomis
ir funkcijas. Išmokite DOM. Sužinokite, kaip pridėti maketą prie projekto
naudojant „JavaScript“ ir interaktyvumo įtraukimą į puslapį: sukurti
interaktyvias formas su duomenų patikrinimu ir darbu su pasirinktiniu
įvykius.

Sprint 5: JavaScript pagrindai: tipai, DOM pagrindai

1 tema. Prisiminti viską

2 tema. Kaip rasti problemų sprendimus?

3 tema. Primityvūs. Pradėti 

4 tema. Pristatome DOM

5 tema. „JavaScript“ derinimas
6 savaites

+1 projektas portfelyje

Sprint 6: JavaScript: darbas su duomenimis, masyvais, funkcijomis ir objektais

1 tema. Darbo su duomenimis metodai, sąlygos, ciklai 

2 tema. Elementų kūrimas, pridėjimas ir pašalinimas DOM 

3 tema. Masyvai

4 tema. Funkcijos 

5 tema. Objektai

6 tema. Komandinis darbas
1 edukacinis projektas

(iki galo)

5 modulis Išplėstinė JavaScript

Sužinokite, kaip rašyti modulinį kodą ir nustatyti infrastruktūrą
programas naudojant Webpack įrankį. Meistrų kompleksas

JavaScript kalbos koncepcijos, asinchronija ir duomenų mainai su serveriu.
Išmokite dirbti su vartotojo įvykiais ir bendrauti

su serveriu. Išmok asinchroninių ir sinchroninių operacijų, pažink vieni kitus

su pažado koncepcija.
„Sprint 7“: pasinerkite į „JavaScript“: kodo surinkimas, įvykių tvarkymas,
formos patvirtinimas ir darbas su API

1 tema. Sukurkite projektą. Webpack

2 tema. Moduliai JS

3 tema. Išplėstinė JavaScript. Asinchronija

4 tema. Renginių tvarkymas

5 tema. Darbas su formomis

6 tema. Formos patvirtinimas

7 tema. Darbas su API
3 savaitės,

+1 projektas portfelyje
Mesto

Sukurkite savo žiniatinklio paslaugą. Kaip
atrodo kaip Instagram
bus interaktyvus puslapis
su nuotraukomis. tau pavyks
nuo pradžios iki galo: pirmiausia viskas
įrašykite, tada parašykite
„JavaScript“ logika. Ar įgyvendinate?
formos patvirtinimas, pridėjimas,
ištrinti nuotraukas ir patinkančius mygtukus
jiems. Prijunkite savo projektą
į serverį ir jį priglobti
internete.

6 modulis TypeScript ir OOP

Susipažinkite su kita svarbia sąvoka: objektas
orientuotas programavimas (OOP). Išmok principų
programinės įrangos kūrimas ir darbas su aplinka. Taikykite OOP metodus
kuriant žiniatinklio sąsajas. Sužinokite apie loginį tęsinį
ir išplėsti JavaScript funkcionalumą TypeScript kalba. Mokytis
pritaikykite jį savo projektuose.

Sprint 8: TypeScript ir OOP

1 tema. Įvadas į TypeScript

2 tema. Objektinis programavimas

3 tema. „TypeScript“ pagrindai

4 tema. Išplėstinė TypeScript ir OOP

6 savaites

+2 projektai portfelyje
Sprint 9: OOP sąsajose: paprastos ir ne tik sąvokos

1 tema. Programinės įrangos kūrimo principai

2 tema. Darbas su aplinka

3 tema. OOP sąsajose

4 tema. OOP sąsajose: tęsinys
1 edukacinis projektas (skirtas
užbaigimas)

Vienas puslapis
internetinės parduotuvės programa „TypeScript“.
OOP stilius: plėtoti
internetinės parduotuvės frontend
„Web prekystalis“ su katalogu
prekės, krepšelis ir
dizaino funkcija
įsakymas. Viską suvokti
geriausioje OOP praktikoje
naudojant TypeScript.

Projekto mėnuo
Sukursite ir parašysite pagrindines vieno projekto funkcijas
iš užsakovo ir vienas edukacinis projektas.
1 mėnuo

7 modulio sąsajos naudojant React

Naršykite React biblioteką ir jos ekosistemą. Išmokite kurti
ir struktūra Reaguokite į projektus, kurkite komponentus ir valdykite
duomenų srautus. Išmok funkcinio požiūrio į „React“ kūrimą
ir išmokti rašyti efektyvų, produktyvų kodą naudojant kabliukus.
10 sprintas: Reagavimo pagrindai

1 tema. SPA koncepcija ir karkasai

2 tema. CRA. Projekto rengimas ir statyba

3 tema. JSX sintaksė

4 tema. Komponentai ir jų gyvavimo ciklas

5 tema. useState ir useEffect

6 tema. Reaguoti DevTools

7 tema. Importuoti modulius, CSS modulius

8 tema. Komponentų bibliotekos. Darbas izoliuotai. Pasakų knyga
3 savaitės,

+1 projektas portfelyje
1 edukacinis projektas (skirtas
užbaigimas)

8 modulis Maršrutas ir autorizacija

Išmokite dirbti su pasauline būsena ir API naudodami Redux.
Programoje sukurkite atskirus ekranus ir sukonfigūruokite maršrutą
naudojant react-router-dom, įskaitant dinamiškai sugeneruotus
maršrutai. Įdiekite įgaliojimą su žetonais ir apsaugotais maršrutais.

Sprint 11: Maršrutas ir autorizacija

1 tema. Pasaulinė valstybė

2 tema. Redux biblioteka

3 tema. Reaguoti maršrutizatorius

4 tema. Autorizacija
3 savaitės,

+1 projektas portfelyje

Žvaigždžių mėsainis:

Rašykite Stellar programas
Burger“ užsakyti maistą iš pagrindinės
puslapį ir asmeninę paskyrą,
sukurti „Redux“ saugyklą,
taip pat įgyvendinti maršrutą
ir leidimas.
9 modulis
„React“ programų testavimas
Išmokite pagreitinti „React“ programas, jas išbandyti,
pradėti gaminti ir išleisti savo nuotoliniame serveryje.

„Sprint 12“: „React“ programų testavimas 

1 tema. Optimizavimas (programos paspartinimas)

2 tema. React programų testavimas: Jest, Cypress

3 tema. Projekto paruošimas gamybai
3 savaitės,

+2 projektai portfelyje
1 edukacinis projektas (apverstas
užduotis)

Žvaigždžių mėsainis:

Dabar uždenkite savo
vieneto bandymo programa,
taip pat integracija
testai naudojant bibliotekas
Jest ir Cypress.
Lygiagretus modulis
Pagalba įsidarbinant
Karjeros kelias susideda iš dviejų etapų: užimtumo programos ir
pagreičio programos.

Užimtumo programa

Čia padėsime surinkti viską, ko reikia darbui
artefaktus ir įgyti reikiamų įgūdžių. Rašysite CV, surinksite
portfolio, parašyti motyvacinį laišką. Su mūsų parama
sukurti paieškos strategiją ir pasiruošti pokalbiams.

Pagreičio programa

Tai darbas lauke. Kreipsitės į laisvas vietas, rašykite
motyvacinius laiškus, atlikti testus ir eiti į pokalbius.
Greičiausiai sulauksite daug atsisakymų ir mes kartu išanalizuosime
klaidų, siekiant pagerinti rezultatus. Šis etapas baigiasi, kai jūs
Jūs gaunate darbo pasiūlymą, kurį sutinkate. Vidutiniškai tai
paieška trunka nuo vieno iki trijų mėnesių.

1 tema. Darbo rinka

2 tema. Darbas produktų komandoje

3 tema. Plėtros galimybės interneto svetainių kūrime

4 tema. Tikslo nustatymas ir santrauka

5 tema. Motyvacinis laiškas ir portfolio

6 tema. Darbo paieškos strategijos

7 tema. Artefaktų pritaikymas

8 tema. Darbo rinkos realijos, darbo paieškos sostinėje ir regionuose

9 tema. Interviu

10 tema. Pasiruošimas pokalbiui

11 tema. Aktyvaus pagreičio programa. Nuo atsakymo iki kvietimo iki
dirbti