Návrh Školení

Úvod do generativní AI pro front-end

  • Co je to generativní AI ve vývoji softwaru?
  • Přehled nástrojů: ChatGPT, GitHub Copilot, Codeium atd.
  • Výhody a omezení AI v UI vývoji

Generování uživatelských rozhraní na základě příkazů

  • Tvorba příkazů pro HTML strukturu a komponenty
  • Generování a úprava CSS stylů pomocí AI
  • Použití AI k vytvoření interaktivních prvků ve JavaScriptu

Prototypování rozvržení s generativními nástroji

  • Vytváření úvodních stránek a multi-sekčních rozvržení
  • Responsivní design příkazy (Flexbox, Grid)
  • Náhled a testování v CodePen nebo podobných nástrojích

Komponentizace a opakovatelnost

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

Kódování a ladění s podporou AI

  • Opravování chyb v rozvržení a problémů přístupnosti pomocí LLMs
  • Optimalizace výkonu HTML/CSS/JS kódu
  • Vysvětlování chyb a návrhy na opravu prostřednictvím AI příkazů

Spolupráce v designu a generování obsahu

  • Použití AI k generování návrhářského obsahu, kopie a placeholdery
  • Spolupráce s designery na společném vytváření wireframů a stylů
  • Export AI-generovaných nápadů do použitelných HTML šablon

Projekt: Vytvoření web app s podporou AI

  • Design UI na základě obchodního příkazu
  • Vytváření komponent a interakcí pomocí AI
  • Dopravování, testování a prezentace prototypu

Shrnutí a další kroky

Požadavky

  • Základní znalosti HTML, CSS a JavaScript
  • Oboznámenost s front-end rámci nebo designovými systémy
  • Zájem o použití AI k zrychlení pracovních postupů UI/UX

Cílová skupina

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

Počet účastníků


Cena za účastníka

Reference (1)

Nadcházející kurzy

Související kategorie