#1252

Od wymagań biznesowych, przez frontend i backend, po publiczną produkcję – aplikacja webowa AI w Nuxt 4

Warsztat odbywa się w formie zdalnej za pośrednictwem platformy/komunikatora online, z wykorzystaniem dźwięku, obrazu z kamery, udostępniania ekranu komputera prowadzącego i uczestników.

🟢 Warsztat weekendowy w godz. 10:00-14:00 (4 h) 🟢

Żarówka

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.
Grupa

Dla kogo jest ten 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
Notatnik

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 warsztatów

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.
Zakupione certyfikaty zostaną przesłane uczestnikom w formie elektronicznej po warsztacie. Jeśli chcesz otrzymać zakupiony certyfikat w formie papierowej, zgłoś to mailowo na adres kontakt@stacja.it.

Zapisz się na warsztat

Dieta (pomiń przy warsztatach zdalnych)

Wyrażam zgodę na utrwalanie mojego wizerunku za pomocą nagrań wideo oraz innych form rejestracji obrazu lub/i dźwięku przez Sages sp. z o.o. podczas szkoleń, warsztatów, konferencji oraz innych wydarzeń organizowanych przez Sages. Jednocześnie wyrażam zgodę się na nieodpłatne, nieograniczone czasowo i terytorialnie rozpowszechnianie przez Sages mojego wizerunku utrwalonego na nagraniach, w zakresie publikacji i sprzedaży materiałów edukacyjnych powstałych na stronie internetowej Administratora dostępnej pod adresem: https://stacja.it. Zgoda na utrwalanie i wykorzystywanie wizerunku jest dobrowolna. Oświadczam, że niniejsza zgoda została udzielona świadomie i dobrowolnie, a ja zostałem/am poinformowany/a o możliwości jej wycofania w dowolnym momencie poprzez kontakt na adres kontakt@stacja.it. Wiem, że mogę nie uruchamiać kamery lub/i mikrofonu w trakcie spotkania, nie udostępniać ekranu oraz logować się do spotkania jedynie za pomocą nicka bądź imienia.

59,00 PLN

Sprawdź ofertę abonamentów

Liczba miejsc ograniczona! Organizator zastrzega sobie prawo do odwołania wydarzenia w przypadku niezgłoszenia się minimalnej liczby uczestników. Zakupione certyfikaty zostaną przesłane uczestnikom w formie elektoronicznej po warsztacie oraz za pośrednictwem firmy kurierskiej.

Zapisz się na warsztat!