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

Frontend najczęściej wybierane

React

React to najpopularniejsza biblioteka JavaScript pozwalająca na tworzenie aplikacji dla przeglądarek, urządzeń mobilnych a także aplikacji desktopowych.

Czas trwania
32h · 4 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Dla programistów tworzących strony internetowe, którzy chcą nauczyć się wykorzystywać React i nowoczesne wzorce JavaScript do tworzenia interaktywnych aplikacji internetowych.
2 Dla osób, które chcą obrać nową ścieżkę kariery, lub znają już inne popularne biblioteki i chcą zwiększyć swoją szansę na rynku pracy.
3 Dla programistów, którzy uczyli się React na własną rękę, ale potrzebują uporządkowania wiedzy.
Efekty po programie

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

✓

tworzyć interaktywne aplikacje wykorzystujące React

✓

skutecznie komunikować się z backendem w celu pobrania i przesłania danych

✓

połączyć React z popularnymi bibliotekami do routingu, zarządzania stylami

✓

pisać testowalne i łatwe do utrzymania aplikacje

✓

używać TypeScript w aplikacjach React

✓

zarządzać stanem globalnym z wykorzystaniem Redux

✓

testować aplikacje (Jest, React Testing Library, Cypress)

Program · 12 modułów

Co konkretnie robimy

Dzień 1

M01
Wstęp
  • · Wprowadzenie do narzędzi i opis środowiska (vite)
  • · Opis struktury folderów oraz wyjaśnienie jak działa React
  • · Tworzenie produkcyjnej wersji aplikacji
M02
Podstawy renderowania
  • · Wprowadzenie do JSX
  • · Definiowanie komponentów
  • · Renderowanie warunkowe
  • · Renderowanie kolekcji
  • · Obsługa zdarzeń
M03
Stylowanie
  • · CSS modules
  • · CSS in JS (styled-components)
  • · Porównanie stylowania

Dzień 2

M04
Podstawy zarządzania stanem
  • · React hooks (state, effect)
  • · Zarządzanie lokalnym stanem komponentu
  • · Cykl życia komponentu
M05
Formularze
  • · Obsługa formularzy poprzez komponenty kontrolowane
  • · Podstawy react-hook-form
M06
Zdarzenia asynchroniczne
  • · Obsługa zdarzeń asynchronicznych (komunikacja z REST API poprzez fetch API)
  • · Wprowadzenie do react-query
M07
Praca z wieloma komponentami
  • · Routing (react-router-dom)
  • · Kompozycja komponentów w drzewie Virtual DOM
M08
Zarządzanie stanem poza komponentami
  • · Komunikacja między komponentami poprzez props
  • · React context

Dzień 3

M09
Statyczne typowanie
  • · Iteracyjne wprowadzanie kodu TypeScriptowego
  • · Wprowadzenie do Typescript
  • · Typowanie zdarzeń
  • · Typowanie interfejsu komponentów
  • · Typowanie kodu zarządzającego stanem
  • · Rozwiązywanie problemów z nieotypowanymi bibliotekami w TypeScript
M10
Architektura aplikacji oraz podsumowanie podstaw Reacta
  • · Przegląd praktyk związanych ze strukturą modułów w projekcie
  • · Stworzenie aplikacji zawierającej poznany materiał

Dzień 4

M11
Redux
  • · Wprowadzenie do koncepcji Reduksa (state, action, reducer)
  • · Globalne zarządzanie stanem z wykorzystaniem biblioteki Redux
M12
Testowanie
  • · Testy jednostkowe z wykorzystaniem biblioteki Jest i react-testing-library
  • · Testy integracyjne z wykorzystaniem biblioteki Cypress i cypress-testing-library
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 →