1. Jak działa strona i aplikacja internetowa
Od żądania w przeglądarce po odpowiedź serwera uczestnicy analizują, jak działa strona i aplikacja internetowa jako całość. Omawiane są role frontendu i backendu, podstawowe pojęcia HTML, CSS i JavaScript, a także domena, DNS, hosting oraz etapy tworzenia i publikacji rozwiązania w sieci.
- droga żądania od przeglądarki do serwera – podstawy protokołu HTTP,
- frontend i backend – role poszczególnych warstw aplikacji,
- HTML, CSS i JavaScript – najważniejsze pojęcia bez konieczności nauki składni,
- domena, DNS i hosting,
- jak wygląda cały proces tworzenia i publikowania aplikacji internetowej.
2. Git i GitHub w pracy z agentami AI
Kontrola wersji pozwala śledzić historię projektu także wtedy, gdy część zmian wykonuje agent AI. Sekcja wyjaśnia rolę repozytorium, commitów, gałęzi i przywracania wcześniejszych wersji, a następnie pokazuje delegowanie operacji Git agentowi, weryfikację jego zmian oraz wykorzystanie GitHub do publikacji.
- czym jest repozytorium i historia zmian,
- commity, gałęzie i przywracanie wcześniejszych wersji,
- delegowanie operacji Git agentowi AI,
- kontrolowanie zmian wykonywanych przez agenta,
- GitHub jako miejsce przechowywania i publikowania projektu.
3. Agenci AI do tworzenia kodu – Claude Code i Codex
Claude Code, Codex i podobne narzędzia są omawiane jako agenci wykonujący działania w projekcie, a nie tylko prowadzący rozmowę jak chatbot. Uczestnicy konfigurują środowisko, uruchamiają pierwszy projekt, zarządzają uprawnieniami i akceptacją zmian oraz uwzględniają limity, koszty i zasady bezpiecznej pracy.
- czym różni się agentic coding od klasycznej rozmowy z chatbotem,
- Claude Code, Codex i inne narzędzia wspierające tworzenie aplikacji,
- przygotowanie i konfiguracja środowiska pracy,
- uruchomienie pierwszego projektu,
- uprawnienia agenta i zatwierdzanie zmian,
- limity, koszty i bezpieczna praca z agentami.
4. Projekt praktyczny – stworzenie strony internetowej z pomocą AI
Praktyczna realizacja strony internetowej obejmuje cały proces od ustalenia celu i wymagań po gotową publikację projektu. Uczestnicy przygotowują materiały, układają ofertę, usługi, cennik, referencje i mapę, dopracowują wygląd, tworzą wersję responsywną i publikują stronę z repozytorium GitHub.
- określenie celu i wymagań projektu,
- przygotowanie materiałów do strony,
- prezentacja oferty, usług i cen,
- referencje klientów i integracja mapy,
- dopracowanie wyglądu strony,
- tworzenie wersji responsywnej na telefon i komputer,
- publikacja strony z repozytorium GitHub.
5. Efektywna współpraca z agentem AI
Dobra współpraca z agentem AI wymaga precyzyjnej specyfikacji, jasno opisanego celu aplikacji i podziału pracy na mniejsze etapy. Sekcja obejmuje tryb planowania, pliki CLAUDE.md i AGENTS.md, stałe instrukcje, zarządzanie kontekstem sesji oraz wykrywanie i poprawianie błędów przy wsparciu AI.
- przygotowanie dobrej specyfikacji aplikacji,
- definiowanie celu i funkcjonalności,
- tryb planowania pracy agenta,
- dzielenie dużych zadań na mniejsze etapy,
- pliki CLAUDE.md i AGENTS.md,
- tworzenie stałych instrukcji dla agenta,
- zarządzanie kontekstem sesji,
- wykrywanie i poprawianie błędów z pomocą AI.
6. Skills i subagenci
Skills i subagenci służą do porządkowania powtarzalnych sposobów pracy agenta oraz rozdzielania zadań na wyspecjalizowane role. Uczestnicy tworzą własny skill, przygotowują opisy zadań i przykłady, korzystają z materiałów pomocniczych, konfigurują subagentów do recenzji i testów oraz oceniają bezpieczeństwo rozszerzeń.
- czym są skills i kiedy warto je tworzyć,
- utrwalanie powtarzalnych sposobów pracy agenta,
- tworzenie własnego skilla od podstaw,
- przygotowanie opisu zadania i wzorcowych przykładów,
- wykorzystanie dodatkowych materiałów i instrukcji,
- tworzenie subagentów z oddzielnym kontekstem,
- subagent jako recenzent kodu,
- subagent jako tester aplikacji,
- korzystanie z gotowych skills i pluginów,
- ocena bezpieczeństwa zewnętrznych rozszerzeń.
7. Projekt praktyczny – harmonogram prac zespołu
Tworzenie harmonogramu zespołu pokazuje, jak przełożyć zadania, terminy i zależności na działające narzędzie do planowania pracy. Projekt obejmuje budowę osi czasu i wykresu Gantta, sygnalizowanie opóźnień, import CSV, zapis danych w przeglądarce, raport PDF oraz użycie własnego skilla i kontroli jakości kodu.
- definiowanie zadań, terminów i właścicieli,
- określanie zależności między zadaniami,
- budowa osi czasu projektu,
- przygotowanie wykresu Gantta,
- sygnalizowanie ryzyka opóźnień,
- import zadań z plików CSV,
- przechowywanie danych w przeglądarce,
- generowanie raportu statusowego do PDF,
- wykorzystanie własnego skilla,
- automatyczna kontrola jakości kodu przez agenta.
8. API i komunikacja między aplikacjami
Komunikacja między systemami opiera się na API, żądaniach i odpowiedziach oraz poprawnej strukturze danych w formacie JSON. W tej części omawiane są endpointy i zadania backendu, integracje z usługami zewnętrznymi, bezpieczne przechowywanie kluczy i sekretów oraz użycie API modeli Claude i GPT.
- czym jest API i do czego służy,
- żądania i odpowiedzi między systemami,
- struktura danych JSON,
- endpointy i podstawowe zadania backendu,
- łączenie aplikacji z usługami zewnętrznymi,
- bezpieczne przechowywanie kluczy API i sekretów,
- wykorzystanie API modeli Claude i GPT,
- budowa funkcji AI we własnej aplikacji.
9. Bazy danych w aplikacjach webowych
Baza danych porządkuje informacje potrzebne aplikacji i pozwala na ich trwały zapis oraz odczyt. Uczestnicy poznają tabele, rekordy, pola i relacje, a następnie projektują strukturę z pomocą AI, przygotowują model danych, pracują z Supabase i łączą operacje na danych z działaniem aplikacji.
- do czego aplikacji potrzebna jest baza danych,
- tabele, rekordy, pola i relacje,
- projektowanie struktury bazy danych z pomocą AI,
- przygotowanie modelu danych,
- praca z chmurową bazą Supabase,
- zapis i odczyt danych z aplikacji.
10. Projekt praktyczny – czat AI do obsługi klienta
Na przykładzie czatu do obsługi klienta uczestnicy projektują zakres spraw, które chatbot ma przejmować, w tym status zamówień, zwroty i dostępność produktów. Powstaje też zespół subagentów, widżet czatu, integracja z modelem i narzędziami do sprawdzania danych, obsługa eskalacji oraz zapis historii rozmów.
- określenie zakresu spraw obsługiwanych przez chatbota,
- status zamówienia, zwroty i dostępność produktów,
- przygotowanie zespołu subagentów,
- agent planujący, kodujący, testujący i recenzujący,
- przygotowanie bazy produktów, zamówień, zwrotów i FAQ,
- stworzenie widżetu czatu na stronie,
- integracja czatu z modelem językowym,
- wyposażenie modelu w narzędzia do sprawdzania danych,
- przekazywanie nietypowych spraw do pracownika,
- przechowywanie historii rozmów.
11. Testowanie i bezpieczeństwo aplikacji
Stabilność i ochrona aplikacji wynikają z połączenia testów automatycznych z kontrolą działania z perspektywy użytkownika. Sekcja obejmuje wykorzystanie serwerów MCP, wyszukiwanie luk bezpieczeństwa przy wsparciu AI, ochronę danych użytkowników oraz podstawowe zasady przetwarzania danych osobowych zgodnie z RODO.
- automatyczne testy przygotowywane przez agenta AI,
- kontrolowanie poprawności działania aplikacji,
- wykorzystanie serwerów MCP,
- testowanie aplikacji w sposób zbliżony do działania użytkownika,
- wyszukiwanie potencjalnych luk bezpieczeństwa z pomocą AI,
- ochrona danych użytkowników,
- podstawowe zasady przetwarzania danych osobowych zgodnie z RODO.
12. Publikacja i utrzymanie aplikacji
Proces wdrożenia obejmuje przygotowanie aplikacji do publikacji, podstawy pracy z Dockerem oraz wybór hostingu lub serwera odpowiedniego dla projektu. Uczestnicy zajmą się też podłączeniem domeny, monitoringiem, kopiami zapasowymi, aktualizacjami i kontrolą kosztów utrzymania.
- przygotowanie aplikacji do wdrożenia,
- podstawy wykorzystania Dockera,
- wybór hostingu lub serwera,
- publikacja aplikacji w internecie,
- podłączenie własnej domeny,
- monitorowanie działania aplikacji,
- tworzenie kopii zapasowych,
- aktualizacje i utrzymanie projektu,
- kontrola kosztów działania aplikacji.