Ta kontakt
 Varighet 14 timer

Kursplan

Introduksjon til Generativ AI for Front-End

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

Prompt-basert UI-generering

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

Prototypering av layouts med generative verktøy

  • Bygge landingssider og flerkomponent-layouts
  • Prompts for responsiv design (Flexbox, Grid)
  • forhåndsvisning og testing i CodePen eller lignende verktøy

Komponentisering og gjenbrukbarhet

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

AI-assisert kodegjennomgang og feilsøking

  • Løse layoutfeil og tilgjengelighetsproblemer med LLMs
  • Optimalisere ytelsen til HTML/CSS/JS-kode
  • Forklare feil og foreslå rettinger via AI-prompts

Samarbeidende design og innholdsgenerering

  • Bruke AI til å generere dummyinnhold, kopier og plassholdere
  • Samarbeide med designere for å co-designe wireframes og stiler
  • Eksportere AI-genererte ideer til brukbar HTML-mal

Prosjekt: Bygge en AI-skaffet webapp

  • Designe UI basert på forretningsprompt
  • Bygge komponenter og interaksjoner ved hjelp av AI
  • Finpuss, testing og presentasjon av prototypen

Oppsummering og neste steg

Krav

  • Grunnleggende forståelse av HTML, CSS og JavaScript
  • Kjennskap til front-end-rammeverk eller designsystemer
  • Interesse for å anvende AI for å fremskynde UI/UX-arbeidsflyter

Målgruppe

  • Front-end-utviklere
  • UX-ingeniører
  • Webdesignere og kreative teknologiexperten

Antall deltakere


Pris per deltaker

Referanser (1)

Kommende kurs

Relaterte kategorier