Jeg bruger programmerne SQLite til at arbejde med SQL og Atom editoren til at arbejde med HTML og CSS.
Video 1. Arbejde i SQLite
I videoen viser jeg, hvordan du kan arbejde med SQL kode i det lille, vakse databaseprogram SQLite.
Hvis du vil arbejde med databasen bag, så kan du hente den her: https://bliv-klogere.ibc.dk/wp-content/uploads/2020/07/Kundedatabase.zip
Video 2. Introduktion til HTML og www.w3schools.com
Videoen giver dig en kort intro til HTML kodning. Du får også en intro til W3schools.com, som er koderens bedste ven på nettet.
Video 3. Installer Visual Studio Code med extensions
Visual Studio Code er en gratis udgave af Microsofts Visual Studio.
Den kan stort set alt, men egentlig er programmet tænkt sådan, at Visual Studio “bare” er basis, og så skal du selv installere “extensions”. Jeg viser derfor, hvordan du installere nogle extensions, der hjælper meget i forhold til at skrive HTML og CSS kode i Visual Studio Code.
Video 4. I gang med Visual Studio Code
Videoen lærer dig, hvordan du kommer i gang med Visual Studio Code. Dvs. du lærer at lave en sitemappe, lave nye html-filer, sætte kode ind, teste af i en browser og selv skrive kode.
Jeg gennemgår de mest simple tags som <html>, <head>, <body>, <title>, <h1>, <h2>, <p> og <br>.
Video 5. Videre med Visual Studio Code
Her lærer du at arbejde med billeder, tabeller, indlejret video fra YouTube, lister og link. Du lærer også at indrykke kode, så det er nemmere at overskue.
Video 6. CSS del 1
Du får en introduktion til CSS. Både til, hvordan det virker, og hvordan man koder det. Du ser også, at man kan placere CSS flere forskellige steder i sin kode. Videoen er mest teoretisk, det praktiske ser jeg på i videoen efter (video 6 i listen her).
Video 7. CSS del 2 med Visual Studio Code
Videoen har lidt teori, men den viser også, hvordan du kan arbejde med CSS i praksis i Visual Studio Code.
Tidligere videoer om Atom Editoren
Jeg har tidligere brugt Atom editoren frem for Visual Studio Code. Her er materiale om Atom:
Video 11. Introduktion til Atom editoren
Du får en kort intro til Atom editoren. Atom virker lige godt på PC og Mac. Hvis du har problemer i Mac, så kik på Vejledning 3. Installer Atom editoren.
Jeg viser, hvordan du organiserer et site, og du ser også de mest almindelige tags som <html>, <head>, <body>, <h1>, <p> og <br>
Video 12. Byg et website
Videoen arbejder videre fra video 11 Introduktion til Atom editoren. Den viser, hvordan du kan bygge et site op. Den viser også, hvordan du kan arbejde med tabeller, billeder, lister og links.
Video 13. Tips og tricks til at arbejde i Atom editoren
Her er en video, der kan hjælpe dig til at undgå de værste fejl i Atom editoren.
Video 14. CSS del 2 med Atom editoren
Videoen har lidt teori, men denviser også, hvordan du kan arbejde med CSS i praksis. Det gælder både internt, inline og med eksterne stylesheets. Jeg bruger Atom editoren