Fullstack JavaScript developer - kurz 59 200 RUB. z Innopolis University, školení 4 měsíce

já Úvodní. Toolkit, git, nastavení projektu

V prvním bloku poskytneme všem účastníkům kurzu sadu nástrojů nezbytných k postupu v tématech. Proběhnou individuální instalační konzultace, při kterých určíme individuální cíle kurzu na základě vašich zkušeností s osobním rozvojem. Výsledkem tohoto bloku je, že se naučíte, jak samostatně nakonfigurovat sestavení SPA aplikace s libovolným CSS preprocesorem pomocí webpacku. A také získat základní znalosti o jazyce Typescript a vlastnostech jeho konfigurace a použití.

— V první lekci vám ukážeme potřebnou sadu nástrojů, jak je nainstalovat a nakonfigurovat. Naučíte se, jak nastavit sestavení projektu React od začátku.

— Seznamte se se základy jazyka Typescript a jeho odlišnostmi od JavaScriptu.

II. Reagovat

Během druhého bloku se vytvoří týmy, konzultace přejdou na týmové porady. Na takových schůzkách rozhodneme o projektu, utvoříme sadu funkčnosti, která bude naším cílem pro kurz. Vytvoříte rozvržení a na konci bloku budete mít rozvržené všechny stránky týmového projektu v Reactu.

— Pojďme se seznámit s historií vzniku webových frameworků, probrat výhody a nevýhody Reactu a začít vyvíjet první komponenty v Reactu.

— Pojďme si prostudovat osvědčené postupy pro organizaci struktury aplikace React. Pojďme se vrhnout na detaily vykreslování komponent React. Začněme používat moderní přístup CSS-IN-JS ke stylování komponent React založených na styled-components.

— Pojďme se naučit, jak správně pracovat s hlavními komponentami komponent React – Props a State, což pomůže přidat komponentám flexibilitu. Pojďme zjistit správnou metodu interakce s prvky DOM z komponent React.

— Pokračujme ve studiu React API, podíváme se na způsoby interakce s podřízenými komponentami a naučíme se, jak se vyhnout problému nekonečných rekvizit pomocí kontextu. Pojďme se podívat na alternativní přístup k rozšíření možností komponenty React.

— Pojďme analyzovat životní cyklus komponenty, pochopit, jak ji implementovat, což nám umožní obohatit komponenty o nové typy logiky.

— Pojďme pochopit, jak se React dokázal zcela posunout od třídních komponent k funkčním pomocí nového vzoru Hooks. Pojďme se seznámit se základními háčky Reactu.

— Zjistíme, jak přesně funguje přepínání mezi stránkami bez opětovného načítání, a také do práce implementujeme React-Router.

— Pojďme se naučit, jak vyvíjet vícejazyčné aplikace React.

— Podívejme se na způsoby, jak zavést flexibilitu ve stylování rozhraní, práci s motivy (například světlo/tma), práci s ikonami a animacemi pomocí loty jako příkladu.

III. Nodejs

V tomto kroku implementujete svůj server do Node.js pomocí knihovny Express.js. Implementace API pro týmový projekt. Naučte se pracovat v programu pošťák. Naučte se základy používání obrazu dockeru na příkladu práce s databází Mongodb.

— Úvod do Node.js, jeho historie a základy správce balíčků.

— Zjistěte, jak Node.js pracuje se soubory, jak se vytvářejí a publikují moduly, a seznamte se s funkcemi tohoto procesu.

— Naučte se stavět server na Node.js pomocí frameworku Express.js.

— Pokračujeme ve studiu funkcí serveru na Express.js.

IV. Redux

Po dokončení tohoto bloku pochopíte, jak probíhá interakce s backendovým API v moderní aplikaci React. Naučte se vyvíjet a spravovat stub stub pro místní vývoj, naučte se vytvořit konfigurovatelnou mikrofrontendovou aplikaci pro práci se skutečným serverem.

— Abychom do hloubky pochopili, jak funguje správce stavu Redux, napíšeme si vlastní verzi a pochopíme základy používání Reduxu.

— Podívejme se v praxi, jak a proč se Redux používá ve své klasické podobě.

— Osvojte si používání a pochopte koncept selektorů s háčky a bez nich.

— Na základě předchozích poznatků uvažujme o modernějším využití Reduxu díky knihovně @reduxjs/toolkit.

— Pojďme pochopit složitost práce se serverem a místo Reduxu v tomto procesu.

PROTI. Žert

V tomto bloku prozkoumáme, jak a proč testovat webovou aplikaci. Dozvíte se, jak otestovat svou aplikaci a zvýšit pokrytí testováním kódu na průmyslový standard 80 %. Naučíte se principy testování aplikací na příkladu knihovny Jest.

— Pojďme se bavit o tom, proč je vůbec potřeba psát testy a jak to udělat rychle a efektivně.

— Zvládněte od nuly nastavení testovacího rámce Jest.

— Pokračování předchozího tématu se zaměřením na Unit testing.

— Uvidíte, jak do projektu přidat testy uživatelského rozhraní.

VI. Jednostránková aplikace

V tomto bloku prozkoumáme technologie, které budou použity ve všech moderních webových aplikacích a budou dostupné po odstranění podpory z Internet Exploreru. Stalo se tak 15. června 2022.

— Pojďme se seznámit s myšlenkou jednostránkové aplikace.

— Pojďme zjistit, jak napsat vlastní knihovnu komponent.

— Pojďme zvládnout multithreading na Node.js.

— Pojďme napsat chat na webové zásuvce. Ve třídě ho hacknete vlastníma rukama a také se naučíte, jak se takovým útokům bránit.

— Podívejme se na vytvoření vlastního videochatu pro dva.

— Pojďme se seznámit se základy nastavení serveru na Nginx a vyvažování. Naučíme se také, jak propojit vyhledávače s naší aplikací SPA.

Obhajoba závěrečného projektu