Webbutveckling från grunden - diplomutbildning

En bred och intensiv utbildning för dig som vill skapa databasdrivna webbplatser. Du får även grundläggande kunskaper om HTML och CSS samt programspråken PHP och JavaScript. Teori och praktiska övningar varvas i utbildningen.

Utbildningen går på plats på Folkuniversitetet i Stockholm.

Lektionsplanering

09.45-10.45 Lärarledd handledning (frågor och svar)
Repetition och genomgång av tidigare uppgifter
10.45-11.00 Paus
11.00.12.00 Lärarledd lektion (titta, lyssna, öva)
12.00-13.00 Lunch
13.00-13.15 Lärarledd handledning
13.15-14.00 Lärarledd lektion (titta, lyssna, öva)
14.00-14.15 Paus
14.15-14-30 Lärarledd handledning
14.30-15.15 Lärarledd lektion (titta, lyssna, öva)
15.15-16.00 Eget arbete

Kursmaterial

• Lektioner i PDF-format (OBS! inloggning krävs)
• Exempel från alla lektioner (VT 2025)
• Manual (lathund) om viktiga koder
• Övningsuppgifter

Projektarbete

Projektarbete - Kravspecifikation

Exempel på tidigare projektarbete

• Projekt 1 - Baroque Instruments
• Projekt 2 - Come Home
• Projekt 3 - EJESDOTTER
• Projekt 4 - SOOL
• Projekt 5 - Mobitel
• Project 6 - ScubaUnite
• Project 7 - SASHIKO
• Project 8 - MIKA
• Project 9 - Ocellaris
• Project 10 - FishingBox

Kursöversikt

Kursplanering

Vecka 1 - HTML
(2025-10-12)

• Introduktion till HTML
• Arbeta med en texteditor: VS Code
  https://code.visualstudio.com/
• Taggar och attribut
• Introduktion till webbhotell
• Blockelement
• Listor
• Länkar
• Bilder
• Entiteter och symboler
• HTML övningar

Vecka 2 - CSS
(2025-10-19)

• Introduktion till CSS
• Introduktion till Chrome DevTools
• CSS Färger
• Textformatering
• Google Fonts
• CSS Klasser
• Formatera länkar
• CSS övningar

Vecka 3 - Responsiva Webbplatser med Bootstrap
(2025-10-26)

• Introduktion till Responsiv Webbdesign RWD
• Introduktion till Bootstrap CSS https://getbootstrap.com
• Gridsystemet
• Responsiva bilder
• Färger, kantlinjer, knappar och alerts
• Margin och Padding
• Arbeta med Bootstrap Templates från https://startbootstrap.com/
• Bootstrap övningar

OBS! Lov 2025-11-02 (Höstlov)

Vecka 4 - PHP Grundläggande
(2025-11-09)

• Introduktion till PHP
• MAMP - installation och konfiguration
  https://www.mamp.info/en/downloads/
• Apache Web Server
• Grundläggande PHP-syntax
• Arbeta med GET-Request
• Selektioner med if-else
• Formulär med metoden GET
• Ett praktiskt exempel: Momsberäkning
• PHP övningar

Vecka 5 - PHP Fortsättning
(2025-11-16)

• Variabler
• Strängar
• Arrayer
• Iterationer
• Formulär med metoden POST
• Ett praktiskt exempel: Beställningsformulär
• PHP övningar

Projektarbete start
(2025-11-23)

• Mittterminutvärdering
• Repetition
• Projektarbete
• Handledning
  OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
  till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.

Vecka 6 - Introduktion till SQL och MySQL
(2025-11-30)

• Grundläggande SQL
• Skapa databaser via phpMyAdmin
• Skapa databaser online via cPanel
• Exportera/importera databaser
• Projektarbete
• MySQL övningar

Vecka 7 - Databasapplikationer med PHP och MySQL
(2025-12-07)

• Att skapa enkla databasapplikationer med PHP och MySQL
• Ett praktiskt exempel: Databasbaserade kontaktformulär
• Projektarbete
• MySQL övningar

Vecka 8 - Responsiva och databasdrivna webbapplikationer
(2025-12-14)

• Ett praktiskt exempel: Filmdatabas
• Projektarbete
• MySQL övningar

OBS! Jullov - God Jul och Gott Nytt År

Vecka 9 - JavaScript del 1
(2026-01-18)

• Introduktion till JavaScript
• Script-taggen
• Externa JS-filer
• Grundläggande syntax
• Funktioner
• Selektioner
• Iterationer
• Projektarbete
• JavaScript övningar

Vecka 10 - JavaScript del 2
(2026-01-25)

• Objekt: Egenskaper och Metoder
• DOM, document: getElementById, element: innerHTML
• BOM, window: alert, prompt, confirm
• Events
• Ett praktiskt exempel
  Modal Images
• Projektarbete
• JavaScript övningar

Projektarbete - Handledning
(2026-02-01)

• Projektarbete
• Handledning
  OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
  till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.

Projektarbete - Redovisning
(2025-02-08)

• Förmiddag
• Handledning
  OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
  till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.
• Eftermiddag - Redovisning
• Länkar och vidareutveckling
• Tips om webbhotell och hosting-tjänster
• Var och god och lämna in en anonym kursutvärdering tack!