- Środowisko uruchomieniowe – Node.js
- Repozytorium rozwiązań – npm
- Problemy npm-a
- Analiza kodu – ESLint, Prettier
- Modularyzacja
- Module bundler – webpack
- Testy jednostkowe – Jest
Szkolenie Front-end dla back-endowców
Poziom
PodstawowyCzas
16h / 2 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie Front-end dla back-endowców
Piszesz w JS tylko wtedy, gdy musisz? Ostatni framework javascriptowy, jakiego używałeś to jQuery? Nie słyszałeś o słowie kluczowym class w JavaScript’cie? Brakuje Ci statycznego typowania? A może po prostu chciałbyś podszkolić się we front-endach?
Dla kogo jest szkolenie Front-end dla back-endowców
Back-endowcy, którzy kiedyś dotykali front-endu
Back-endowcy, którzy chcą zobaczyć „o co chodzi” we front-endzie
Front-endowcy, którzy nie znają TypeScripta, Reacta
Czego się nauczysz na szkoleniu Front-end dla back-endowców
-
Poznasz rzeczy, które zmieniły JavaScript – Node, ES6
-
Użyjesz CSS-a i zobaczysz, że nie jest to aż tak straszne
-
Zobaczysz jak programować obiektowo w JS – jak działają klasy i dziedziczenie
-
Zaczniesz używać statycznego typowania w JS, dzięki magii języka TypeScript
-
Poznasz podstawy najpopularniejszej obecnie biblioteki React
Program szkolenia Front-end dla back-endowców
Moduł 1: Narzędzia
Moduł 2: JavaScript
- ES6, ES6+
- Destrukturyzacja (tablice, obiekty), spread
- Deklarowanie zmiennych
- Event Loop
- this
- Klasy, dziedziczenie
- DOM API, Web components
- fetch, Promise
- async/await
- Kolekcje: obiekty, tablice, Map, Set
Moduł 3: TypeScript
- Dodanie do istniejącego projektu
- tsconfig
- Interfejsy, type
- Duck typing
- @types
- Typy generyczne
- Unie typów
Moduł 4: Bezbolesny CSS
- Porady praktyczne
- Przenoszenie stylu z istniejącej strony
- Centrowanie elementów, flex
- Frameworki CSS
Moduł 5: Frameworki JS
- Chaos w JS?
- Angular vs. React vs. Vue
- Czego NIE używać?
Moduł 6: React
- Początek w projekcie
- Komponenty
- JSX
- Rodzaje komponentów
- Ewolucja – funkcje symulujące klasy -> klasy -> funkcje z haczykami
- Testy komponentu
- Cykl życia komponentu
- Stan komponentu a stan aplikacji
- Context
- Router
Pobierz program
Pobierz szczegółowy program w PDF, żeby dowiedzieć się więcej o godzinach i tematach zajęć.