Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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