Vil du gerne lære at programmere? Eller skal du til at programmere igen efter en pause? Er du samtidig nysgerrig på, hvordan du kan bruge AI i programmeringssammenhænge? Så er vores kursus i grundlæggende webudvikling med AI det helt rette for dig! På kurset lærer du, hvordan du ved hælp af diverse chatbots hurtigt kan opbygge en hjemmeside med HTML, CSS og Javascript. Du vil få indblik i hvor og hvornår chatbots kan bruges, og hvornår de ikke kan. Kurset er derfor designet til dig der ønsker en grundlæggende forståelse eller opfriskning på programmering i JavaScript, HTML og CSS. Skal du ligeledes til at arbejde med webudvikling? Så kan dette kursus klæde dig på, så du har en solid grundforståelse.

Målgruppe

Kurset er for dig der ønsker en grundlæggende forståelse af programmering i HTML, CSS og Javascript, samt hvordan man kan bruge AI til programmering.

Forudsætninger

Der er ingen forudsætninger for at deltage i kurset, dog vil kendskab til HTML og CSS være en fordel.

Kursusmål

• Du kan forklare, hvad AI er, og hvordan det virker.
• Du er i stand til at anvende basale kodningsevner i CSS, HTML og JavaScript.
• Du kan vurdere fordele og ulemper ved brug af AI til programmering.
• Du kan anvende simple AI-værktøjer til løse programmerings udfordringer.
• Du kan med AI og håndtere simple fejl meddelelser.
• Du kan ved hjælp af AI udvikle mindre komponenter til et større system.

...

Kursusindhold


Modul 1

• Hvad er AI?
  • En grundlæggende forståelse af hvordan man kan bruge kunstig intelligens 
• Prompt engineering 
  • Hvordan skaber man den perfekte prompt? 
  • Prompting i forhold til programmering. 
• Generelt indblik i hvordan man kommunikerer et specifikt problem til ChatGPT, Google Bard eller Bing chat og får et brugbart output.
   
• Forskellene på chatbots ChatGPT, Bard og Bing Chat. 

• Opsætning af et udviklermiljø. 
  • Hvordan man opsætter et udviklingsmiljø i visual studio code.  
  • Oprettelse af 3 filer: Index.html, style.css, script.js samt samspillet mellem de 3. 

• Introduktion til HTML  
  • Syntaks 
  • HTML attributter 
  • Best practices i forhold til AI generering af HTML 
• Introduktion til CSS  
  • Syntax 
  • Styling 
  • Best practices til styling med AI 
• Debugging 
  • Konsol basis  
  • Debugging med AI  

• Introduktion til Javascript
  • Hvorfor Javascript? 
  • Loops 
  • Arrays 
  • Funktioner 
  • Scope 
  • Objekter 
  • Hvordan kan man bruge AI til udvikling af mindre algoritmer 

• Sammensætning af delkomponenterne.
  • Lær hvordan man sammensætter de udviklede løsninger så de spiller sammen med hinanden. 
• Hvordan kunne man udvide applikationen - Javascript libraries
  • js 
  • js 
  • Firebase 
  • MongoDB