Nybörjare–Medel

Webbutvecklingsworkshop

Bygg moderna webbplatser från scratch i denna interaktiva workshop. Från idé till färdig sida genom praktiska övningar och hands-on-projekt.

Om workshopen

I denna interaktiva workshop lär du dig att bygga professionella webbplatser från grunden. Vi går igenom allt från grundläggande HTML-struktur till avancerad CSS-styling och responsiv design som fungerar på alla enheter.

Du kommer att arbeta med moderna tekniker och verktyg som används av professionella webbutvecklare idag. Workshopen balanserar teori med mycket praktik så att du får hands-on-erfarenhet genom live-kodning och praktiska övningar.

Vad du kommer att lära dig

HTML5 – semantisk struktur och bästa praxis
CSS3 – styling, layout och visuell design
Flexbox – moderna layouttekniker
CSS Grid – kraftfull rutnätslayout
Responsiv design – anpassa för alla skärmstorlekar
Tillgänglighet – bygg för alla användare
SEO-grunder – gör sidor sökbara
Verktyg – textredigerare, webbläsarverktyg och mer

Förkunskaper

Grundläggande datorkunskap räcker. Om du har deltagit i vår workshop "Programmeringens grunder" har du ett försprång, men det är inte ett krav.

Balans

Visuellt och tekniskt

Webbutveckling handlar om både estetik och teknik.

🎨

Den visuella sidan

Lär dig skapa vackra layouts, välja rätt färger och typografi, och ge användaren en behaglig upplevelse.

💻

Den tekniska sidan

Förstå hur HTML och CSS fungerar under ytan. Skriv ren, organiserad kod som är lätt att underhålla.

Workshopinnehåll

Modulöversikt

En resa från grunderna till avancerade tekniker i denna interaktiva workshop.

1 Introduktion till webben

Hur fungerar internet? Webbläsare, servrar och hur webbsidor levereras.

2 HTML-grunder

Taggar, element och attribut. Bygg din första webbsida.

3 Semantisk HTML

Strukturera innehåll korrekt med semantiska element. Header, nav, main, article och mer.

4 CSS-grunder

Selektorer, egenskaper och värden. Börja styla dina sidor.

5 Box-modellen och layout

Förstå hur element tar plats på sidan. Margin, padding, border och display.

6 Flexbox

Kraftfull endimensionell layout. Centrera, fördela och arrangera element enkelt.

7 CSS Grid

Tvådimensionell layout för komplexa sidstrukturer. Rader, kolumner och rutnät.

8 Responsiv design

Media queries och mobile-first. Gör dina sidor tillgängliga på alla enheter.

9 Formulär och interaktivitet

Skapa kontaktformulär och andra interaktiva element med HTML och CSS.

10 Avslutande projekt

Bygg en komplett responsiv webbplats från design till färdig kod.

Bygg din första webbplats

Börja din resa inom webbutveckling idag.

Kontakta oss