Dziękujemy za wysłanie zapytania! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Dziękujemy za wysłanie rezerwacji! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Czas trwania 14 godzin
Plan Szkolenia
Wprowadzenie do generatywnej AI we froncie
- Czym jest generatywna AI w tworzeniu oprogramowania?
- Przegląd narzędzi: ChatGPT, GitHub Copilot, Codeium itp.
- Korzyści i ograniczenia AI w rozwoju UI
Generowanie UI na podstawie promptów
- Tworzenie promptów do generowania struktury HTML i komponentów
- Generowanie i modyfikowanie stylów CSS przy użyciu AI
- Wykorzystanie AI do szkieletowania elementów interaktywnych w JavaScript
Prototypowanie układów za pomocą narzędzi generatywnych
- Budowanie stron docelowych (landing pages) i układów wielosekcyjnych
- Prompty do projektowania responsywnego (Flexbox, Grid)
- Podgląd i testowanie w CodePen lub podobnych narzędziach
Komponentyzacja i możliwość ponownego użycia
- Generowanie komponentów UI wielokrotnego użytku (przyciski, karty, formularze)
- Tworzenie bibliotek komponentów i systemów projektowych z pomocą AI
- Wykorzystanie AI w popularnych frameworkach (React, Vue, Tailwind)
Wspomagany przez AI przegląd kodu i debugowanie
- Naprawianie błędów układu i problemów z dostępnością przy użyciu LLM
- Optymalizacja wydajności kodu HTML/CSS/JS
- Wyjaśnianie błędów i sugerowanie poprawek za pomocą promptów AI
Współpraca projektowa i generowanie treści
- Używanie AI do generowania treści zastępczych, tekstów i placeholderów
- Współpraca z projektantami przy tworzeniu makiet i stylów
- Eksportowanie pomysłów generowanych przez AI do gotowych szablonów HTML
Projekt: Budowa aplikacji webowej z wykorzystaniem AI
- Projektowanie UI na podstawie promptu biznesowego
- Budowanie komponentów i interakcji przy użyciu AI
- Dopracowanie, testowanie i prezentacja prototypu
Podsumowanie i dalsze kroki
Wymagania
- Podstawowa znajomość HTML, CSS i JavaScript
- Znajomość frameworków front-endowych lub systemów projektowych
- Zainteresowanie wykorzystaniem AI do przyspieszenia pracy nad UI/UX
Grupa docelowa
- Deweloperzy front-endowi
- Inżynierowie UX
- Projektanci stron internetowych i technolodzy kreatywni
Opinie uczestników (1)
Zdobyłem wiedzę na temat biblioteki Streamlit w Pythonie i na pewno spróbuję ją wykorzystać, aby ulepszyć aplikacje w moim zespole, które są tworzone w R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Szkolenie - GitHub Copilot for Developers
Przetłumaczone przez sztuczną inteligencję