Zkuste nás kontaktovat
 Doba trvání 14 hodiny

Návrh Školení

Úvod do generativní AI pro front-end

  • Co je generativní AI ve vývoji softwaru?
  • Přehled nástrojů: ChatGPT, GitHub Copilot, Codeium atd.
  • Výhody a omezení AI ve vývoji uživatelského rozhraní

Generování uživatelského rozhraní na základě promptů

  • Tvorba promptů pro HTML strukturu a komponenty
  • Generování a úprava CSS stylů pomocí AI
  • Použití AI k vygenerování interaktivních prvků v JavaScriptu

Prototypování layoutů pomocí generativních nástrojů

  • Budování úvodních stránek a layoutů s více sekcemi
  • Prompte pro responzivní design (Flexbox, Grid)
  • Náhledy a testování v CodePenu nebo podobných nástrojích

Komponentizace a znovu použitelnost

  • Generování opakovatelně použitelných UI komponent (tlačítka, karty, formuláře)
  • Vytváření knihoven komponent a designových systémů s pomocí AI
  • Použití AI v populárních frameworkch (React, Vue, Tailwind)

AI asistent pro revizi kódu a debugování

  • Opravování chyb v layoutu a přístupnostních problémů pomocí LLM
  • Optimalizace výkonu HTML/CSS/JS kódu
  • Vysvětlování chyb a navrhování oprav pomocí AI promptů

Spolupracující design a generování obsahu

  • Použití AI k generování ukázkového obsahu, textů a placeholderů
  • Spolupráce s designéry na spoluvytváření wireframeů a stylů
  • Export generovaných nápadů z AI do použitelných HTML šablon

Projekt: Budování webové aplikace s kostry z AI

  • Design uživatelského rozhraní na základě obchodního promptu
  • Budování komponent a interakcí pomocí AI
  • Dolaďování, testování a prezentace prototypu

Shrnutí a další kroky

Požadavky

  • Základní pochopení HTML, CSS a JavaScriptu
  • Znalost front-end frameworků nebo designových systémů
  • Zájem o aplikaci AI pro urychlení UI/UX pracovních toků

Cílová skupina

  • Front-end vývojáři
  • UX inženýři
  • Weboví designéři a kreativní technologové

Počet účastníků


Cena za účastníka

Reference (1)

Nadcházející kurzy

Související kategorie