Diplomerad webbutvecklare

Diplomerad webbutvecklare är en bred och intensiv utbildning för dig som vill arbeta med responsiva webbplatser.
Man får även grundläggande kunskaper om HTML och CSS samt programspråken JavaScript och PHP.
Sök kursen via Folkuniversitetet

Lektionsplanering

09.45-10.00 Lärarledd handledning (frågor och svar)
10.00-10:45 Repetition och genomgång av tidigare uppgifter
10.45-11.00 Lärarledd handledning
11.00-11.15 Paus
11.15.12.00 Lärarledd lektion (titta, lyssna, öva)
12.00-12.45 Lunch
12.45-13.00 Lärarledd handledning
13.00-13.45 Lärarledd lektion (titta, lyssna, öva)
13.45-14.00 Paus
14.00-14-15 Lärarledd handledning
14.15-15.00 Lärarledd lektion (titta, lyssna, öva)
15.00-15.15 Paus
15.15-15.45 Gruppdiskussioner och 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-03-09)

• 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-03-16)

• 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-03-23)

• 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

Vecka 4 - PHP Grundläggande
(2025-03-30)

• 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-04-06)

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

Vecka 6 - Projektarbete start
(2025-04-13)

• 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.

OBS! Lov 2025-04-20 (Påsk)

Vecka 7 - Introduktion till SQL och MySQL
(2025-04-27)

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

Vecka 8 - Databasapplikationer med PHP och MySQL
(2025-05-04)

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

Vecka 9 - Responsiva och databasdrivna webbapplikationer
(2025-05-11)

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

Vecka 10 - JavaScript del 1
(2025-05-18)

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

Vecka 11 - JavaScript del 2
(2025-05-25)

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

OBS! Lov 1/6 (Kristi himmel.)

Vecka 12 - Projektarbete - Handledning
(2025-06-08)

• 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 13 - Projektarbete - Redovisning
OBS! Lördag (2025-06-14)

• 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!