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.