View on GitHub

Kantega AI-dev Workshop

Workshop for bruk av AI-verktøy (som ChatGPT og Github Copilot) i utviklingsarbeid

Webapp

Opprette komponenter

Be LLM’en om å generere en webapp-komponent med en valgfri frontend-teknologi. For eksempel kan du spesifisere React, og lage en enkel webapp (eksempelvis med npx create-react-app some-app-name), slik at du kan teste komponenten. Eventuelt kan du be LLM’en om å generere en lett skjelett-app, som du utvider etterhvert.

Be deretter LLM’en om å generere et enkelt skjema for å registrere en bruker. Gjerne ønsker man brukernavn, navn, epost-adresse, telefonnummer, etc. Andre felter kan være nedtrekkslister, checkboxes, og radiobuttons - som man typisk finner i et skjema.

Prøv å sett inn komponenten i applikasjonen, og se om det fungerer. Om det er noe som er feil, eller ikke fungerer - prøv å spør LLM’en om hva som er galt med koden, og evnetuelt hvordan du bør gå frem for å fikse det. Gi den feilmeldingene, og eventuelt kodesnutter.

Fortsett å utvide komponenten og webappen, og legg til for eksempel styling, persistering, og vising av registrert data i en annen, separat komponent, og eventuelt andre ting man kommer på underveis. Poenget er ikke å produsere en nettside eller komponent, men å opparbeide erfaring rundt det å ha en arbeidsflyt der man aktivt bruker en LLM.

Hvordan fungerer denne flyten, med å spørre LLM’en om hvordan man skal gjøre noe, følge det, og så spørre tilbake dersom ting ikke fungerer? Hva er den god til, og hva er den dårlig til? Hvilke utfordringer møter man på underveis, og hvordan kan man endre måten man spør på for å forbedre flyten?

< Tilbake