CZĘŚĆ 1a · 60 GODZIN DYDAKTYCZNYCH

WebCraft Pro — Programowanie zaawansowanych aplikacji webowych

Praktyczna ścieżka full-stack prowadząca od responsywnego interfejsu przez React i REST API do bezpiecznego wdrożenia kompletnej aplikacji.

Zobacz program

PROGRAM KURSU

6 modułów i 24 praktyczne lekcje

Każda lekcja łączy wyjaśnienie, live coding, ćwiczenie prowadzone i samodzielny warsztat. Kompletny program obejmuje 60 godzin dydaktycznych.

Moduł 1: Nowoczesny frontend: HTML5, CSS3 i RWD

Uczestnik projektuje dostępne, responsywne interfejsy zgodne z podejściem Mobile First.

Lekcja 1: Semantyczny HTML5 i architektura dokumentu

Warsztat: Szkielet dostępnej strony produktowej

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Flexbox i Grid w złożonych układach

Warsztat: Panel aplikacji z elastyczną siatką

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Responsive Web Design i Mobile First

Warsztat: Adaptacja interfejsu do urządzeń mobilnych

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: SASS/SCSS i responsywny Landing Page

Warsztat: Kompletny landing page z systemem komponentów

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Moduł 2: JavaScript ES6+, asynchroniczność i DOM

Uczestnik tworzy interaktywną logikę przeglądarkową i bezpiecznie komunikuje się z API.

Lekcja 1: Typy danych, funkcje i nowoczesna składnia ES6+

Warsztat: Biblioteka funkcji użytkowych

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Destrukturyzacja, spread/rest i moduły

Warsztat: Modularna organizacja kodu aplikacji

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Promise, async/await i Fetch API

Warsztat: Klient zewnętrznego API z obsługą błędów

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: DOM, zdarzenia i To-Do List

Warsztat: Interaktywna lista z zapisem w LocalStorage

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Moduł 3: React: komponenty, stan i routing

Uczestnik buduje wielowidokową aplikację React opartą na komponentach i danych z API.

Lekcja 1: JSX, komponenty funkcyjne i propsy

Warsztat: Biblioteka komponentów interfejsu

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Stan aplikacji i hook useState

Warsztat: Interaktywny panel filtrowania danych

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Efekty uboczne i hook useEffect

Warsztat: Pobieranie, ładowanie i obsługa błędów API

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: React Router i katalog produktów

Warsztat: Wielostronicowy katalog korzystający z zewnętrznego API

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Moduł 4: Node.js, Express i REST API

Uczestnik projektuje backend aplikacji i implementuje kompletne operacje CRUD.

Lekcja 1: Środowisko Node.js, NPM i organizacja projektu

Warsztat: Konfiguracja produkcyjnego projektu backendowego

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Express i projektowanie REST API

Warsztat: Routing zasobów i poprawne kody HTTP

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Middleware, walidacja, CORS i obsługa błędów

Warsztat: Warstwa ochronna i diagnostyczna API

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: Serwer CRUD: GET, POST, PUT i DELETE

Warsztat: Kompletne API do zarządzania zadaniami

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Moduł 5: Bazy danych i autoryzacja

Uczestnik modeluje dane w MongoDB oraz wdraża bezpieczną rejestrację, logowanie i autoryzację.

Lekcja 1: MongoDB, Mongoose i modelowanie danych

Warsztat: Schematy i relacje systemu zadaniowego

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Relacje i integralność danych aplikacji

Warsztat: Model danych dla użytkowników i zadań

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Haszowanie haseł z bcrypt

Warsztat: Bezpieczna rejestracja i logowanie

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: Autoryzacja JWT

Warsztat: Ochrona tras i zasobów użytkownika

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Moduł 6: Projekt końcowy i deployment

Uczestnik integruje, testuje i wdraża kompletną aplikację full-stack.

Lekcja 1: Integracja frontendu z backendem

Warsztat: Połączenie aplikacji React z własnym REST API

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 2: Testowanie manualne i automatyczne

Warsztat: Testy kluczowych procesów aplikacji

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 3: Wdrożenie aplikacji

Warsztat: Publikacja z użyciem Vercel, Render i MongoDB Atlas

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję

Lekcja 4: Finalizacja projektu końcowego

Warsztat: System zarządzania zadaniami w zespole

112,5 min · 2,5 GODZ. DYD. Otwórz chronioną lekcję