Front-end webbutvecklare – 5 dagar onlineklassrum

Kursöversikt

1. Dag 1

   Session 1: Introduktion till HTML & CSS

   • Konfiguration av utvecklingsmiljö och webbgrunder
   • HTML-struktur, element, taggar och attribut
   • Mobilförst-utvecklingskoncept
   • CSS-grunder: selektorer, egenskaper och formgivning
   • Chrome Developer Tools och publicering av webbplatser

   Session 2: Textelement

   • Rubriker, stycken och textformatering
   • CSS-värden, enheter och webbtypsnitt
   • Skapa och formatera ordnade och oordnade listor

   Session 3: Hyperlänkar

   • Skapa hyperlänkar och hantera webbadresser
   • Relativa och absoluta sökvägar
   • Dokumentfragment och e-postlänkar
   • Tekniker för länkformatering

   Session 4: Avancerade CSS-selektorer

   • Typ-, klass-, ID- och attributväljare
   • Pseudo-klasser och pseudo-element
   • Kombinatorer och selektorgrupper
   • CSS-kaskad, specificitet, arv och at-regler

2. Dag 2

   Session 5: Strukturera innehåll

   • Block- och inline-element
   • CSS-boxmodellen och box-styling
   • Semantiska HTML-element
   • Radbrytningar och horisontella linjer
   • Introduktion till CSS Grid-layout

   Session 6: Multimedia och inbäddning

   • Att arbeta med bilder, bakgrunder och SVG:er
   • Video-, ljud- och mediaformat
   • Figurer, bildtexter och ikoner
   • Bädda in externt innehåll med iframes och andra metoder

   Session 7: Tabeller

   • Skapa tabellrader, celler och rubriker
   • Sammanfogade celler, kolumngrupper och bildtexter
   • Semantisk tabellmärkning
   • Tekniker för tabellformatering

   Session 8: Formulär

   • Skapa och utforma webbformulär
   • Etiketter, inmatningsfält, knappar och rullgardinsmenyer
   • Gruppering av formulärfält och valideringsattribut
   • Skicka data till servrar
   • Förloppsindikatorer och avancerade formulärkontroller

3. Dag 3

   Session 9: Avancerade layouttekniker

   • CSS-positionering, floats, Flexbox och Grid
   • Principer för responsiv design
   • Media- och funktionsförfrågningar
   • Responsiva medier och moderna layoutmönster

   Session 10: Avancerad CSS-styling

   • Rundade hörn, toningar och bakgrunder
   • Skuggor och texteffekter
   • CSS-transformeringar, övergångar och animationer
   • Moderna visuella designtekniker

   Session 11: CSS-ramverk och preprocessorer

   • Översikt över CSS-ramverk och deras fördelar
   • Populära ramverksalternativ
   • CSS-förprocessorer och nyckelfunktioner
   • CSS‑variabler och moderna arbetsflöden för styling

   Session 12: UI/UX, SEO och prestandaoptimering

   • Principer och bästa praxis för UI/UX-design
   • SEO-grunder och viktiga HTML-taggar
   • Webbplatsoptimering för hastighet och prestanda
   • Förbättra användarupplevelse och synlighet i sökresultat

4. Dag 4

   Session 13: Introduktion till JavaScript

   • Grunder i JavaScript och utvecklingsmiljö
   • Integrera JavaScript med HTML
   • JavaScript i webbläsaren vs. Node.js
   • Syntax, kommentarer och grunderna i driftsättning

   Session 14: Värden, variabler och datatyper

   • Variabler med var, let och const
   • Tal, strängar, booleska värden, arrayer och objekt
   • Dynamisk typning och typomvandling
   • Aritmetiska operationer och mallitteraler

   Session 15: Funktioner

   • Funktionsdeklarationer, funktionsuttryck och pilfunktioner
   • Parametrar, returvärden och standardargument
   • Funktionsomfång och anrop
   • Arbeta med inbyggda funktioner

   Session 16: Programflöde och logik

   • Operatorer och jämförelsetekniker
   • Sanna och falska värden
   • Villkorssatser och loopar
   • Grunder i felhantering och felsökning

5. Dag 5

   Session 17: Att arbeta med objekt

   • Förstå objektstrukturer och egenskaper
   • Åtkomst till data med punkt- och hakparentessyntax
   • Skapa och använda objektmetoder
   • Att arbeta med nyckelordet this
   • Iterera genom objektets egenskaper
   • Utforska inbyggda metoder för Object, Array och String

   Session 18: DOM-åtkomst och manipulation

   • Förstå Document Object Model (DOM)
   • Att välja och referera till HTML-element
   • Arbeta med DOM-datatyper
   • Ändra sidinnehåll och attribut
   • Skapa, infoga och ta bort element dynamiskt

   Session 19: Händelsestyrd programmering

   • Förstå webbläsarhändelser och händelseflöde
   • Registrera och hantera händelselyssnare
   • Hantering av användarinteraktioner med händelseobjektet
   • Skapa responsiva och interaktiva webbupplevelser

   Session 20: Webbläsar-API:er och webbfunktioner

   • Introduktion till API:er och webbläsarens inbyggda funktioner
   • Att arbeta med Date-, Math-, RegExp- och JSON-objekt
   • Använda klientlagring och platstjänster
   • Åtkomst till fler webbläsar-API:er för att förbättra webbapplikationer