Děkujeme za vaši dotaz! Jeden z našich pracovníků vás brzy kontaktuje.
Děkujeme za rezervaci! Jeden z našich pracovníků vás brzy kontaktuje.
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é
Reference (1)
Získal jsem znalosti týkající se knihovny Streamlit v Pythonu a určitě ji budu snažit použít k zlepšení aplikací ve svém týmu, které jsou vytvořeny v R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Kurz - GitHub Copilot for Developers
Přeloženo strojem