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
fetch
Kom igång
Select element
Fetch API och async/await
formelements
Kom igång
Input element
mera-javascript
Kom igång
Introduktion till arrayer
Introduktion till funktioner
Introduktion till DOM
Hämta element
Skapa element
Radera element
Eventlyssnare
Timing events
object-och-mer-fetch
Kom igång
Object literal
Fetch image
En introduktion till JSON-filer
kom-igang-med-javascript
Från Python till JavaScript
Inbyggda typer
Vanliga konstruktioner 1
Vanliga konstruktioner 2
bygg-en-one-page-webbplats
Kom igång
En mall för en One-page webbplats
Bakgrundsbilder
Variabler
Två kolumner
Tre kolumner
Två kolumner med wrap
Två kolumner med scroll
Avslutningsvis
bygg-en-responsiv-webbplats
Kom igång
Mall för en responsiv sida
Flexbox wrap
Media query
Mall för sida med 3 kolumner
Sätta bredd på kolumner
Lägg till brytpunkter
Skifta ordning main och aside
En responsiv navbar
Grundstil för header
Navbar stylad
Hamburgare som meny-knapp
Media query för hamburger-knapp
Visa hamburgare menyn vid klick
Avslutningsvis
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
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)
Bygg en responsiv webbplats (kmom02)
Bygg en One-page webbplats (kmom03)
Manipulera DOM (kmom04)
Fetch API (kmom05)
Duckhunt (kmom06)
Instruktion
Om instruktioner
Resultat och redovisning
Gör en PR (kmom03)
Gör en PR (kmom06)
Gör en PR (kmom10)
Bedömning av PR
Automatiserade tester
Planera din slutpresentation
Spela in en redovisningsvideo
Rätta en PR (inlämning) (Lärare)
Studieguide
Om studieguide
Dialog och samarbete
Att använda AI i studier och lärande
Fusk och medvetet vilseledande
Deadline
Övrigt
Övrigt
Kom igång med terminalen
Klona ett befintligt repo
Versioner av kursen
GitHub
Select theme
Dark
Light
Auto
Kom igång
Lär dig om objekt och hur du kan hämta bilder med fetch.
Förberedelser
Du har installerat
kursens labbmiljö
.
