Moduł 1 ✅

Narzędzia

Efekty nauki

• Poznasz zalety i wady stosowania monorepo, co umożliwi Ci lepsze zarządzanie kodem i zależnościami w większych projektach.
• Nauczysz się korzystać z NX, który zwiększy Twoją produktywność i ułatwi współpracę w zespole.
• Zrozumiesz, jak Tailwind CSS może przyspieszyć tworzenie interfejsów użytkownika.
• Poznasz Storybook'a, narzędzie do budowania komponentów w izolacji, które pozwoli Ci na tworzenie i testowanie interfejsów w kontrolowanym środowisku.
• Zrozumiesz wartość testów integracyjnych, które pozwolą na zapewnienie wyższej jakości kodu i uniknięcie błędów w aplikacji.

📋 Omawiane zagadnienia:

Moduł 2 ✅

Biblioteka komponentów (UI)

Efekty nauki

• Poznasz zalety stosowania Design System, co pozwoli utrzymać spójność interfejsu użytkownika i ułatwi współpracę w zespołach.
• Nauczysz się tworzyć bardziej elastyczne i reużywalne komponenty.
• Zrozumiesz jak projektować uniwersalne komponenty.
• Poznasz narzędzie Chromatic, które może pomaga w testach wizualnych dla komponentów.
• Dowiesz się, jak tworzyć własne polecenia i zarządzać zmiennymi środowiskowymi w NX, co usprawni proces konfiguracji, tworzenia i budowania.

📋 Omawiane zagadnienia:

Moduł 3 ✅

Aplikacja React

Efekty nauki

• Wykorzystasz gotowe komponenty z własnej biblioteki UI w swoich projektach.
• Zrozumiesz działanie forwardRef, aby zarządzać referencjami w komponentach.
• Poszerzysz swoją wiedzę o różne zastosowania hooka useEffect, co pozwoli na efektywne zarządzanie efektami ubocznymi w aplikacjach.
• Nauczysz się tworzenia własnych hooków (Custom Hooks), dzięki czemu zyskasz możliwość reużywania logiki stanu i efektów ubocznych, poprawiając modularność i czytelność Twojego kodu.
• Dowiesz się, jak wykorzystać lazy loading do optymalizacji stanu aplikacji, co znacząco poprawi wydajność Twoich aplikacji.

📋 Omawiane zagadnienia:

Moduł 4 ✅

Rozbudowa frontendu

Efekty nauki

• Wykorzystasz barrels w React, co zapewni bardziej efektywne zarządzanie eksportami w projektach, poprawiając organizację kodu.
• Nauczysz się prawidłowo implementować routing.
• Poznasz najlepsze praktyki dotyczące struktury plików w projektach frontendowych, co pozwoli Ci na utrzymanie dobrej organizacji projektu.
• Dowiesz się, jak tworzyć Protected Routes, aby zabezpieczyć dostęp do określonych części Twojej aplikacji.
• Poznasz zastosowanie Memory Router w testowaniu i sytuacjach, gdy tradycyjny routing nie jest pożądany.
• Nauczysz się pobierać dane z zewnętrznych API za pomocą Fetchers, umożliwiając lepszą organizację i modularność kodu.
• Poznasz sposoby mockowania danych do testowania aplikacji i  zasymulujesz odpowiedzi z zewnętrznych serwisów bez potrzeby wykonywania rzeczywistych zapytań.

📋 Omawiane zagadnienia:

Moduł 5 ✅

Testowanie

Efekty nauki

• Zrozumiesz podstawowe założenia i cele testowania.
• Nauczysz się, jakie kryteria definiują wartościowe testy, co pozwoli Ci  tworzyć testy, które faktycznie przynoszą wartość dla projektu i zespołu.
• Opanujesz React Testing Library, co umożliwi efektywne testowanie komponentów Reactowych poprzez symulację interakcji użytkownika i weryfikację oczekiwanych rezultatów.
• Zdobędziesz wiedzę na temat korzystania z konsoli testów, co pozwoli Ci na łatwiejsze śledzenie wyników testów i diagnozowanie problemów.
• Nauczysz się konfigurować środowisko testowe.
• Poznasz i zastosujesz React Context Hook Pattern, co pozwoli Ci na wykorzystanie Context API w sposób izolowany i efektywny.

📋 Omawiane zagadnienia:

Moduł 6 (in progress) ⏳

Website (Next.js)

Efekty nauki

• Poznasz obszary zastosowań frameworka Next.js do budowy nowoczesnych aplikacji webowych.
• Poznasz różne sposoby generowania i serwowania treści w Next.js, co umożliwi Ci wybór najlepszej metody dla Twojej aplikacji, zwiększając jednocześnie jej wydajność.
• Opanujesz działanie App router w Next.js i poznasz zmiany, jakie wprowadza.
• Zdobędziesz umiejętności w zakresie zarządzania stanem ładowania (pending management) oraz obsługi błędów (error handling).
• Poznasz różnice między renderowaniem statycznym a dynamicznym, oraz zoptymalizujesz czas ładowania stron i wskaźniki SEO.
• Wykorzystasz odpowiednio komponenty klienckie i serwerowe, co pozwoli Ci na maksymalne wykorzystanie potencjału prerenderingu i poprawę wydajności aplikacji.
• Nauczysz się efektywnie pobierać dane i stosować wzorce projektowe dla aplikacji Next.js.
• Zrozumiesz i zastosujesz server actions.

📋 Omawiane zagadnienia:

Moduł 7

Backend (NestJS)

Efekty nauki

• Przygotujesz logikę aplikacji po stronie backendu wykorzystując framework NestJS, co pozwoli Ci na budowanie skalowalnych aplikacji serwerowych.
• Nauczysz się implementować zabezpieczenia aplikacji, w tym autentyfikację i autoryzację.
• Opanujesz generowanie tokenów i ich odświeżanie, co umożliwia  tworzenie bezpiecznych sesji użytkownika i zarządzanie dostępem.
• Wykorzystasz guardy do ochrony routów, aby precyzyjne kontrolować dostępu do różnych części aplikacji.
• Nauczysz się stosować dekoratory, co pozwoli na łatwe dostosowanie i rozszerzenie funkcjonalności Twoich kontrolerów i serwisów.
• Poznasz sposoby logowania błędów, co jest kluczowe dla diagnostyki i monitorowania stanu aplikacji.

📋 Omawiane zagadnienia:

Moduł 8

Komunikacja pomiędzy aplikacjami

Efekty nauki

• Opanujesz wykorzystanie React Hook Form w Twoich projektach, co znacząco przyspieszy i uprości proces tworzenia formularzy, zapewniając jednocześnie łatwość zarządzania stanem.
• Nauczysz się walidować formularze przy użyciu biblioteki Zod, co pozwoli Ci na implementację solidnych i bezpiecznych mechanizmów walidacji danych wejściowych.
• Zaimplementujesz obsługę Dark Theme.
• Nauczysz się tworzyć i zarządzać kontraktami z backendem, co jest kluczowe dla stabilnej i efektywnej komunikacji między frontendem a backendem.
• Posłużysz się różnymi kodami błędów do zarządzania stanem UI, aby zbudować bardziej interaktywne interfejsy użytkownika.
• Zaimplementujesz reguły biznesowe w aplikacji frontendowej.

📋 Omawiane zagadnienia:

Moduł 9

Asystent AI

Efekty nauki

• Opanujesz wykorzystanie API OpenAI do tworzenia asystenta AI, co umożliwi możliwość budowania interaktywnych aplikacji wykorzystujących modele językowe.
• Przygotujesz interfejs dla asystenta AI.
• Napiszesz skrypty wykorzystujące LLM, takie jak generowanie tekstu, aby wygenerować automatyczne odpowiedzi.
• Zrozumiesz, jak tworzyć prompty i szablony dla asystenta AI, aby uzyskać precyzyjne i użyteczne odpowiedzi.
• Poznasz sposoby wykorzystania modelu do konkretnych zastosowań, takich jak analiza tekstu, danych czy generowanie treści.
• Nauczysz się tworzyć agentów AI, w których AI może pełnić różnorodne funkcje.
  
• Zrozumiesz, jak zapamiętywać dane, co umożliwi Ci tworzenie asystentów AI, które adaptują się i uczą na podstawie interakcji z użytkownikami.
  

📋 Omawiane zagadnienia:

Moduł 10

Implementacja wymagań biznesowych

Efekty nauki

• Przygotujesz aplikację do zbierania opinii od użytkowników.
• Opanujesz techniki wysyłki danych na backend oraz zabezpieczeń przed spamem gwarantując bezpieczeństwo i wiarygodność zbieranych informacji.
• Dowiesz się, jak dodać headless CMS do swojego projektu, co umożliwi łatwe zarządzanie treścią.
• Zaimplementujesz filtrowanie, wyszukiwanie i paginację ofert, co poprawi użyteczność aplikacji, ułatwiając użytkownikom odnalezienie interesujących ich ofert.
• Dowiesz się, jak przygotować moduł do wystawiania faktur i uploadowania dokumentów.
• Napiszesz testy E2E, aby weryfikować funkcjonowanie aplikacji, zapewniając wysoką jakość i niezawodność projektu.

📋 Omawiane zagadnienia:

Moduł 11

Zdarzenia

Efekty nauki

• Zrozumiesz zasady CQRS i Event Sourcing, co pozwoli Ci na projektowanie skalowalnych i elastycznych architektur aplikacji.
• Zaimplementujesz Event Emitter po stronie backendu, aby umożliwić efektywną komunikację i reakcję na zdarzenia w aplikacji.
• Zaimplementujesz mechanizmy obsługi eventów po stronie backendu, co pozwoli na tworzenie modułowych i łatwych w utrzymaniu aplikacji.
• Zdobędziesz umiejętności w zakresie wykorzystania RxJS do zarządzania strumieniami danych.
• Wykorzystasz snapshoty, aby umożliwić dostęp do aktualnego stanu aplikacji bez konieczności przetwarzania całej historii zdarzeń.
• Opanujesz wykorzystanie eventów po stronie website przy użyciu EventSource, co pozwoli na przesyłanie notyfikacji z serwera do klienta w czasie rzeczywistym.
• Zrozumiesz różnice i zastosowania EventSource w porównaniu do WebSockets, co pozwoli Ci na wybór najlepszej technologii do komunikacji w czasie rzeczywistym w zależności od potrzeb projektu.
• Poznasz zasady projektowania i implementacji mikroserwisów oraz mikrofrontendów, co umożliwi Ci budowanie skalowalnych i łatwych w utrzymaniu aplikacji rozproszonych.
• Nauczysz się, kiedy i jak mikrofrontendy powinny komunikować się ze sobą, co jest kluczowe dla zachowania spójności i efektywnej współpracy między niezależnie rozwijanymi częściami aplikacji.

📋 Omawiane zagadnienia:

Moduł 12

Automatyzacje oraz AI

Efekty nauki

• Zrozumiesz, jak zewnętrzne narzędzia automatyzacji mogą usprawnić procesy biznesowe.
• Poznasz platformę Make i jej podstawowe funkcjonalności, co umożliwi Ci tworzenie złożonych przepływów pracy bez konieczności pisania skomplikowanego kodu.
• Nauczysz się korzystać z wbudowanych narzędzi Make, co pozwoli Ci na szybką integrację różnych aplikacji i usług w celu automatyzacji zadań.
• Poznasz cechy i właściwości Airtable, które czynią go potężnym narzędziem do zarządzania danymi oraz idealnym do integracji z automatyzacjami.
• Stworzysz automatyzację, która da Ci praktyczne doświadczenie w tworzeniu procesów, które mogą przetwarzać dane, wysyłać powiadomienia lub synchronizować informacje między aplikacjami.
• Nauczysz się tworzenia i wykorzystywania webhooków, co pozwoli Ci na odbieranie i przetwarzanie zdarzeń w czasie rzeczywistym z różnych zasobów.
• Zintegrujesz narzędzia AI z Twoimi automatyzacjami, co znacząco rozszerzy możliwości procesów przez dodanie zaawansowanego przetwarzania danych, analizy sentymentu, czy generowania treści.
• Wykorzystasz wyniki automatyzacji w aplikacji, co pozwoli na użycie zgromadzonych danych i wyników działania AI do podejmowania decyzji lub dalszej automatyzacji procesów.

📋 Omawiane zagadnienia: