Full-Stack Development with React, TypeScript, Next.js, and Modern Backend

• Zrozumienie podstaw JavaScript i zasad tworzenia stron internetowych
• Dozwolona z HTML/CSS i frameworkami front-end
• Podstawowa znajomość API i baz danych jest pomocna

Adresaci

• Developers front-end i back-end
• Inżynierowie oprogramowania przechodzący na pełne stanowiska Full-Stack
• Specjaliści techniczni budujący skalowalne aplikacje internetowe

Full-Stack Development jest praktyką tworzenia kompletnych aplikacji webowych, od interfejsu front-end po logikę serwera back-end, API oraz zarządzanie bazą danych, przy użyciu nowoczesnego i skalowalnego zestawu technologii.

To szkolenie prowadzone przez instruktora (online lub stacjonarne) jest przeznaczone dla programistów średniozaawansowanych, którzy chcą budować aplikacje Full-Stack przy użyciu React 19, TypeScript, Next.js, Node.js, Prisma, PostgreSQL i powiązanych DevOps praktyk.

Na zakończenie tego szkolenia uczestnicy będą w stanie:

• Rozwijanie odpowiedzialnych i skalowalnych aplikacji front-end przy użyciu React 19 i TypeScript.
• Integrować automatyczne testy za pomocą Jest i React Testing Library.
• Budowanie i dokumentowanie RESTful API przy użyciu Express, JWT i Prisma z PostgreSQL.
• Wdrażanie aplikacji za pomocą Git i DevOps pipelines.
• Zrozumienie roli Data Warehouses, Data Lakes oraz integracji AI w nowoczesnych ekosystemach webowych.

Format kursu

• Interaktywne wykłady i dyskusje.
• Wiele ćwiczeń i praktyki.
• Ręczne wdrażanie w środowisku live-lab.

Opcje dostosowywania kursu

• Aby złożyć wniosek o dostosowane szkolenie dla tego kursu, skontaktuj się z nami w celu uzgodnienia.

React 19: Nowoczesna Rozwój Front-End

• Praca z Hookami: useState, useEffect, useReducer
• Używanie Context API do zarządzania stanem
• Wdrazanie routingu z React Router
• Najlepsze praktyki w strukturze plików, ponownej używalności i wydajności

TypeScript dla programistów React

• Bezpieczeństwo typów: typy, interfejsy, enums, generics
• Typowanie props, stanu, hooków i obsługujących zdarzenia
• Tworzenie ponownie używalnych typów i funkcji pomocniczych

React + TypeScript w praktyce

• Budowanie skalowalnych komponentów z silnym typowaniem
• Połączenie generics z propsami i hookami
• Praktyczne strategie typowania dla realnych projektów

Testowanie aplikacji React

• Wprowadzenie do Jest i React Testing Library
• Pisanie testów jednostkowych dla komponentów i hooków
• Testowanie operacji asynchronicznych i wywołań API
• Najlepsze praktyki dotyczące pokrycia testami i debugowania

Next.js 15: Full-Stack Framework React

• App Router vs Pages Router
• Renderowanie po stronie serwera i generowanie statycznych stron
• Szlaki API i middleware
• Optymalizacja obrazów i wydajność

Node.js + Express: Podstawy API Backend

• Konfiguracja Express i architektury RESTful
• Autoryzacja z JSON Web Tokens (JWT)
• Wzorzec kontroler-usługa i struktura ścieżek
• Zabezpieczanie i walidacja żądań API

REST API z Prisma i PostgreSQL

• Konfiguracja Prisma z PostgreSQL
• Modelowanie schematu i migracje
• Wykonanie operacji CRUD
• Integrowanie klienta Prisma z trasami Express

Kontrola wersji z Git

• Podstawy Git: init, clone, commit, push, pull
• Gałęzie, scalanie i żądania pull
• Praca z GitHub i współpracą zespołową

DevOps dla aplikacji Full-Stack

• Pojęcia i przepływy CI/CD
• Wprowadzenie do Docker i konteneryzacji
• Podstawowe wdrażanie na platformach chmurowych (np. Vercel, Heroku)
• Monitorowanie i logowanie błędów

Zarządzanie magazynami danych i jeziorami danych

• Różnice między magazynami danych a jeziorami danych
• Pojęcia dotyczące rurociągów danych w architekturze Full-Stack
• Rola systemów backend w pobieraniu i strukturze danych

Integrowanie Sztucznej Inteligencji

• Przegląd przypadków użycia AI w aplikacjach webowych
• Wywoływanie zewnętrznych API AI (np. OpenAI, Hugging Face)
• Używanie AI do skrócenia tekstu, czatbotów i analiz

Podsumowanie i Kolejne Kroki