Kursplan

Introduksjon til generativ AI for front-end

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

Prompt-basert UI-generering

  • Formidle prompts for HTML-struktur og komponenter
  • Generere og modifisere CSS-stiler med AI
  • Bruke AI til å skaffe interaktive elementer i JavaScript

Prototyping av layouter med generative verktøy

  • Bygge landingssider og multi-seksjonslayouter
  • Responsiv design prompts (Flexbox, Grid)
  • Forhåndsvisning og testing i CodePen eller lignende verktøy

Komponentisering og gjenbrukbarhet

  • Generere gjenbruksbare UI-komponenter (knapper, kort, skjemaer)
  • Opprette komponentbiblioteker og desigsystemer med AI-hjelp
  • Bruke AI i populære rammer (React, Vue, Tailwind)

AI-assistert kodegjennomgang og feilsøking

  • Fikse layoutfeil og tilgjengelighetsproblemer med LLMs
  • Optimalisere HTML/CSS/JS kodeprestandser
  • Forklare feil og foreslå løsninger via AI-prompts

Kollaborativ design og innholdsgenerering

  • Bruke AI for å generere dummy-innhold, tekst og plasehåldere
  • Arbeide sammen med designerer for å skape wireframes og stiler
  • Eksportere AI-genererte idéer til brukbare HTML-mal

Prosjekt: Bygg en AI-scaffolderet webapp

  • Designe UI basert på business-prompt
  • Bygge komponenter og interaksjoner ved hjelp av AI
  • Polere, teste og presentere prototypen

Oppsummering og neste trinn

Krav

  • Grunnleggende forståelse av HTML, CSS og JavaScript
  • Kjennskap til front-end rammer eller desigsystemer
  • Interesse for å bruke AI for å akselerere UI/UX-arbeidsflyt

Målgruppe

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

Antall deltakere


Pris per deltaker

Referanser (1)

Kommende kurs

Relaterte kategorier