Moduł 1

Wzorce i dobre praktyki

❌ Nigdy więcej:

Pisania kodu spaghetti, mieszania odpowiedzialności, trudnego skalowania i utrzymania aplikacji, wymyślania koło na nowo, spędzania czasu na wcześniej rozwiązanych problemach.

✅ Tego się nauczysz:

Najważniejszych wzorców dla inżyniera frontendu w obrębie zarządzania stanem, przepływem danych, komunikacją z API oraz budowania reponsywnych, wydajnych interfejsów.

💡 Lekcje w tym module:

• Czysty kod na frontendzie
• Przewidywalny przepływ danych
• Zarządzanie stanem globalnym
• Wzorce komunikacji z API
• Techniki wydajnego frontendu

Moduł 2

Inżynieria jakości frontendu

❌ Nigdy więcej:

Bugów na produkcji, negatywnych komentarzy od użytkownika, krytyki przełożonych, nieprzewidywalnego działania aplikacji, incydentów w środku nocy, regresji i rollbacków.

✅ Tego się nauczysz:

Pisania testów jednostkowych, testów e2e, izolowania zewnętrznych zależności, definiowania i stabilizowania kontraktów z API oraz praktyk quality engineeringu.

💡 Lekcje w tym module:

• Testy jednostkowe z Jest / Vitest
• Testy e2e z Playwright i msw.js
• Testowanie dostępności aplikacji
• Bezpieczna komunikacja z backendem
• Praktyki quality engineeringu

Moduł 3

Wdrożenia i utrzymanie produkcji

❌ Nigdy więcej:

Powolnego wdrażania zmian, braku wiedzy o sytuacji na produkcji, powolnego reagowania na incydenty, marginalizacji roli frontend developera w zespole, skomplikowanej pracy manualnej na serwerze.

✅ Tego się nauczysz:

Wdrożenia aplikacji frontendowej na różne rodzaje hostingów, budowania CI/CD, monitorowania aplikacji, tworzenia systemów alertingu oraz zarządzania produkcją bez redeploymentów.

💡 Lekcje w tym module:

• Infrastruktura frontendu
• Wdrożenie aplikacji z Github Actions
• Skalowanie CI/CD w Github Actions
• Feature toggle i analityka produktu
• Monitoring i alerting na frontendzie

Moduł 4

Frontend zespołowo

❌ Nigdy więcej:

Duplikowania kodu, braku współpracy, nieefektywnej komunikacji, nieistniejącej dokumentacji, brakujących wersji bibliotek, niejasnych wymagań i wolnego implementowani designu w aplikacji.

✅ Tego się nauczysz:

Rozwijania bibliotek open source wysokiej jakości, tworzenia infrastruktury innersource, tajników npma i alternatywnych repozytoriów artefaktów, i fundamentów design systemów.

💡 Lekcje w tym module:

• Tworzenie bibliotek open source
• Innersource i zarządzanie zależnościami
• Monorepo na frontendzie
• Case study - Design System
• Praktyki efektywnej współpracy

Moduł 5

Architektura aplikacji

❌ Nigdy więcej:

Nieprzemyślanego implementowania funkcjonalności, tworzenia silosów wiedzy, błędnych decyzji względem stacku technologicznego, utrudnionej komunikacji z biznesem.

✅ Tego się nauczysz:

Najważniejszych pojęć i techniki architektury frontendu, podejmowania decyzji o stacku technologicznym, skutecznego bootstrapu jednego i wielu projektów oraz etapów rozwoju lidera frontendu.

💡 Lekcje w tym module:

• Planowanie architektury projektu
• Decyzje o stacku technologicznym
• Bootstrap nowego projektu
• Praktyki projektów dużej skali
• Ścieżka lidera technicznego frontendu

Rozszerzenia

AI Edition ⚡️

❌ Nigdy więcej:

Ignorowania potencjału Sztucznej Inteligencji, powielania mitów, pisania nieefektywnych promptów, narażania się na zbędne ryzyko związane z prywatnością i bezpieczeństwem.

✅ Tego się nauczysz:

Wykorzystywania ChataGPT jako asystenta programisty, pracy z Github Copilotem, struktury promptów dla programistów, sposobów na unikanie popularnych błędów popełnianych przez LLMy.

💡 Lekcje w tym module:

• Fundamenty AI-Augmented Development
• Pair programming z AI (Copilot i Cursor)
• Testowanie i analiza incydentów
• Praca z infrastrukturą cloudową
• Decision-making lidera technicznego