Kurs Full Stack Developer

Lekcja 1 • Konfiguracja środowiska programistycznego

Instalacja i konfiguracja edytorów kodu, emulatorów terminala i menedżerów wersji. Zapewnienie każdemu uczestnikowi spójnego, profesjonalnego zestawu narzędzi.

Lekcja 2 • Jak działa sieć web

Obejmuje cykle żądanie-odpowiedź HTTP, rozwiązywanie DNS i potoki renderowania przeglądarki. Stanowi podstawę dla całego późniejszego kodowania w kontekście rzeczywistego zachowania sieci.

Lekcja 3 • Biegłość w wierszu poleceń

Buduje płynność w nawigacji po systemie plików, zarządzaniu procesami i skryptowaniu powłoki. Zmniejsza tarcie podczas uruchamiania narzędzi do budowania i serwerów w trakcie kursu.

Lekcja 1 • Układy Flexbox i Grid

Uczy jednowymiarowego systemu Flexbox i dwuwymiarowego systemu Grid. Umożliwia precyzyjne i łatwe w utrzymaniu układy stron bez używania hacków z float.

Lekcja 2 • Animacje i przejścia CSS

Wprowadza animacje klatkowe, przejścia i funkcje transformacji. Dodaje dopracowaną interaktywność bez narzutu JavaScript.

Lekcja 3 • Selektory CSS i model pudełkowy

Wyjaśnia specyficzność, kaskadowość, dziedziczenie i model pudełkowy. Stanowi podstawę koncepcyjną dla wszystkich prac nad układem i stylowaniem.

Lekcja 4 • Responsywny design i media queries

Stosuje zasady mobile-first i strategie punktów przerwania. Tworzy układy płynnie dostosowujące się do różnych rozmiarów urządzeń.

Lekcja 1 • Funkcje i zasięg

Wyjaśnia deklaracje funkcji, wyrażenia funkcyjne, funkcje strzałkowe, domknięcia i stos wywołań. Umożliwia projektowanie modułowego, wielokrotnego użytku kodu.

Lekcja 2 • Asynchroniczny JavaScript

Obejmuje pętlę zdarzeń, callbacki, Promises i async/await. Wyposaża uczestników w umiejętność niezawodnej obsługi żądań sieciowych i operacji czasowych.

Lekcja 3 • Tablice, obiekty i destrukturyzacja

Uczy manipulacji tablicami i obiektami, składni spread/rest oraz destrukturyzacji. Przygotowuje uczestników do pracy z danymi API i złożonym stanem.

Lekcja 4 • Manipulacja DOM i zdarzenia

Stosuje JavaScript do odpytywania, modyfikowania i reagowania na DOM. Łączy statyczne strony HTML/CSS w interaktywne interfejsy użytkownika.

Lekcja 1 • Podstawowe koncepcje React

Wprowadza JSX, komponenty, właściwości i wirtualny DOM. Ustanawia model mentalny do budowania interfejsów jako komponowalnych drzew komponentów.

Lekcja 2 • Routing po stronie klienta z React Router

Implementuje nawigację wielostronicową, trasy dynamiczne i trasy chronione. Umożliwia pełną nawigację w aplikacji jednostronicowej.

Lekcja 3 • Stan i cykl życia z Hookami

Obejmuje useState, useEffect i niestandardowe hooki do zarządzania stanem komponentów i efektami ubocznymi. Zastępuje metody cyklu życia oparte na klasach nowoczesnymi wzorcami hooków.

Lekcja 4 • Strategie stylowania komponentów

Porównuje moduły CSS, styled-components i CSS zorientowany na użyteczność w projektach React. Prowadzi uczestników do skalowalnych, łatwych w utrzymaniu architektur stylowania.

Lekcja 1 • Testowanie i dokumentacja API

Testuje punkty końcowe za pomocą zautomatyzowanych narzędzi i generuje interaktywną dokumentację API. Zapewnia niezawodność API i użyteczność dla programistów.

Lekcja 2 • Budowanie REST API z Express

Obejmuje routing, oprogramowanie pośredniczące, parsowanie żądań i formatowanie odpowiedzi. Tworzy strukturalne, warstwowe API zgodne z konwencjami REST.

Lekcja 3 • Uwierzytelnianie i autoryzacja

Implementuje uwierzytelnianie oparte na JWT, haszowanie haseł i kontrolę dostępu opartą na rolach. Zabezpiecza punkty końcowe API przed nieautoryzowanym dostępem.

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

Stosuje biblioteki walidacji oparte na schemacie i scentralizowaną obsługę błędów. Tworzy API, które zgłaszają błędy w elegancki sposób i zwracają spójne odpowiedzi błędów.

Lekcja 1 • Zapytania SQL i optymalizacja

Uczy SELECT, JOIN, agregacji, podzapytań i planów wykonania zapytań. Umożliwia wydajne pobieranie danych z relacyjnych baz danych.

Lekcja 2 • NoSQL z MongoDB

Wprowadza modelowanie dokumentów, operacje CRUD i potoki agregacji w MongoDB. Omawia przypadki użycia, w których elastyczne schematy przewyższają modele relacyjne.

Lekcja 3 • Projektowanie relacyjnych baz danych

Obejmuje normalizację, modelowanie encja-relacja i projektowanie schematów. Tworzy dobrze zorganizowane schematy relacyjne minimalizujące nadmiarowość.

Lekcja 4 • Integracja ORM z Prisma

Mapuje tabele bazy danych na modele aplikacji za pomocą Prisma ORM. Redukuje ilość kodu SQL pisanego ręcznie, zachowując bezpieczeństwo typów w Node.js.

Lekcja 1 • Przesyłanie plików i obsługa multimediów

Implementuje przesyłanie formularzy wieloczęściowych, integrację z magazynem w chmurze i optymalizację obrazów. Rozszerza aplikację o niezawodną obsługę zasobów binarnych.

Lekcja 2 • Pobieranie danych w React

Obejmuje Fetch API, Axios i React Query do pobierania i buforowania danych. Zarządza stanami ładowania, błędu i sukcesu w komponentach UI.

Lekcja 3 • Funkcje czasu rzeczywistego z WebSocket

Dodaje komunikację dwukierunkową za pomocą WebSocket i Socket.IO. Umożliwia funkcje na żywo, takie jak czat, powiadomienia i edycja współdzielona.

Lekcja 4 • Konsumpcja GraphQL w React

Integruje Apollo Client z React do odpytywania i mutowania API GraphQL. Synchronizuje stan serwera i klienta za pomocą pamięci podręcznej Apollo.

Lekcja 1 • Zabezpieczanie aplikacji

Stosuje wymuszanie HTTPS, nagłówki bezpieczeństwa, ograniczanie szybkości i audytowanie zależności. Chroni aplikację produkcyjną przed typowymi podatnościami internetowymi.

Lekcja 2 • Strategie wdrożenia w chmurze

Wdraża skonteneryzowane aplikacje na platformy chmurowe za pomocą usług zarządzanych i infrastruktury jako kodu. Obejmuje skalowalne opcje hostingu zarówno dla frontendu, jak i backendu.

Lekcja 3 • Automatyzacja potoku CI/CD

Automatyzuje testowanie, budowanie i wdrażanie za pomocą przepływów pracy GitHub Actions. Redukuje ręczne kroki wydania i egzekwuje bramki jakości przy każdym wypchnięciu.

Lekcja 4 • Konteneryzacja z Docker

Pakuje aplikacje i usługi w kontenery Docker i komponuje środowiska wielousługowe. Eliminuje niespójność środowiska między rozwojem a produkcją.