Tack för att du skickade din fråga! En av våra teammedlemmar kontaktar dig snart.
Tack för att du skickade din bokning! En av våra teammedlemmar kontaktar dig snart.
Varaktighet 14 timmar
Kursplan
Introduktion till generativ AI för frontend
- Vad är generativ AI inom mjukvaruutveckling?
- Översikt över verktyg: ChatGPT, GitHub Copilot, Codeium m.m.
- Fördelar och begränsningar av AI i UI-utveckling
Promptbaserad UI-generering
- Formulering av prompts för HTML-struktur och komponenter
- Generering och anpassning av CSS-stilar med AI
- Använda AI för att skapa grundstruktur för interaktiva element i JavaScript
Layoutprototyper med generativa verktyg
- Byggande av landningssidor och layouter med flera sektioner
- Prompts för responsiv design (Flexbox, Grid)
- Förhandsvisning och testning i CodePen eller liknande verktyg
Komponentisering och återanvändning
- Generering av återanvändbara UI-komponenter (knappar, kort, formulär)
- Skapande av komponentbibliotek och designsystem med AI-stöd
- Användning av AI i populära ramverk (React, Vue, Tailwind)
AI-stödd code review och felsökning
- Åtgärdande av layoutfel och tillgänglighetsproblem med LLMs
- Optimering av prestanda i HTML/CSS/JS-kod
- Förklaring av fel och förslag på åtgärder via AI-prompts
Samarbetsdesign och innehållsgenerering
- Använda AI för att generera dummy-innehåll, texter och platshållare
- Samarbete med designers för att samskapa wireframes och stilar
- Exportering av AI-genererade idéer till användbara HTML-mallar
Projekt: Bygg en AI-stött webbapp
- Design av UI baserat på en affärsrelaterad prompt
- Byggande av komponenter och interaktioner med hjälp av AI
- Slipning, testning och presentation av prototypen
Sammanfattning och nästa steg
Krav
- Grundläggande förståelse för HTML, CSS och JavaScript
- Kunskap om frontend-ramverk eller designsystem
- Intresse för att använda AI för att snabba upp UI/UX-arbetsflöden
Målgrupp
- Frontend-utvecklare
- UX-ingenjörer
- Webdesigners och kreativa teknologer
Vittnesmål (1)
Att jag har fått kunskap om Streamlit-biblioteket från Python och jag kommer säkert att försöka använda det för att förbättra applikationerna i mitt team som är skapade med R Shiny
Michal Maj - XL Catlin Services SE (AXA XL)
Kurs - GitHub Copilot for Developers
Maskintolkat