Skip to content
Kursen webtec
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Introduktion
Kursen webtec
Kursplan
Lärarteam och intressenter
Studieplanering och schema ⚠️
Ladok
Bedömning och betygsättning ⚠️
Kursutvärdering och kursutveckling
Kursmoment
Kom igång ⚠️
Kmom01: Kom igång med HTML, CSS och JavaScript ⚠️
Kmom02: Responsiv webbplats ⚠️
Kmom03: Struktur och stil ⚠️
Kmom04: Kom igång med DOM ⚠️
Kmom05: Fetch ⚠️
Kmom06: Duckhunt ⚠️
Kmom10: Projekt och examination ⚠️
Läromaterial
Om läromaterial
uppgift
Om uppgifter
Bygg webbsidor med HTML, CSS och JavaScript (kmom01)
Manipulera DOM (kmom04)
Fetch API (kmom05) ⚠️
Duckhunt (kmom06) ⚠️
kursrepo
Kom igång med ditt kursrepo
Skapa katalogen dbwebb-kurser
Skapa kursrepo på GitHub
SSH-nycklar för authenticering mot GitHub
Skapa git repo
README (för lärare)
kursrepo-inlamning
Gör en inlämning ⚠️
kursrepo-utvecklingsmiljo
Utvecklingsmiljö i ditt kursrepo
Inställningar i vscode med EditorConfig
Lägg till fil i git repot
Ignorera filer i git repo
Skapa ett npm projekt
Installera lintern ESlint
Installera webbservern http-server
Avslutningsvis utvecklingsmiljö
ovning
kmom04
Introduktion till arrayer
Introduktion till funktioner
Introduktion till DOM
Hämta element
Skapa element
Radera element
Eventlyssnare
Timing events
kom-igang-med-javascript
Från Python till JavaScript ⚠️
Inbyggda typer ⚠️
Vanliga konstruktioner 1⚠️
Vanliga konstruktioner 2⚠️
kmom06
Object literal
Fetch image
skapa-en-webbsida-med-html-css-och-javascript
Kom igång
Katalogstruktur
Första ansatsen till en webbsida
Källkoden för en webbsida
Header med logo och navbar
Footer i tre delar, triptych
Validera enligt HTML
Validera enligt CSS
Sidans huvudsakliga innehåll med main och aside
Artikel med header och footer
Artikel med aside och interna länkar
Developer tools flik Elements
JavaScript i webbsidan
Avslutningsvis
TA-BORT
Lexikalisk struktur ⚠️
kmom05
Fetch API
Om övningar
Exempel för bilder
Styla din webbsida med HTML och CSS
forelasning
Om föreläsningar
Introduktion till Webbteknologier
Introduktion till HTML
Introduktion till CSS
instruktion
Om instruktioner
Resultat och redovisning
labbmiljo
Installera kursens labbmiljö
Operativsystem
Dator
Webbläsare
Texteditor vscode ⚠️
Terminal ⚠️
Git ⚠️
Node
lab
Om labbar
lab_01
Lab 01
lab_02
Lab 02
lab_03
Lab 03
lab_04
Lab 04
lab_05
Lab 05
lab_template
Lab 02
README
target
lab_01
Lab 01
Studieguide
Att använda AI i studier och lärande
Dialog och samarbete
Fusk och medvetet vilseledande
Jag hamnar efter
Kursutvärdering och kursutveckling
Måste jag skaffa kurslitteraturen
Studieteknik
Studievägledning
Övrigt
Kom igång med terminalen ⚠️
Versioner av kursen
GitHub
Select theme
Dark
Light
Auto
Exempel för bilder
×
Bild. Resultatet från denna övningsartikel, en webbplats, en me-sida.
Play
Video. Videoserie som ger dig en översikt och genomgång av artikeln.
