Frontend utvecklare bootcamp - kurs 140 000 rub. från Yandex Workshop, utbildning 10 månader, datum 30 november 2023.

instagram viewer

HTML, CSS, JavaScript: introduktionsmodul

Du kommer att känna dig i rollen som utvecklare och förstå om du vill utvecklas i
denna riktning. Lär dig grundläggande HTML- och CSS-syntax. Lära sig
placera block på en webbsida, ändra teckensnitt och färger. Skriv en enkel
JavaScript-program och gör sidan interaktiv.

Ämne 1. Första koden 

Ämne 2. Vad är HTML och CSS

Ämne 3. Grundläggande CSS-egenskaper

Ämne 4. Mer CSS 

Ämne 5. JavaScript. Start

Ämne 6. JavaScript. Landar i verkligheten

Ämne 7. Om vad som händer härnäst

20 timmar

Hur går träningen till?
Du får lära dig hur programmet och utbildningen fungerar.

Granska de organisatoriska detaljerna.

Ämne 1. Vad händer sedan: inlärningsprocessen

Ämne 2. Moduler, deadlines och plagiat

Ämne 3. Om att flytta till en annan årskull

Ämne 4. Projektarbete och tilläggsprojekt

Ämne 5. Något om mjuka färdigheter

Ämne 6. Supportteam

Ämne 7. Kommunikation

Ämne 8. Regler

Ämne 9. Vad kommer att hända i slutändan

Ämne 10. Bekantskapen är över. Låt oss se till att vi förstår varandra rätt

Cirka 2 timmar
Modul 2
HTML och CSS: layout, tillgänglighet och interaktivitet
Lär dig att arbeta med typsnitt på webben. Du kommer att förstå hur man skriver kod,
korrekt för webbläsare och sökmotorer. Utforska alla sätt
organisera ramen för din sida. Lär dig att anpassa sidor
för sökrobotar. Du kommer att arbeta med video, ljud och annat
interaktiva sidelement. Du kommer att förstå hur och med vilka händelser
CSS kan fungera på sidan. Förstå vilka element som finns på sidan
kan skapa ett stilspråk. Lär dig att styla element i olika
stater och i olika situationer (till exempel beroende på ordningen på deras
utseende). Förstå de grundläggande principerna och verktygen för skapelsen
tillgängliga webbsidor.

Sprint 1: Layout: semantik och layout 

Ämne 1. Upprepning innan start

Ämne 2. Layout - fortsättning på design

Ämne 3. Förbereder sig för att skriva kod

Ämne 4. Filer i projektet

Ämne 5. Bash och Git. Grunderna

Ämne 6. Teckensnitt och typografi

Ämne 7. Semantik 

Ämne 8. Globala attribut

Ämne 9. Flexbox layout

Ämne 10. Hur man lämnar in designarbete

Ämne 11. Positioneringselement

Ämne 12. Rutnätslayout, del 1

Ämne 13. Codestyle

Ämne 14. Komponent tillvägagångssätt 

Sprint 2: Layout: tillgänglighet och metoder för att organisera stilar

Ämne 1. Ställa in sidan och meta

Ämne 2. Externt inbäddat innehåll: video, iframe, API

Ämne 3. Blockmodelltillägg

Ämne 4. Pseudo-klasser och pseudo-element

Ämne 5. Tillgänglighet

Ämne 6. Blankettmärkning

Ämne 7. Underbara väljare 

Ämne 8. Styling former

Ämne 9. Linters, formaterare, automation

Ämne 10. BEM, Atomic

Ämne 11. Avancerad Git och Bash
6 veckor

+2 projekt i portfölj
En sidas webbplats "Det är för dig"
nödvändig".

Skapa din första
webbplats på en sida.

Att skriva CSS-stilar för
"Titta ut genom fönstret"-applikationen.

I detta projekt arbetar du
måste skriva CSS för
kör applikation.

Modul 3 Design, adaptiv layout, dekoration

Lär dig en uppsättning tekniker som gör att du kan visa korrekt
sidor på olika enheter och med olika inställningar. Förbereda
grafik för att arbeta med olika skärmar. Lär dig att organisera din kod
för att skapa ett färgtema för webbplatsen. Låt oss reda ut dekorationsverktygen
dina sidor. Gradienter, skuggor, filter, blandningslägen - det är allt
Här. Lär dig använda vektorgrafik på sidor och
använda interaktiva verktyg som är inbyggda i HTML.
Pricken över i: et på sprintkakan är sidanimationer.

Sprint 3: Layout: lyhördhet och grafik

Ämne 1. Närmar sig

Ämne 2. Raster grafik

Ämne 3. Anpassade variabler

Ämne 4. Enheter och funktioner

Ämne 5. Rutnätslayout, del 2

Ämne 6. Gränssnittsutveckling för olika enheter

Ämne 7. Formateringsautomation och linting

Ämne 8. Postprocessorer

Ämne 9. Git för vuxna 

Sprint 4: Layout: dekoration, tillvägagångssätt och verktyg

Ämne 1. Använder SVG

Ämne 2. 2D-transformationer och övergång

Ämne 3. Animationer

Ämne 4. Dekoration

Ämne 5. 3D-transformation

6. Modala fönster

Ämne 7. Mallmotorer

Ämne 8. Förprocessorer

Ämne 9. Grundläggande design
6 veckor,

+2 projekt i portfölj
Adaptiv hemsida med olika
färgteman ”Komplicerat
koncentrera."

Du kommer att skapa en responsiv webbplats i
olika färgteman,
där alla möjliga häftiga saker samlas
arbetstips om hur man inte gör det
tappa koncentrationen.

Humör bräda

Webbapplikation "Moodboard"
som du hämtar själv.
Resultatet är ditt personliga
färdplan med stater,
som du har besökt hittills
tog den här kursen.

Modul 4 Grundläggande JavaScript

Tänk på datatyper, lär dig att arbeta med villkor, loopar
och funktioner. Lär dig DOM. Lär dig hur du lägger till layout till ett projekt
använda JavaScript och lägga till interaktivitet på sidan: skapa
interaktiva formulär med dataverifiering och arbete med anpassade
evenemang.

Sprint 5: JavaScript Basics: Typer, DOM Basics

Ämne 1. Kom ihåg allt

Ämne 2. Hur hittar man lösningar på problem?

Ämne 3. Primitiver. Start 

Ämne 4. Vi presenterar DOM

Ämne 5. Felsökning av JavaScript
6 veckor

+1 projekt i portfölj

Sprint 6: JavaScript: arbeta med data, arrayer, funktioner och objekt

Ämne 1. Metoder för att arbeta med data, förhållanden, kretslopp 

Ämne 2. Skapa, lägga till och ta bort element i DOM 

Ämne 3. Matriser

Ämne 4. Funktioner 

Ämne 5. Föremål

Ämne 6. Lagarbete
1 pedagogiskt projekt

(till slut)

Modul 5 Avancerat JavaScript

Lär dig hur du skriver modulär kod och konfigurerar infrastruktur
applikationer med hjälp av verktyget Webpack. Mästarkomplex

JavaScript-språkkoncept, asynkroni och datautbyte med servern.
Lär dig arbeta med användarhändelser och interagera

med servern. Lär dig asynkrona och synkrona operationer, lär känna varandra

med Promise-konceptet.
Sprint 7: Dyk in i JavaScript: kodmontering, händelsehantering,
formulärvalidering och arbeta med API

Ämne 1. Bygg projektet. Webpack

Ämne 2. Moduler i JS

Ämne 3. Avancerat JavaScript. Asynkroni

Ämne 4. Eventhantering

Ämne 5. Arbeta med formulär

Ämne 6. Formulärvalidering

Ämne 7. Arbeta med API
3 veckor,

+1 projekt i portfölj
Mesto

Skapa din egen webbtjänst. Hur
det ser ut som Instagram
det kommer att finnas en interaktiv sida
med foton. du kommer att klara det
från början till slut: först allt
skriv det och skriv det sedan
logik i JavaScript. Implementerar du?
formulärvalidering, tillägg,
radera bilder och gilla-markeringar
till dem. Anslut ditt projekt
till servern och värd för den
på internet.

Modul 6 TypeScript och OOP

Bli bekant med ett annat viktigt begrepp: objekt
orienterad programmering (OOP). Lär dig principerna
mjukvaruutveckling och arbete med miljön. Tillämpa OOP-tekniker
i utvecklingen av webbgränssnitt. Lär dig mer om logisk fortsättning
och utöka funktionaliteten hos JavaScript i TypeScript-språket. Lära sig
tillämpa det i dina projekt.

Sprint 8: TypeScript och OOP

Ämne 1. Introduktion till TypeScript

Ämne 2. Objektorienterad programmering

Ämne 3. Grunderna i TypeScript

Ämne 4. Avancerat TypeScript och OOP

6 veckor

+2 projekt i portfölj
Sprint 9: OOP i gränssnitt: enkelt och inte bara koncept

Ämne 1. Principer för mjukvaruutveckling

Ämne 2. Att arbeta med miljön

Ämne 3. OOP i gränssnitt

Ämne 4. OOP i gränssnitt: fortsättning
1 utbildningsprojekt (för
komplettering)

En sida
onlinebutiksapplikation i TypeScript
OOP-stil: Utveckla
nätbutikens frontend
"Webbstall" med katalog
varor, korg och
designfunktion
beställa. Inse allt
i OOP bästa praxis
med TypeScript.

Projektmånad
Du kommer att designa och skriva den grundläggande funktionaliteten i ett projekt
från kunden och ett utbildningsprojekt.
1 månad

Modul 7 Gränssnitt som använder React

Utforska React-biblioteket och dess ekosystem. Lär dig skapa
och strukturera Reagera projekt, skapa komponenter och hantera
dataströmmar. Lär dig ett funktionellt förhållningssätt till React-utveckling
och lär dig att skriva effektiv, produktiv kod med hjälp av krokar.
Sprint 10: React Basics

Ämne 1. SPA koncept och ramar

Ämne 2. CRA. Att sätta upp och bygga projektet

Ämne 3. JSX syntax

Ämne 4. Komponenter och deras livscykel

Ämne 5. useState och useEffect

Ämne 6. Reager DevTools

Ämne 7. Importera moduler, CSS-moduler

Ämne 8. Komponentbibliotek. Arbetar isolerat. Sagobok
3 veckor,

+1 projekt i portfölj
1 utbildningsprojekt (för
komplettering)

Modul 8 Routing och auktorisering

Lär dig att arbeta med globala tillstånd och API: er med Redux.
Skapa individuella skärmar i applikationen och konfigurera routing
använder react-router-dom, inklusive dynamiskt genererade sådana
rutter. Implementera auktorisation med tokens och skyddade rutter.

Sprint 11: Routing och auktorisering

Ämne 1. Global stat

Ämne 2. Redux bibliotek

Ämne 3. Reager Router

Ämne 4. Tillstånd
3 veckor,

+1 projekt i portfölj

Stellar Burger:

Skriv Stellar-applikationer
Burger" för att beställa mat från huvudet
sida och personligt konto,
skapa en Redux-lagring,
och även implementera routing
och auktorisation.
Modul 9
Testa React-applikationer
Lär dig att snabba upp React-applikationer, testa dem,
ta dem i produktion och släpp dem på din egen fjärrserver.

Sprint 12: Testa React-applikationer 

Ämne 1. Optimering (påskynda applikationen)

Ämne 2. Testa React-applikationer: Jest, Cypress

Ämne 3. Förbereda projektet för produktion
3 veckor,

+2 projekt i portfölj
1 utbildningsprojekt (omvänt
uppgift)

Stellar Burger:

Täck nu ditt
enhetstestapplikation,
samt integration
tester med hjälp av bibliotek
Jest och Cypress.
Parallell modul
Anställningshjälp
Karriärspåret består av två steg: sysselsättningsprogrammet och
accelerationsprogram.

Sysselsättningsprogram

Här hjälper vi dig att samla allt du behöver för anställning
artefakter och skaffa de nödvändiga färdigheterna. Du kommer att skriva ett CV, samla
portfolio, skriv ett motivationsbrev. Med vårt stöd
utveckla en sökstrategi och förbereda för intervjuer.

Accelerationsprogram

Detta är arbete på fältet. Du kommer att söka lediga tjänster, skriv
följebrev, ta prov och gå på intervjuer.
Troligtvis kommer du att få många avslag och vi analyserar det tillsammans
misstag för att förbättra resultaten. Detta steg slutar när du
Du får ett jobberbjudande som du accepterar. I genomsnitt detta
sökningen tar från en till tre månader.

Ämne 1. Arbetsmarknad

Ämne 2. Arbeta i ett produktteam

Ämne 3. Utvecklingsmöjligheter inom webbutveckling

Ämne 4. Målsättning och sammanfattning

Ämne 5. Motivationsbrev och portfolio

Ämne 6. Strategier för jobbsökning

Ämne 7. Artefaktanpassning

Ämne 8. Verkligheten på arbetsmarknaden, jobbsökande i huvudstaden och i regionerna

Ämne 9. Intervjuer

Ämne 10. Förbereder för en intervju

Ämne 11. Aktivt accelerationsprogram. Från svar på inbjudan till
arbete