Development in React - bezplatný kurz od ThinkNetica, školenie 9 týždňov, dátum 28. novembra 2023.
Rôzne / / November 30, 2023
Základ a ekosystém
Osvojíte si základné princípy a princípy Reactu, ako aj najpopulárnejšie riešenia v jeho ekosystéme.
Podrobná kontrola kódu
Mentori skontrolujú každú vašu úlohu, urobia podrobnú kontrolu kódu, poskytnú odporúčania kódu a odpovedia na otázky.
Najlepšie postupy
Pochopíte, ako a ako nepoužívať React a iné knižnice, pochopíte klady a zápory rôznych riešení a naučíte sa aplikovať osvedčené postupy a prístupy.
Spoločenstva
Študovať sám je ťažké a nudné, takže v tom nebudete sami! Fórum, chat, webináre a množstvo ďalších spôsobov, ako získať pomoc a podporu a jednoducho komunikovať s podobne zmýšľajúcimi ľuďmi.
Projekt
Intenzívna prax vám umožní v krátkom čase upevniť nadobudnuté vedomosti a zrealizovať váš plnohodnotný projekt v Reacte.
Učenie vlastným tempom
Môžete absolvovať lekcie a dokončiť úlohy podľa vlastného uváženia a úplne vlastným tempom. Hlavné je dodržať celkový termín kurzu.
1. Máte aspoň 6 mesiacov skúseností s vývojom webu v akomkoľvek jazyku/technológii (frontend alebo backend)
2. Dobrá znalosť Javascriptu
3. Rozumieť prevádzke OOP, HTTP, DOM a prehliadača
4. Viete, ako pracovať s Git a GitHub
Systémový programátor a vývojár Fullstack od roku 2009
Profesionálne záujmy: JavaScript, React, Redux, DevOps, Microservices, High-load systémy.
Vyškolený React pre viac ako 100 vývojárov
Riadi vývoj firemných CRM/ERP systémov, rezervačných systémov (stolica-banketov.ru, sanatorex.ru, pogostim.com) a interné systémy (backoffice, telefonovanie, cloudové systémy) a iné Produkty.
Podieľal sa na vývoji projektov pre moskovskú vládu ( http://mosopenchallenge.ru/)
Riadil vývoj stránky pogostim.com - víťaz súťaže „Najlepší IT projekt roka“ na celoruskej súťaži „Mladé inovatívne Rusko“
Spoluzakladateľ herného štúdia. Vývoj a podpora populárnych spoločenských hier s publikom viac ako 1 milión hráčov. Ľudské.
1. Predstavujeme React
Komplexný prehľad Reactu a jeho ekosystému. Zoznámime sa so základnými pojmami, základnými princípmi, konfiguráciou prostredia, konceptom komponentu a jeho typmi, JSX.
2. Spôsoby vytvorenia aplikácie React
Poďme sa naučiť, ako vytvárať aplikácie rôznymi spôsobmi a nástrojmi (od začiatku, pomocou Webpack a Babel. JS / Vytvoriť aplikáciu React / Ďalej. JS / Gatsby), s vykresľovaním na strane servera a bez neho.
3. Štýly v aplikácii React
Poďme sa naučiť, ako nastaviť štýly pre aplikáciu React a spravovať ich pomocou moderných nástrojov (PostCSS, styled-components, styled-jsx).
4. Vlastnosti a stav komponentov
Poďme preskúmať koncept vlastností v komponentoch. Poďme sa naučiť, ako ich preniesť a vykonať kontrolu typu. Poďme pochopiť koncept a vlastnosti použitia stavu komponentu (stavu).
5. Stavové a bezstavové komponenty
Predstavme si koncept bezstavového komponentu a naučte sa výhody používania tohto prístupu.
6. Životný cyklus komponentov
Poďme študovať prvky životného cyklu komponentov a naučiť sa ich používať v praxi.
7. Vstavané a vlastné háčiky (React Hooks)
Poďme zhromaždiť postupy na používanie nového nástroja v knižnici React na zlepšenie čitateľnosti a opätovného použitia v kóde.
8. Testovanie pomocou knižnice Jest a React Testing Library
Pri vývoji aplikácie budeme písať testy pre naše komponenty pomocou Jest a React Testing Library.
9. Interakcia s API
Vyvinieme aplikáciu, ktorá bude interagovať s externými API, bude prijímať a odosielať dáta cez API a zobrazovať ich na frontende.
10. Smerovanie v aplikácii (React Router), portály (React Portals)
Poďme sa naučiť, ako priradiť adresu URL a vykresliť požadovanú stránku bez opätovného načítania, ako by to malo fungovať v aplikácii na jednu stránku. Budeme analyzovať zložité prípady, ako je spracovanie prichádzajúcich parametrov, presmerovaní, chybových stránok, autorizovaného prístupu a modálnych okien pomocou portálov
11. Spracovanie udalostí
Predstavme si koncept syntetických udalostí v knižnici React. Naučme sa ich spracovať, implementovať drag'n'drop a naučiť sa pracovať so schránkou.
12. Kontext a autentifikácia
Pozrime sa bližšie na nový kontextový mechanizmus v knižnici React. Poďme sa naučiť, ako ho efektívne využiť v aplikácii. Poďme sa naučiť pracovať s autentifikáciou, localStorage a cookies.
13. Spôsoby vytvárania formulárov
Naučíme sa nuansy vytvárania jednoduchých a zložitých formulárov pre aplikáciu pomocou rôznych prístupov a nástrojov (bez nástrojov tretích strán, React Hook Form, Formik)
14. Výrobná montáž a nasadenie
Workshop o organizácii súborovej štruktúry projektu, nastavení prostredia a príprave montáže a nasadenia aplikácie s následnou podporou.
Voliteľné. Redux
Deklaratívne prístupy a middleware. Aplikácia Reduxu v projekte.