Fullstack JavaScript developer - kurz 59 200 RUB. z Innopolis University, tréning 4 mesiace
Rôzne / / November 27, 2023
Osvojíte si celý cyklus tvorby webových stránok a stanete sa univerzálnym špecialistom. S týmito znalosťami si môžete zvýšiť plat ako vývojár Fullstacku alebo vytvárať webové stránky ako freelancer.
Naučíte sa vytvárať komplexné interaktívne rozhrania a pracovať s frameworkami, zdokonalíte si soft skills, získajte odborné rady pre kariérny rast, aby ste sa mohli pustiť do drahých projektov a pochopili, kam ísť ďalej. Školenie prebieha formou živých webinárov s lektorom a skupinových konzultácií s mentorom.
— Celý proces vytvárania aplikácie od štádia koncepcie a výkresov až po vydanie prvej pracovnej verzie;
— Technika vývoja Micro Frontend.
— Budete mať vlastnú aplikáciu MVP, ktorú budete vyvíjať v tíme pod vedením učiteľa;
— Budete rozumieť backendovým a frontendovým komponentom produktu a budete tiež vedieť samostatne navrhnúť a naprogramovať webovú aplikáciu.
ja Úvodná. Toolkit, git, nastavenie projektu
V prvom bloku poskytneme všetkým účastníkom kurzu súbor nástrojov potrebných na postup v témach. Uskutočnia sa individuálne montážne konzultácie, počas ktorých určíme individuálne ciele kurzu na základe vašich skúseností s osobným rozvojom. Výsledkom tohto bloku je, že sa naučíte, ako samostatne nakonfigurovať zostavu aplikácie SPA s ľubovoľným preprocesorom CSS pomocou webpacku. A tiež získajte základné znalosti o jazyku Typescript a vlastnostiach jeho konfigurácie a používania.
— V prvej lekcii vám ukážeme potrebnú sadu nástrojov, ako ich nainštalovať a nakonfigurovať. Naučíte sa, ako nastaviť zostavenie projektu React od začiatku.
— Zoznámte sa so základmi jazyka Typescript a jeho rozdielmi od JavaScriptu.
II. Reagovať
Počas druhého bloku sa vytvoria tímy, konzultácie prejdú na tímové stretnutia. Na takýchto stretnutiach rozhodneme o projekte, vytvoríme sadu funkcionality, ktorá bude naším cieľom na kurze. Vypracujete rozloženia a na konci bloku budete mať rozložené všetky stránky tímového projektu v Reacte.
— Poďme sa zoznámiť s históriou vzniku webových rámcov, prediskutujeme výhody a nevýhody Reactu a začneme s vývojom prvých komponentov v Reacte.
— Preštudujme si najlepšie postupy na organizáciu štruktúry aplikácie React. Poďme sa ponoriť do detailov vykresľovania komponentov React. Začnime používať moderný prístup CSS-IN-JS na styling komponentov React založených na styled-components.
— Naučme sa, ako správne pracovať s hlavnými komponentmi komponentov React – Props a State, čo pomôže pridať komponentom flexibilitu. Poďme zistiť správnu metódu interakcie s prvkami DOM z komponentov React.
— Pokračujme v štúdiu rozhrania React API, pozrime sa na spôsoby interakcie s detskými komponentmi a naučme sa, ako sa vyhnúť problémom s nekonečnými rekvizitami pomocou kontextu. Poďme sa pozrieť na alternatívny prístup k rozšíreniu možností komponentu React.
— Poďme analyzovať životný cyklus komponentu, pochopiť, ako ho implementovať, čo nám umožní obohatiť komponenty o nové typy logiky.
— Poďme pochopiť, ako sa React dokázal úplne posunúť od komponentov triedy k funkčným pomocou nového vzoru Hooks. Poďme sa zoznámiť so základnými háčikmi Reactu.
— Zistíme, ako presne funguje prepínanie medzi stránkami bez opätovného načítavania, a tiež implementujeme React-Router do práce.
— Poďme sa naučiť, ako vyvíjať viacjazyčné aplikácie React.
— Pozrime sa na spôsoby zavedenia flexibility do štýlu rozhrania, práce s témami (napríklad svetlá/tmavá), práce s ikonami a animáciami pomocou loty ako príkladu.
III. Nodejs
V tomto kroku implementujete svoj server do Node.js pomocou knižnice Express.js. Implementácia API pre tímový projekt. Naučte sa pracovať v programe poštár. Naučte sa základy používania docker image na príklade práce s databázou Mongodb.
— Úvod do Node.js, jeho história a základy správcu balíkov.
— Zistite, ako Node.js pracuje so súbormi, ako sa vytvárajú a publikujú moduly a zoznámte sa s funkciami tohto procesu.
— Naučte sa zostavovať server na Node.js pomocou rámca Express.js.
— Pokračujeme v štúdiu funkcií servera na Express.js.
IV. Redux
Po dokončení tohto bloku pochopíte, ako prebieha interakcia s backendovým API v modernej aplikácii React. Naučte sa vyvíjať a spravovať stub stub pre lokálny vývoj, naučte sa, ako vytvoriť konfigurovateľnú mikrofrontendovú aplikáciu pre prácu so skutočným serverom.
— Aby sme do hĺbky pochopili, ako funguje správca štátu Redux, napíšme si vlastnú verziu a pochopme základy používania Reduxu.
— Pozrime sa v praxi, ako a prečo sa Redux používa vo svojej klasickej forme.
— Zvládnite používanie a pochopte koncept selektorov s háčikmi a bez nich.
— Na základe doterajších poznatkov uvažujme o modernejšom využití Reduxu vďaka knižnici @reduxjs/toolkit.
— Poďme pochopiť zložitosť práce so serverom a miesto Reduxu v tomto procese.
V. Jest
V tomto bloku preskúmame, ako a prečo testovať webovú aplikáciu. Dozviete sa, ako otestovať svoju aplikáciu a zvýšiť pokrytie testovaním kódu na priemyselný štandard 80 %. Ako príklad sa naučíte princípy testovania aplikácií pomocou knižnice Jest.
— Poďme si povedať, prečo vôbec potrebujete písať testy a ako to urobiť rýchlo a efektívne.
— Zvládnite nastavenie testovacieho rámca Jest od začiatku.
— Pokračovanie predchádzajúcej témy so zameraním na testovanie jednotiek.
— Uvidíte, ako do projektu pridať testy používateľského rozhrania.
VI. Jednostránková aplikácia
V tomto bloku preskúmame technológie, ktoré budú použité vo všetkých moderných webových aplikáciách a budú dostupné po odstránení podpory z Internet Explorera. Stalo sa tak 15. júna 2022.
— Zoznámime sa s myšlienkou jednostránkovej aplikácie.
— Poďme zistiť, ako napísať vlastnú knižnicu komponentov.
— Poďme zvládnuť multithreading na Node.js.
— Napíšme si chat na webovú zásuvku. Na hodine ho hacknete vlastnými rukami a tiež sa naučíte, ako sa takýmto útokom brániť.
— Pozrime sa na vytvorenie vlastného videorozhovoru pre dvoch.
— Poďme sa zoznámiť so základmi nastavenia servera na Nginx a vyvážením. Dozvieme sa tiež, ako prepojiť vyhľadávače s našou aplikáciou SPA.
Obhajoba záverečného projektu