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 (repetition, frågor och svar)
10.00-10.45 Lärarledd lektion (titta och lyssna)
10.45-11.00 Paus
11.00.11.45 Lärarledd lektion (titta och lyssna)
11.45-12.00 Gruppdiskussioner och eget arbete
12.00-13.00 Lunch
13.00-13.15 Lärarledd handledning
13.15-14.00 Lärarledd lektion (titta och lyssna)
14.00-14.15 Paus
14.15-15.00 Lärarledd lektion (titta och lyssna)
15.00-15.15 Bensträckare
15.15-16.00 Gruppdiskussioner och eget arbete

Kursmaterial

• Lektioner i PDF-format (OBS! inloggning krävs)
• Exempel från lektioner
• 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

Dag 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

Dag 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

Dag 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

Dag 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

Dag 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

Dag 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 20/3 (Påsk)

Dag 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

Dag 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

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

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

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

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

Dag 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.)

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

Dag 13 - Projektarbete - Redovisning
(2025-06-15)

• 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
• Var och god och lämna in en anonym kursutvärdering tack!