Videoerne her er egentlig lavet til Atom editoren. Men selve html teknikken er det samme, uanset hvilken editor du arbejder i:
Video 1. 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 2. Byg et website
Videoen arbejder videre fra video 3 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 3. 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 4. CSS del 2
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
cVideo 5. I gang med Visual Studio Code
Sådan kommer du i gang med Visual Studio Code eller VS-Code. VS-Code er en gratis udgave af Visual Studio fra Microsoft. Visual Studio er den mest brugte kodeeditor. Videoen fortæller, hvordan du kommer i gang.
Video 6. Mere Visual Studo Code
De første 4 minutter overlapper videoen video 5. Herefter ser du, hvordan man kan bygge et site op i Visual Studio Code eller VS-Code.
Video 7. 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 8. 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.