Grunnleggende opplæring i HTML, CSS og JavaScript

Hjertelig velkommen til kurset!

For å forstå HTML bedre, hjelper det å forstå nøyaktig hva HTML egentlig er. Denne leksjonen tar opp akkurat dette spørsmålet.

Det avgjørende spørsmålet når du nettopp begynner: Hvordan opprettes, vises eller endres HTML-dokumenter? I denne videoen finner du svaret.

Basisen av HTML-dokumenter er de såkalte taggene. Du vil lære konseptet i denne leksjonen.

HTML-dokumenter består av en hode-del med informasjon om dokumentet og det synlige innholdet. I denne leksjonen handler det først om hodedelen (head).

De faktiske innholdene blir lagret i body-delen. Du må absolutt ha forstått denne grunnleggende oppdelingen. Denne leksjonen er derfor obligatorisk uansett!

Spesielt omfattende dokumenter drar nytte av kommentarer som ikke vises direkte på nettsiden. De kan gjøre koden mer oversiktlig og dokumentert. Lær hvordan du oppretter dem.

På nettet møter du stadig filstier - i to varianter: enten som relativ eller absolutt filsti. Sjekk ut denne leksjonen for å forstå konseptet.

Henvisninger innenfor en nettside er ekstremt vanlige. Implementeringen finner du i denne artikkelen.

Henvisninger til andre nettsider er like viktige og er også en del av hverdagen på internett. I tillegg er det angitt med "target" hvordan lenkene åpnes. Lær hvordan du gjør dette.

Referanser innenfor et dokument kalles også anker. Lær hvordan du setter dem og refererer til områder på den gjeldende siden.

Til en hierarkisk struktur hører blant annet overskrifter. Her lærer du å kjenne de tilgjengelige elementene.

Mellomrom og linjeskift i HTML-dokumenter er begrensede. Det er viktig at du kjenner til denne konsept.

I en tekst spiller avsnitt en viktig rolle. Her lærer du hvordan du setter dem.

Akkurat på nett må tekster være oversiktlige. Lister hjelper betrakteren med å skumlese. Derfor er leksjonen om ordnede og uordnede lister absolutt obligatorisk.

Tabeller er enormt viktige for å presentere data tabellmessig. Her lærer du grunnleggende prinsipper.

Et nettsted uten bilder er ikke mulig å forestille seg. Du lærer her hvordan du legger inn bilder.

Lær å inkludere spesialtegn som HTML-entiteter i dokumentene dine.

Du kan legge inn andre nettsider direkte i nettsiden din ved å bruke iframes.

JavaScript-kode legges til i HTML-dokumenter. Her lærer du hvordan det gjøres.

I den første HTML-øvelsen handler det om tekstformatering og å sette overskrifter.

Her oppretter du en oppskrift som HTML-dokument og bruker grunnleggende HTML-elementer.

Kunnskapen om tabeller blir nå brukt i praksis her.

Lær deg konseptet med Cascading Style Sheets.

Lær å tilordne CSS-uttalelser direkte til elementene.

Interne stiler er en annen måte å legge instruksjoner direkte inn i dokumentet på.

En svært vanlig sak: stylesheetene blir lagt ut i eksterne filer og inkludert.

For styling er attributtene "class" og "id" ekstremt viktige. Lær dem å kjenne her.

Akkurat nå spiller kontainerne en viktig rolle når man jobber med CSS. Her lærer du konseptet med eksempelet fra div-taggen.

Med float-attributtet kan elementer plasseres på ulike måter. Et sentralt element i design. Obligatorisk leksjon!

Også position-attributtet er ekstremt viktig og hører hjemme på enhver CSS-læreplan.

Lær å kjenne de ulike angivelsene for avstander ("padding" og "margin").

Bredden og høyden (height og width) er temaet i denne leksjonen.

HTML-elementer kan vises med en ramme. Her er det border-attributtet, som du vil lære om i denne video.

Forskjellige skriftstørrelser har alle brukt før. Etter denne leksjonen kan du sette dem med CSS.

Skrifttyper er ikke alltid tilgjengelige på hvert enkelt datamaskin. Derfor blir skriftfamilier heller definert på nettet. Lær hvordan i denne videoen.

Grunnlaget for tekstformatering: fet, kursiv og understreket tekst. I denne leksjonen presenterer jeg CSS-instruksjonene for deg.

Justeringsfunksjonen er også kjent fra tekstbehandling og er ikke uvanlig på nettet. Finn ut hvordan det fungerer med CSS.

Standarddesignet av lenker kan betydelig forbedres ved hjelp av CSS. Lær de ulike tilstandene til lenker og de tilsvarende CSS-instruksjonene.

En kort oversikt over spørsmålet: "Hva er egentlig JavaScript?

I denne hurtigkursen fletter du JavaScript inn i et HTML-dokument. Først lærer du å legge dette direkte inn i dokumentet.

Eksterne JavaScript-filer er også viktige og alltid til stede på nettet.

Lær å kjenne "Document Object Model".

Du trenger ikke å skrive ut data i TVML/TVJS på denne måten, men det er likevel viktig for de neste eksemplene.

En viktig funksjon av JavaScript er styring gjennom hendelser. Her lærer du konseptet gjennom eksempelet på klikkhendelser.

Lær hvordan du kan få tilgang til elementer og endre verdien.

Variabler - et sentralt konsept i enhver programmeringsspråk. Her lærer du hvordan de opprettes i JavaScript.

Selv om JavaScript ikke bruker eksplisitte datatyper ved deklarasjonen, bør du likevel forstå konseptet.

En datamaskin (på tysk kalt "Rechner") er ikke i stand til å beregne noe uten enkel aritmetikk. JavaScript kan selvfølgelig også gjøre dette.

Selv om du ikke bruker dem direkte selv, vil du ofte møte på sammensatte/kombinerte tildelinger i praksis. Bra hvis du kan lese syntaxen!

Uten betingelser er programmering bare vanskelig å forestille seg.

Også konseptet med gjentakelse er veldig viktig. Her lærer du en variant i JavaScript.

Også while-løkker har sin bruk. Bra hvis du også kjenner dem.

Funksjonene vil du også bruke i TVJS. Et viktig konsept som det er viktig å forstå.

For å bevege deg fornuftig i koden, må du kjenne til JavaScripts omfang (scopes).

Her handler det igjen om arrangementer, og litt mer i detalj.

Strenger møter deg sannsynligvis i alle apper. Derfor bør de absolutt inkluderes i en lyninnføring.

Temaer som tilfeldige tall og andre kompliserte beregninger er også viktig.

Også matriser vil sikkert møte deg i JavaScript- og TVJS-miljøet. Bra å kjenne dem.

Også i TVJS blir objekter brukt. Du bør derfor kjenne til minst JavaScript-implementeringen.

Egenskaper tilhører objektorienteringen og bør generelt forstås.

Også metoder er viktige og vil dukke opp oftere i TVJS-eksemplene.