Kursplan

Innføring i Generative AI for Front-End

  • Hva er generativ AI i programvareutvikling?
  • Oversikt over verktøy: ChatGPT, GitHub Copilot, Codeium, etc.
  • Fordeler og begrensninger ved bruk av AI i UI-utvikling

Opprettelse av UI basert på prompt

  • Å lage prompts for HTML struktur og komponenter
  • Generering og modifisering av CSS stiler med AI
  • Bruk av AI til å bygge opp interaktive elementer i JavaScript

Prototyping av layout med generative verktøy

  • Opprettelse av landingsider og flerseksjonslayout
  • Responsiv design prompts (Flexbox, Grid)
  • Forhåndsvisning og testing i CodePen eller lignende verktøy

Komponentisering og gjenbrukbarhet

  • Generering av gjenbrukbare UI-komponenter (knapper, kort, skjemaer)
  • Opprettelse av komponentbiblioteker og desigsystemer med AI-hjelp
  • Bruk av AI i populære rammeverk (React, Vue, Tailwind)

AI-Assisted Code Review og Debugging

  • Å fikse layoutfeil og tilgjengelighetsproblemer med LLMs
  • Optimalisering av HTML/CSS/JS kodeytelse
  • Forklaring av feil og forslag til løsninger via AI-prompt

Samarbeidsbasert design og innholdsgenerering

  • Bruk av AI til å generere fiktivt innhold, kopi og plassholdere
  • Samarbeid med designere for å samskape wireframes og stiler
  • Eksport av AI-genererte ideer til brukbare HTML maler

Projekt: Opprett en AI-skaffet webapp

  • Design av UI basert på forretningsprompt
  • Opprettelse av komponenter og interaksjoner ved hjelp av AI
  • Polering, testing og presentasjon av prototypen

Oppsummering og Neste Skritt

Krav

  • Grunnleggende forståelse av HTML, CSS og JavaScript
  • Kjennskap til front-end-rammeverk eller design-systemer
  • Interesse for å bruke AI for å akselerere UI/UX-arbeidsflyten

Målgruppe

  • Front-end-utviklere
  • UX-ingeniører
  • Webdesignere og kreative teknologer
 14 timer

Antall deltakere


Price per participant

Upcoming Courses

Related Categories