Sat, Aug 29 · 10:00 AM CEST
🟢 Obowiązkowa rejestracja i zakup biletów:
https://stacja.it/produkt/od-wymagan-biznesowych-przez-frontend-i-backend-po-publiczna-produkcje-aplikacja-webowa-ai-w-nuxt-4/
🟢 Warsztat weekendowy w godz. 10:00-14:00 (4 h) 🟢
🟢 Czego się nauczysz?
- Przekładania wymagań na kod - praca z user stories i kryteriami akceptacji jako planem aplikacji,
- Integracji z OpenAI,
- Ustrukturyzowanych odpowiedzi modelu (generateObject + Zod) - gotowy, zwalidowany JSON zamiast luźnego tekstu,
- Bezpiecznej obsługi klucza API,
- Budowy interfejsu w Nuxt UI w oparciu o Atomic Design: formularz, ładowanie, rozgrywka, wynik,
- Obsługi błędów i wdrożenia aplikacji na Vercel.
🟢 Dla kogo warsztat?
Dla osób znających podstawy JavaScriptu, które chcą zbudować własną aplikację z AI i zapoznać się z tematem od strony praktycznej - od juniorów i studentów, przez hobbystów, po programistów. Znajomość Vue / Nuxt mile widziana, ale niewymagana.
🟢 Wymagania wstępne
Wiedza:
- Podstawy JavaScript / TypeScript, pracy z API i terminala,
- Doświadczenie z AI nie jest wymagane.
Oprogramowanie:
- Zainstalowany Node.js 22 LTS lub nowszy,
- Zainstalowany npm, git, edytor kodu (rekomendowany - Cursor),
- Nowoczesna przeglądarka internetowa.
Konta (darmowe):
- GitHub, Vercel,
- Klucz OpenAI zapewnia prowadzący - nie musisz zakładać konta ani podawać karty.
🟢 Prowadzący
Mateusz Karwowski:
Fullstack developer specjalizujący się głównie we frontendzie, w technologiach Vue i React. Absolwent studiów inżynierskich i magisterskich z informatyki na Politechnice Warszawskiej. Ma szerokie doświadczenie w różnorodnych projektach webowych - od platform reklamowych, przez narzędzia do wizualizacji danych i metryk dla analityków, po platformę dla projektantów i inżynierów branży instalacyjnej, wspierającą dobór urządzeń wod-kan i obliczenia techniczne. Obecnie współtworzy aplikację webową dużej skali dla klientów biznesowych w sektorze telekomunikacyjnym. Łączy praktyczne doświadczenie inżynierskie z umiejętnością przystępnego tłumaczenia złożonych zagadnień - od lat prowadzi szkolenia i warsztaty, dzieląc się wiedzą z innymi. Szczególnie interesują go nowoczesne technologie webowe oraz praktyczne zastosowania AI w produktach cyfrowych - budowanie rozwiązań, które realnie działają i trafiają do użytkownika, od pomysłu, przez implementację, aż po wdrożenie. W pracy trenerskiej stawia na praktykę i kod pisany na żywo, tak aby uczestnicy wychodzili z warsztatu z gotowym, działającym projektem.
🟢 Program
1. Wprowadzenie i pomysł na aplikację,
2. Od wymagań do planu: user stories i kryteria akceptacji,
3. Setup projektu: Nuxt 4, Nuxt UI, zależności AI,
4. Bezpieczna konfiguracja klucza OpenAI (.env + runtimeConfig),
5. Pierwsze wywołanie modelu AI,
6. Schema danych w Zod,
7. Structured output – generateObject,
8. Formularz tematu i stan ładowania,
9. Renderowanie i rozgrywka quizu – podział komponentów wg Atomic Design,
10. Ekran wyniku i reset,
11. Dopracowanie UX i obsługa błędów,
12. Deploy na Vercel,
13. Q&A i pomysły na rozbudowę.
Efekt końcowy: każdy uczestnik kończy warsztat z działającą, wdrożoną na Vercel aplikacją – własnym generatorem quizów AI.
UWAGA
Liczba miejsc ograniczona! Organizator zastrzega sobie prawo do odwołania wydarzenia w przypadku niezgłoszenia się minimalnej liczby uczestników.
🟢 Obowiązkowa rejestracja i zakup biletów:
https://stacja.it/produkt/od-wymagan-biznesowych-przez-frontend-i-backend-po-publiczna-produkcje-aplikacja-webowa-ai-w-nuxt-4/