icon icon

Kurs Budowanie własnych aplikacji z AI dla nieprogramistów – strony, automatyzacje, bazy danych i chatboty

icon

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

icon

Zrozumiesz, jak działa aplikacja webowa - Poznasz drogę od kliknięcia w przeglądarce do odpowiedzi z serwera, dzięki czemu łatwiej zaplanujesz własną stronę lub aplikację i lepiej ocenisz, co ma zrobić AI.

icon

Opanujesz pracę z Git i GitHub - Nauczysz się zapisywać historię zmian, wracać do wcześniejszych wersji i publikować projekt w repozytorium, więc bez chaosu uporządkujesz współpracę z agentami AI.

icon

Uruchomisz projekt z pomocą agentów AI - Skonfigurujesz środowisko, poznasz Claude Code i Codex oraz nauczysz się zlecać im konkretne zadania, zatwierdzać zmiany i bezpiecznie prowadzić prace nad aplikacją.

icon

Stworzysz i opublikujesz własną stronę - Przejdziesz przez pełny proces od celu i treści, przez wygląd i wersję mobilną, aż po publikację z GitHub, więc wyjdziesz ze szkolenia z realnie działającą stroną.

icon

Nauczysz się skutecznie wydawać polecenia AI - Dowiesz się, jak przygotować specyfikację, dzielić zadania na etapy, utrzymywać kontekst i tworzyć stałe instrukcje, aby agent pracował przewidywalnie i dokładniej.

icon

Połączysz aplikację z API i bazą danych - Zrozumiesz JSON, endpointy i podstawy backendu, a także nauczysz się korzystać z Supabase oraz bezpiecznie łączyć własną aplikację z usługami i danymi zewnętrznymi.

icon

Zbudujesz chatbota do obsługi klienta - Przygotujesz widżet czatu, połączysz go z modelem językowym i nauczysz się obsługiwać sprawy takie jak status zamówienia, zwroty, FAQ oraz przekazanie rozmowy do pracownika.

icon

Zadbujesz o testy, bezpieczeństwo i wdrożenie - Nauczysz się testować aplikację z pomocą AI, wykrywać błędy i ryzyka, chronić dane użytkowników, a potem opublikować projekt, monitorować go i kontrolować koszty działania.

Program szkolenia

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.

Jakie są wymagania wstępne do udziału w szkoleniu?

icon

Swobodna obsługa komputera - Powinieneś sprawnie poruszać się po systemie operacyjnym, instalować proste programy, pracować na plikach i folderach oraz korzystać z przeglądarki bez dodatkowej pomocy.

icon

Podstawowa znajomość internetu - Powinieneś rozumieć, jak korzystać z usług online, formularzy i kont internetowych, ponieważ podczas szkolenia będziesz pracować z narzędziami chmurowymi i publikacją projektu.

icon

Gotowość do pracy po angielsku - Powinieneś radzić sobie z prostym angielskim technicznym, bo część nazw narzędzi, komunikatów i dokumentacji będzie dostępna po angielsku podczas pracy z agentami AI.

icon

Podstawy logicznego opisu zadań - Powinieneś umieć jasno opisać cel, kroki i oczekiwany efekt zadania, ponieważ szkolenie uczy skutecznego wydawania poleceń AI i porządkowania pracy nad projektem.