Emne 2. Hjemmesider – overblik

Vi vil bruge en lærebog, Koder til Web https://koder.systime.dk/, som vores udgangspunkt.

Samtidig vil vi gøre som de professionelle: Bruge W3schools https://www.w3schools.com/ så meget, som vi overhovedet kan. Der er ALT. Ikke kun simple kodeeksempler, men også store, gennemførte og komplierece websider.

Emner, vi skal igennem

  • HTML
    • Opbygning, åbne og lukkede tags, semantiske tags (f.eks. <head> og <body>). Semantiske tags bruges til at inddele koden
    • Overskrifter, brødtekst, linjeskift, punktopstillinger
    • Tabeller
    • Link, både interne og eksterne
      • Evt. ankerlink
    • <div> tagget og dets mange muligheder
      • <div> tagget som semtantisk tag
    • Klasser, id
    • Styling af HTML og forbindelse til CSS
    • Indsætte video fra YouTube
    • Muligvis forms
  • CSS
    • 3 muligheder for at arbejde med CSS med eksternt stylesheet som den vigtigste
    • Klasser, Id
    • Layout herunder navbars
    • Navbars med dropdowns
    • Forstå CSS hirakiet
  • JavaScript
    • Enkel anvendelse af JavaScript
  • Biblioteker
  • Bootstrap
  • Leg med W3schools how-to sektion: https://www.w3schools.com/howto/default.asp

Emner, som kunne være fede at komme ind på

  • Responsivt design
  • Tid til Boosstrap
  • Brug af AJAX
  • CSS i dybden
  • CSS SASS eller lignende muligheder for at simplificere CSS kodningen
  • React

Hvis det bliver rigtigt vildt

  • Så laver vi en rigtig app. Dvs. med frontend (ikke nødvendigvis så pæn), backend (C# eller PHP) samt en database (MySQL/SQL) som kan oprette, hente, opdater og slette data i en simpel database.
  • I skal lære SQL, men kan vi gå hele vejen fra frontend til database og tilbage igen, så kan I alt det grundlæggende.