Kom i kontakt
 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

Antal deltagare


Pris per deltagare

Vittnesmål (1)

Kommande Kurser

Relaterade Kategorier