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
Labbmiljö
Installera kursens labbmiljö
Operativsystem
Dator
Webbläsare
Texteditor vscode
Terminal och pakethanterare
Windows: Terminal och pakethantering
Mac: Terminal och pakethantering
Linux: Terminal och pakethantering
Git
GitHub
Node
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 utvecklingsmiljö
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ö
Föreläsning
Om föreläsningar
Introduktion till Webbteknologier
Introduktion till HTML
Introduktion till CSS
Responsiv webbdesign
Övning
Om övningar
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
bygg-en-responsiv-webbplats
Kom igång ⚠️
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
Aktivera GitHub Pages
Avslutningsvis
kmom05
Fetch API
Lab
Om labbar
Lab 01
Lab 02
Lab 03
Lab 04
README (för lärare)
Uppgift
Om uppgifter
Bygg webbsidor med HTML, CSS och JavaScript (kmom01)
Manipulera DOM (kmom04)
Fetch API (kmom05) ⚠️
Duckhunt (kmom06) ⚠️
Instruktion
Om instruktioner
Resultat och redovisning
Studieguide
Om studieguide
Dialog och samarbete
Att använda AI i studier och lärande
Fusk och medvetet vilseledande
Övrigt
Övrigt
Kom igång med terminalen
Versioner av kursen
GitHub
Select theme
Dark
Light
Auto
Om instruktioner
Instruktioner är del av kursmateiralet som beskriver hur något skall utföras.
