Kurs Full Stack Developer

Lekcja 1 • Jak działa sieć

Obejmuje cykle żądanie-odpowiedź HTTP, rozpoznawanie DNS i potoki renderowania przeglądarki. Stanowi koncepcyjny kręgosłup dla wszystkich późniejszych decyzji dotyczących pełnego stosu.

Lekcja 2 • Narzędzia programisty i podstawy terminala

Wprowadza wiersz poleceń, menedżery pakietów i edytory kodu jako codzienne narzędzia pracy. Biegłość w tym zakresie przyspiesza każde kolejne ćwiczenie praktyczne.

Lekcja 3 • Struktura projektu i standardy kodowania

Ustala konwencje folderów, reguły lintingu i standardy formatowania używane w całym kursie. Spójna struktura zmniejsza obciążenie poznawcze w późniejszych projektach wieloplikowych.

Lekcja 1 • Układy Flexbox i CSS Grid

Uczy obu systemów układu z praktycznymi przypadkami użycia dla każdego z nich. Studenci budują responsywny układ dwukolumnowy i siatki kart używając tylko CSS.

Lekcja 2 • Podstawy CSS i model pudełkowy

Wyjaśnia selektory, specyficzność, dziedziczenie i model pudełkowy jako podstawę wszystkich stylizacji wizualnych. Studenci stylizują wielosekcyjną stronę do końca sekcji.

Lekcja 3 • Responsywny design i media queries

Stosuje zasady projektowania mobile-first i strategie punktów granicznych do rzeczywistych układów. Studenci adaptują projekt desktopowy do działania na różnych rzutniach.

Lekcja 4 • Animacje i przejścia CSS

Wprowadza animacje klatek kluczowych i właściwości przejść, aby dodać ruch bez użycia JavaScript. Łączy polerowanie wizualne z zasadami doświadczenia użytkownika wprowadzonymi w sekcjach dotyczących układów.

Lekcja 1 • Moduły i nowoczesne narzędzia JavaScript

Wprowadza moduły ES, bundlery i transpilatory, aby przygotować kod do środowisk produkcyjnych. Studenci konfigurują projekt Vite i importują/eksportują między wieloma plikami.

Lekcja 2 • Asynchroniczny JavaScript

Wyjaśnia pętlę zdarzeń, callbacki, Promises i async/await do obsługi operacji z opóźnieniem czasowym. Studenci pobierają dane z publicznego API i renderują je do DOM.

Lekcja 3 • Podstawowa składnia JavaScript i typy danych

Obejmuje zmienne, typy prymitywne, operatory i koercję typów jako elementy składowe kodu JS. Opanowanie tego zapobiega najczęstszym błędom początkujących w późniejszych projektach.

Lekcja 4 • Przepływ sterowania i funkcje

Uczy instrukcji warunkowych, pętli i deklaracji funkcji, w tym funkcji strzałkowych i domknięć. Studenci refaktoryzują kod proceduralny na wielokrotnego użytku, dobrze zakresione funkcje.

Lekcja 1 • Stan globalny z Context i Reducers

Uczy Context API i useReducer do współdzielenia stanu między głęboko zagnieżdżonymi komponentami. Studenci refaktoryzują stan przekazywany przez propsy do scentralizowanego magazynu kontekstu.

Lekcja 2 • Podstawowe koncepcje React i JSX

Wprowadza model komponentów, składnię JSX i wirtualny DOM jako fundamentalne idee Reacta. Studenci renderują drzewo komponentów i rozumieją, jak React aktualizuje UI.

Lekcja 3 • React Router i nawigacja

Implementuje routing po stronie klienta z zagnieżdżonymi trasami, dynamicznymi segmentami i trasami chronionymi. Studenci dodają nawigację wielostronicową do swojej aplikacji React.

Lekcja 4 • Zarządzanie stanem z hookami

Obejmuje useState, useEffect i niestandardowe hooki do zarządzania lokalnym stanem komponentów i efektami ubocznymi. Studenci budują interaktywny formularz z walidacją i informacją zwrotną na żywo.

Lekcja 1 • Zasady projektowania REST API

Stosuje ograniczenia REST do projektowania spójnych, przewidywalnych punktów końcowych API z odpowiednimi kodami statusu. Studenci refaktoryzują ad-hoc API do w pełni RESTfulowej struktury opartej na zasobach.

Lekcja 2 • Framework Express i routing

Buduje strukturalne aplikacje Express z obsługą tras, parametrami tras i ciągami zapytań. Studenci organizują trasy w oddzielnych plikach routera zgodnie z konwencjami REST.

Lekcja 3 • Środowisko uruchomieniowe Node.js i moduły podstawowe

Wyjaśnia architekturę sterowaną zdarzeniami Node.js, system modułów i wbudowane moduły do wejścia/wyjścia plików i sieci. Studenci piszą skrypty używające modułów fs, path i http.

Lekcja 4 • Walidacja danych wejściowych i obsługa błędów

Implementuje walidację opartą na schemacie i scentralizowane odpowiedzi błędów w celu wzmocnienia API. Studenci dodają oprogramowanie pośredniczące walidacji, które zwraca ustrukturyzowane komunikaty błędów do klientów.

Lekcja 1 • Integracja ORM z Prisma

Używa Prisma do definiowania schematów, generowania klienta bezpiecznego typowo i wykonywania operacji CRUD z Node.js. Studenci zastępują surowe zapytania SQL w swoim API wywołaniami klienta Prisma.

Lekcja 2 • NoSQL z MongoDB i Mongoose

Wprowadza modelowanie danych zorientowane na dokumenty i schematy Mongoose do elastycznego przechowywania bez schematu. Studenci budują drugi punkt końcowy API wspierany przez MongoDB, aby kontrastować z SQL.

Lekcja 3 • Wybór i łączenie baz danych

Porównuje kompromisy SQL i NoSQL oraz obejmuje łączenie puli i konfigurację opartą na środowisku. Studenci konfigurują swoje API do przełączania baz danych za pomocą zmiennych środowiskowych.

Lekcja 4 • Konfiguracja PostgreSQL i zaawansowane zapytania

Stosuje umiejętności SQL do PostgreSQL z indeksami, transakcjami i ograniczeniami dla integralności danych na poziomie produkcyjnym. Studenci uruchamiają migracje i skrypty wypełniania danych wobec lokalnej instancji PostgreSQL.

Lekcja 1 • JSON Web Tokens i tokeny odświeżania

Obejmuje strukturę JWT, podpisywanie, weryfikację i rotację tokenów odświeżania dla trwałych sesji. Studenci implementują logowanie, wydawanie tokenów i ciche odświeżanie w swoim API.

Lekcja 2 • Najlepsze praktyki bezpieczeństwa sieci

Adresuje główne zagrożenia OWASP, w tym XSS, CSRF, wstrzykiwanie SQL i niebezpieczne nagłówki. Studenci audytują swoją aplikację i stosują poprawki Helmet.js i oczyszczania danych wejściowych.

Lekcja 3 • OAuth 2.0 i logowanie stron trzecich

Integruje przepływ kodu autoryzacyjnego OAuth 2.0 do logowania społecznościowego przy użyciu dostawcy takiego jak Google. Studenci dodają działający przycisk logowania stron trzecich do swojej aplikacji full-stack.

Lekcja 4 • Kontrola dostępu oparta na rolach

Projektuje model uprawnień z rolami i strażnikami stosowanymi jako oprogramowanie pośredniczące Express i opakowania tras React. Studenci ograniczają punkty końcowe API i strony UI według roli użytkownika.

Lekcja 1 • Integracja full-stack i projekt capstone

Łączy wszystkie warstwy – frontend React, API Express, bazę danych i uwierzytelnianie – w jedną, możliwą do wdrożenia aplikację. Studenci prezentują działający, kompletny funkcjonalnie projekt demonstrujący biegłość end-to-end.

Lekcja 2 • Konfiguracja potoku CI/CD

Automatyzuje testowanie, budowanie i wdrażanie za pomocą usługi CI/CD wyzwalanej przez push do Gita. Studenci konfigurują potok, który uruchamia testy i wdraża po scaleniu do main.

Lekcja 3 • Konteneryzacja z Docker

Pakuje API Node.js i bazę danych do kontenerów Docker dla spójnych środowisk na różnych maszynach. Studenci piszą pliki Dockerfile i plik Compose do lokalnego rozwoju wielousługowego.

Lekcja 4 • Wdrożenie w chmurze i hosting

Wdraża backend API na platformę chmurową i frontend React do usługi hostingu statycznego. Studenci konfigurują niestandardowe domeny, HTTPS i sekrety środowiskowe.