Plan Szkolenia
Wprowadzenie do Generative AI dla Front-End
- Czym jest generatywna sztuczna inteligencja w rozwoju oprogramowania?
- Przegląd narzędzi: ChatGPT, GitHub Copilot, Codeium itp.
- Zalety i ograniczenia AI w rozwoju interfejsów użytkownika
Generowanie interfejsu na podstawie promptów
- Tworzenie promptów dla struktury HTML i komponentów
- Generowanie i modyfikowanie stylów CSS za pomocą AI
- Wykorzystywanie AI do tworzenia interaktywnych elementów w JavaScript
Prototypowanie układów za pomocą narzędzi generatywnych
- Tworzenie stron docelowych i układów wielosekcyjnych
- Promptowanie dla responsywnego projektowania (Flexbox, Grid)
- Podgląd i testowanie w CodePen lub podobnych narzędziach
Komponentyzacja i wielokrotne użycie
- Generowanie wielokrotnie używanych komponentów interfejsu (przyciski, karty, formularze)
- Tworzenie bibliotek komponentów i systemów projektowych z pomocą AI
- Wykorzystywanie AI w popularnych frameworkach (React, Vue, Tailwind)
Przegląd i debugowanie kodu wspomagane przez AI
- Naprawianie błędów układu i problemów z dostępnością za pomocą LLM
- Optymalizacja wydajności kodu HTML/CSS/JS
- Wyjaśnianie błędów i sugerowanie poprawek za pomocą promptów AI
Wspólne projektowanie i generowanie treści
- Wykorzystywanie AI do generowania przykładowych treści, tekstów i placeholderów
- Współpraca z projektantami przy tworzeniu wireframe'ów i stylów
- Eksportowanie pomysłów generowanych przez AI do gotowych szablonów HTML
Projekt: Budowa aplikacji internetowej wspomaganej przez AI
- Projektowanie interfejsu na podstawie promptu biznesowego
- Budowa komponentów i interakcji z wykorzystaniem AI
- Dopracowanie, testowanie i prezentacja prototypu
Podsumowanie i kolejne kroki
Wymagania
- Podstawowa znajomość HTML, CSS i JavaScript
- Znajomość frameworków front-endowych lub systemów projektowych
- Zainteresowanie zastosowaniem AI do przyspieszenia przepływów pracy UI/UX
Grupa docelowa
- Programiści front-end
- Inżynierowie UX
- Projektanci stron internetowych i technolodzy kreatywni
Opinie uczestników (2)
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ę
Instruktor może dostosować poziom kursu podczas szkolenia do naszego zrozumienia tematu, dzięki czemu możemy zdobyć więcej przydatnej wiedzy, która dalej pomóc nam w wykorzystywaniu narzędzi w codziennej pracy.
Tatt Juen - ViTrox Technologies Sdn Bhd
Szkolenie - Intermediate GitHub Copilot
Przetłumaczone przez sztuczną inteligencję