Takk for at du sendte din henvendelse! En av våre teammedlemmer vil kontakte deg straks.
Takk for at du sendte din bestilling! En av våre teammedlemmer vil kontakte deg straks.
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
Referanser (1)
At jeg har skaffet kunnskap om Streamlit-biblioteket fra Python, og jeg vil sikkert prøve å bruke det for å forbedre applikasjonene i min gruppe som er laget i R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Kurs - GitHub Copilot for Developers
Maskinoversatt