Od pierwszej linijki kodu do zawodowej aplikacji z AI

Sam język JS/TS, na razie bez całego ekosystemu webowego. Zależy mi, żeby kod nie był dla Ciebie magią: masz rozumieć, jak działa od środka, bo dzięki temu później świadomie sięgniesz po dowolny framework.

1. 1

   Poziom podstawowy

   • Jak działa JavaScript: silnik, przeglądarka, Node.js, wersje ECMAScript
   • Środowisko pracy: VS Code / Cursor, DevTools, uruchamianie i debugowanie krok po kroku
   • Zmienne (let/const), typy prymitywne, konwersje i pułapki porównań
   • Operatory, instrukcje warunkowe, switch oraz sterowanie przepływem
   • Pętle, funkcje (klasyczne i strzałkowe), zasięg zmiennych, rekurencja
   • Tablice i metody wyższego rzędu (map, filter, find, reduce) na realnych przykładach
   • Obiekty, metody, podstawy programowania obiektowego, Set i Map
   • Destrukturyzacja obiektów i tablic, parametry domyślne
   • Praca z AI: nauka z Cursorem, dobre prompty i weryfikacja wygenerowanego kodu
2. 2

   Poziom zaawansowany

   • Domknięcia (closures), currying, kontekst this oraz call/bind/apply
   • Rest/spread, dziedziczenie prototypowe, klasy i wzorce OOP
   • Obsługa błędów, wyjątki i własne klasy błędów
   • Pętla zdarzeń (event loop), mikro- i makrozadania, kolejność wykonania
   • Asynchroniczność w praktyce: promises, async/await, Promise.all/allSettled
   • Moduły ES i sensowna organizacja projektu
   • Iteratory i generatory (yield) oraz leniwe przetwarzanie danych
   • Wyrażenia regularne (regex): wyszukiwanie i walidacja tekstu
   • TypeScript: typy, generyki, zawężanie, type guards, utility types, typowanie danych z API
   • Zod: walidacja danych w runtime i inferencja typów
   • Praca z AI: refaktoryzacja, generowanie testów i dokumentacji, integracja z API modeli z krytycznym review

Fundamenty języka i ścieżka w stronę backendu oraz danych. Układ jest bliźniaczy do kursu JavaScript, więc bez trudu połączysz jedno z drugim.

1. 1

   Poziom podstawowy

   • Wstęp do programowania i Pythona, środowisko (VS Code / Cursor, wirtualne środowiska, pip)
   • Zmienne, typy danych i konwersje, operatory, f-string i input()
   • Instrukcje warunkowe, dopasowanie wzorców (match-case), pętle
   • Funkcje, zasięg zmiennych, rekurencja
   • Struktury danych: listy, krotki, słowniki, zbiory
   • Wyrażenia listowe (list/dict comprehensions)
   • Przestrzenie nazw, moduły i pakiety, operacje na plikach
   • Obsługa błędów i wyjątków, programowanie obiektowe
   • Praca z AI: nauka z Cursorem, prompty, debugowanie
2. 2

   Poziom zaawansowany

   • Dekoratory, generatory, iteratory i menedżery kontekstu
   • Adnotacje typów, dataclasses, struktura projektu
   • Git jako system kontroli wersji w codziennej pracy
   • Sieć i HTTP, biblioteka requests, wprowadzenie do REST i GraphQL
   • Programowanie asynchroniczne: asyncio, async/await
   • Bazy danych i SQL, praca z ORM (SQLAlchemy)
   • Pydantic: walidacja i modelowanie danych
   • Backend: Flask / FastAPI, testowanie z pytest
   • Praca z AI: integracja z modelami (klucze API, żądania, streaming) z krytycznym review
   • Moduł dodatkowy: gry w Pygame

Kompletna droga od pierwszej strony po wdrożoną aplikację z AI. Front budujemy w Vue 3, a Nuxt (SSR i server routes) dokłada do tego własny backend, czyli pełny fullstack. Pracujemy projektowo: live coding, Git i code review, tak jak w normalnym zespole.

1. 1

   Etap I

   • Jak działa web: frontend, backend, rola HTML, CSS i JavaScriptu
   • Narzędzia i środowisko pracy (VS Code, Cursor, DevTools)
   • Budowa stron: HTML, CSS i DOM, z dbałością o dostępność (WCAG) i SEO
   • Nowoczesny CSS: Flexbox, Grid i responsywność (RWD)
   • Narzędzia AI w pracy programisty: modele, prompty i ich granice
   • JavaScript w praktyce: DOM, zdarzenia, modale, localStorage, prosta SPA
   • Komunikacja frontend-backend: HTTP, Fetch, JSON, Node i npm
   • Pierwszy projekt: REST i CRUD, dynamiczne ładowanie danych, obsługa stanów
   • AI w aplikacji: integracja z modelem LLM (klucze, streaming, historia rozmowy)
2. 2

   Etap II

   • Rynek pracy, oczekiwania i rola AI w pracy fullstack developera
   • Node.js, npm i workflow (Vite, zmienne środowiskowe, ESLint/Prettier)
   • Git i GitHub w praktyce projektowej: branche, pull requesty, konflikty
   • Zaawansowany JavaScript i TypeScript, typowanie propsów Vue
   • Vue 3 z Composition API: SFC, ref/reactive/computed/watch, composables
   • Atomic Design, dekompozycja interfejsu i architektura aplikacji
   • Stan aplikacji z Pinią i integracja z API
   • Nuxt jako framework fullstack: SSR, hydratacja i routing plikowy
   • Backend w Nuxt: server routes (Nitro), własne API i warstwa serwerowa
   • Komunikacja klient-serwer i bezpieczeństwo: REST, JWT, CORS, GraphQL/WebSocket
   • SEO, meta tagi i optymalizacja aplikacji w Nuxt
   • AI w rozbudowanej aplikacji: proxy/serverless, streaming, zarządzanie kontekstem
   • Storybook, testy (Vitest, Testing Library) oraz testy E2E (Playwright/Cypress)
   • Wdrożenie aplikacji: Netlify / Vercel