To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

JavaScript i front-end dla back-endowców

Piszesz w JS tylko wtedy, gdy musisz?

Czas trwania
16h · 2 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Back-endowcy, którzy kiedyś dotykali front-endu
2 Back-endowcy, którzy chcą zobaczyć „o co chodzi” we front-endzie
3 Front-endowcy, którzy nie znają TypeScripta, Reacta
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

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 · 6 modułów

Co konkretnie robimy

M01
Moduł 1: Narzędzia
  • · Środowisko uruchomieniowe – Node.js
  • · Repozytorium rozwiązań – npm
  • · Problemy npm-a
  • · Analiza kodu – ESLint, Prettier
  • · Modularyzacja
  • · Module bundler – webpack
  • · Testy jednostkowe – Jest
M02
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
M03
Moduł 3: TypeScript
  • · Dodanie do istniejącego projektu
  • · tsconfig
  • · Interfejsy, type
  • · Duck typing
  • · @types
  • · Typy generyczne
  • · Unie typów
M04
Moduł 4: Bezbolesny CSS
  • · Porady praktyczne
  • · Przenoszenie stylu z istniejącej strony
  • · Centrowanie elementów, flex
  • · Frameworki CSS

Moduł 5: Frameworki JS

M05
Moduł 5: Frameworki JS
  • · Chaos w JS?
  • · Angular vs. React vs. Vue
  • · Czego NIE używać?
M06
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
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

40h · 5 dni →
Frontend

Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h · 4 dni →
Frontend

Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h · 3 dni →