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-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
Lektioner
Lektion 1 - HTML
(2024-10-13)
- 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
Lektion 2 - CSS
(2024-10-20)
- Introduktion till CSS
- Introduktion till Chrome DevTools
- CSS Färger
- Textformatering
- Google Fonts
- CSS Klasser
- Formatera länkar
- CSS övningar
Lektion 3 - Responsiva Webbplatser med Bootstrap
(2024-10-27)
- 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/
- Projektarbete
- Bootstrap övningar
Lektion 4 - PHP Grundläggande
(2024-11-10)
- 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
OBS! Lov 3/11
Lektion 5 - PHP Fortsättning
(2024-11-17)
- Variabler
- Strängar
- Arrayer
- Iterationer
- Formulär med metoden POST
- Ett praktiskt exempel: Beställningsformulär
- PHP övningar
Lektion 6 - Projektarbete start
(2024-11-24)
- Mittterminutvärdering
- Projektarbete
- Handledning
OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.
Lektion 7 - Introduktion till SQL och MySQL
(2024-12-01)
- Grundläggande SQL
- Skapa databaser via phpMyAdmin
- Exportera/importera databaser
- Skapa databaser online via cPanel
- Databaskoppling med PHP
- Att inkludera PHP-filer
- Projektarbete
- MySQL övningar
Lektion 8 - Databasapplikationer med PHP och MySQL
(2024-12-08)
- Att skapa enkla databasapplikationer med PHP och MySQL
- Ett praktiskt exempel: Databasbaserade kontaktformulär
- Projektarbete
- MySQL övningar
Lektion 9 - Responsiva och databasdrivna webbapplikationer
(2024-12-15)
- Ett praktiskt exempel: Filmdatabas
- Projektarbete
- MySQL övningar
Lektion 10 - JavaScript del 1
(2025-01-12)
- Introduktion till JavaScript
- Script-taggen
- Externa JS-filer
- Grundläggande syntax
- Funktioner
- Selektioner
- Iterationer
- Projektarbete
- JavaScript övningar
Lektion 11 - JavaScript del 2
(2025-01-19)
- Objekt: Egenskaper och Metoder
- DOM, document: getElementById, element: innerHTML
- BOM, window: alert, prompt, confirm
- Events
- Ett praktiskt exempel
Modal Images - Projektarbete
- JavaScript övningar
Lektion 12 - Projektarbete - Handledning
(2025-01-26)
- Projektarbete
- Handledning
OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.