Generative AI for Front-End Development

• Podstawowa znajomość HTML, CSS i JavaScript
• Znałość frameworków front-end lub systemów projektowych
• Zainteresowanie zastosowaniem AI do przyspieszania procesów UI/UX

Grupa docelowa

• Programiści front-end
• Inżynierowie UX
• Projektanci stron internetowych i technolodzy kreatywni

Kurs Generative AI dla Front-End Development bada, jak duże modele językowe i narzędzia wspomagane sztuczną inteligencją mogą przyspieszać rozwój front-end poprzez generowanie kodu na podstawie zapytań, prototypowanie układów i optymalizację UI.

Ten kurs prowadzony przez instruktora (online lub na miejscu) jest przeznaczony dla początkujących do średnio zaawansowanych profesjonalistów front-end, którzy chcą wykorzystać generatywne AI do budowy i iteracji interfejsów użytkownika szybciej i bardziej kreatywnie.

Po ukończeniu tego kursu uczestnicy będą mogli:

• Wykorzystywać narzędzia AI do generowania HTML, CSS i JavaScript na podstawie naturalnych zapytań językowych.
• Tworzyć i doskonalić komponenty UI i układy za pomocą generatywnych modeli.
• Prototypować responsywne projekty stron internetowych szybko, bez pisania całego kodu od podstaw.
• Optymalizować kod front-end za pomocą sugestii AI i automatyzowanych przepływów pracy.

Format kursu

• Interaktywne wykłady i dyskusje.
• Wiele ćwiczeń i praktyki.
• Ręczne wdrażanie w środowisku laboratoryjnym na żywo.

Opcje dostosowania kursu

• Aby zapytać o dostosowany kurs, skontaktuj się z nami w celu uzgodnienia.

Wprowadzenie do Generative AI dla Front-End

• Co to jest sztuczna inteligencja generatywna w rozwoju oprogramowania?
• Przegląd narzędzi: ChatGPT, GitHub Copilot, Codeium, itd.
• Zalety i ograniczenia sztucznej inteligencji w rozwoju UI

Generowanie UI na podstawie zapytań

• Tworzenie zapytań dla struktur i składników HTML
• Generowanie i modyfikowanie stylów CSS z pomocą sztucznej inteligencji
• Używanie sztucznej inteligencji do wyznaczania interaktywnych elementów w JavaScript

Prototypowanie układów z narzędziami generatywymi

• Budowanie stron startowych i wielosekcyjnych układów
• Zapytania o responsywny design (Flexbox, Grid)
• Przeglądanie i testowanie w CodePen lub podobnych narzędziach

Komponentyzacja i powtarzalność

• Generowanie powtarzalnych składników UI (przyciski, karty, formularze)
• Tworzenie bibliotek składników i systemów projektowych z pomocą sztucznej inteligencji
• Używanie sztucznej inteligencji w popularnych frameworkach (React, Vue, Tailwind)

Recenzja i debugowanie kodu z pomocą sztucznej inteligencji

• Naprawianie błędów układu i problemów z dostępnością za pomocą dużych modeli językowych
• Optymalizowanie wydajności kodu HTML/CSS/JS
• Wyjaśnianie błędów i sugerowanie poprawek za pomocą zapytań AI

Współpraca w zakresie projektowania i generowania treści

• Używanie sztucznej inteligencji do generowania wypełniaczy, kopii i zastępców
• Praca z projektantami nad wspólnym tworzeniem wireframe'ów i stylów
• Eksportowanie pomysłów generowanych przez AI do używalnych szablonów HTML

Projekt: Budowa aplikacji internetowej opartej na szkiecie AI

• Projektowanie UI na podstawie zapytań biznesowych
• Budowanie składników i interakcji z pomocą sztucznej inteligencji
• Dopracowywanie, testowanie i prezentowanie prototypu

Podsumowanie i następne kroki