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
Läromaterial
Kursmoment
Förbered inför kmom01
Introduktionsvecka
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
SSH-nycklar för autentisering mot GitHub
Klona kursens repo
Jobba med Git
Kursmoment 01
Kmom01: Kom igång med HTML, CSS och JavaScript
Föreläsning: Introduktion till Webbteknologier
Föreläsning: Introduktion till HTML
Övning: Skapa en webbsida med HTML, CSS och JavaScript
Övning: Skapa en webbsida med HTML, CSS och JavaScript
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
Artikel: JavaScript inbyggda typer
Lab 01: Programmera grunderna i JavaScript
Uppgift: Bygg webbsidor med HTML, CSS och JavaScript
Kursmoment 02
Kmom02: Responsiv webbplats
Föreläsning: Introduktion till CSS
Föreläsning: Responsiv webbdesign
Övning: Bygg en responsiv webbplats
Övning: Bygg en responsiv webbplats
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
Artikel: JavaScript - Vanliga konstruktioner 1
Lab 02: JavaScript med kontrollstrukturer (statements)
Uppgift: Bygg en responsiv webbplats
Kursmoment 03
Kmom03: Struktur och stil
Övning: Bygg en One-page webbplats
Övning: Bygg en One-page webbplats
En mall för en One-page webbplats
Bakgrundsbilder
Variabler
Två kolumner
Tre kolumner
Två kolumner med wrap
Två kolumner med scroll
Avslutningsvis
Artikel: JavaScript - Vanliga konstruktioner 2
Lab 03: JavaScript med mer kontrollstrukturer
Uppgift: Bygg en One-page webbplats
Kursmoment 04
Kmom04: Kom igång med DOM
Övning: Mera JavaScript
Övning: Mera JavaScript
Introduktion till arrayer
Introduktion till funktioner
Introduktion till DOM
Hämta element
Skapa element
Radera element
Eventlyssnare
Timing events
Artikel: Från Python till JavaScript
Lab 04: JavaScript och arrayer
Uppgift: Manipulera DOM
Kursmoment 05
Kmom05: Fetch
Övning: Fetch API och async/await
Övning: Fetch API och async/await
Select element
Fetch API och async/await
Uppgift: Fetch API
Kursmoment 06
Kmom06: Duckhunt
Övning: JavaScript objekt och fetch
Övning: JavaScript objekt och fetch
Object literal
Fetch image
En introduktion till JSON-filer
Artikel: Formulär element och JavaScript
Uppgift: Duckhunt
Kursmoment 10
Kmom10: Projekt och examination
Studieguide
Om studieguide
Labbar
Resultat och redovisning
Automatiserade tester
Gör en Pull Request (PR)
Bedömning av PR
Planera din slutpresentation
Spela in en redovisningsvideo
Deadline
Dialog och samarbete
Att använda AI i studier och lärande
Fusk och medvetet vilseledande
Kom igång med terminalen
Klona ett befintligt repo
Versioner av kursen
GitHub
Select theme
Dark
Light
Auto
Övning: Fetch API och async/await
Lär dig hur du kan arbeta med Fetch.
Förberedelser
Section titled “Förberedelser”
Du har installerat
kursens labbmiljö
.