Diplomerad webbutvecklare är en bred och intensiv utbildning för dig som vill arbeta med responsiva webbplatser. Du får även grundläggande kunskaper om HTML och CSS samt programspråken JavaScript och PHP. Teori och praktiska övningar varvas i utbildningen. 

Kursmaterial (OBS! inloggning krävs)
PDFer och PowerPoint-presentationer
Exempel från lektioner finns att ladda ner här! 

 

Lektion 1 – HTML (2022-10-02)

  • Introduktion till HTML
  • Arbeta med en texteditor: VS Code
    https://code.visualstudio.com/
  • HTML Grundstruktur
  • HTML Kommentarer
  • Taggar (Element)
  • Entiteter och symboler
  • Attribut
  • Länkar
    Interna och externa länkar
  • Listor
    Punktlistor och numrerade listor
  • Bilder 
    Bildformat på webben (PNG, JPG, GIF)
  • iframe, Google Maps
  • HTML Validering
    W3C Markup Validation Service 

 

 

Lektion 2 – CSS (2022-10-09)

  • Introduktion till CSS
  • CSS Regler och egenskaper
  • Extern CSS
  • Intern CSS
  • Inline CSS
  • Färger: RGB och HEX
  • Textformatering
  • Google Fonts
  • CSS Klasser
  • Formatera länkar
  • Arv och kaskaden

 

 

Lektion 3 – CSS – Responsiva Webbplatser med Bootstrap (2022-10-16)

 

 

Lektion 4 – PHP Grundläggande (2022-10-23)

  • Introduktion till Webbserverprogrammering
  • MAMP Free, installation och konfiguration
    https://www.mamp.info/en/downloads/
  • Apache Web Server och localhost
  • Introduktion till PHP
  • Grundläggande syntax
  • Variabler och konstanter
  • Strängar
  • Arrayer: Indexerade och associativa

 

Lektion 5 – PHP Fortsättning (2022-10-30)

  • Datum och tid
  • Arbeta med GET 
  • Selektioner
  • Iterationer
  • Formulär
  • Arbeta med POST

 

Lektion 6 – Databasdrivna webbplatser (del 1) (2022-11-13) 

  • Databashantering med MySQL/MariaDB
  • phpMyAdmin
  • Skapa databaser och tabeller
  • Exportera/importera databaser
  • Grundläggande SQL
  • CRUD med PHP och MySQL - Grundläggande
  • Projekt 1 – Telefonlista
  • Demo på resultatet finns här 
  • http://webacademy.se/webbutvecklare/telefon

 

Lektion 7 – Databasdrivna Webbplatser (del 2)  (2022-11-20)

 

Lektion 8 – Responsiva och databasdrivna webbapplikationer – Projektarbete (planering) (2022-11-27)

Lektion 9  – JavaScript (del 1) – Projektarbete (utveckling 1/4) (2022-12-04)

  • Introduktion till JavaScript
  • Script-taggen
  • Externa JS-filer
  • Grundläggande syntax
  • Funktioner
  • Selektioner
  • Iterationer
  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 
  • Handledning 
    OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
    till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.

  

Lektion 10 – JavaScript (del 2) – Projektarbete (utveckling 2/4) (2022-12-11)

  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 
  • Handledning 
    OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
    till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.

  

Lektion 11 – Wordpress (del 1) – Projektarbete (utveckling 3/4) (2023-01-15)

  • Förmiddag
  • Introduktion till CMS
  • Grunderna i WordPress
  • Online installation via OneClick/cPanel (Softaculous)
  • Skapa en Blogg
  • Arbeta med inlägg
  • Arbeta med widgetar
  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 
  • Handledning 
    OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
    till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.

Rekommenderad läsning

Webbpublicering med WordPress 2019 https://wpmwp.se/

Ladda ner boken här!

Dagens länkar

https://sv.wikipedia.org/wiki/Inneh%C3%A5llshanteringssystem
https://en.wikipedia.org/wiki/List_of_content_management_systems
https://whatcms.org/Tech_Reports
https://w3techs.com/technologies/overview/content_management
https://sv.wordpress.com/ 
https://wordpress.org/
http://www.softaculous.com/docs/enduser/install-wordpress-using-softaculous/

Vid problem med installationen via cPanel (Softaculous)
Om du har en tillfällig adress (IP-adress)
Gå till filhanteraren och leta efter filen wp-config.php 
Lägg till dessa rader i filen (efter rad 38)

define('WP_HOME','http://212.18.231.146/~DITT_KONTO/wp');
define('WP_SITEURL','http://212.18.231.146/~DITT_KONTO/wp');

  

Lektion 12 – WordPress (del 2) – Projektarbete (utveckling 4/4) (2023-01-22)

  • Förmiddag
  • Lokal installation via MAMP
  • Arbeta med sidor och menyer
  • Anpassa WordPress
  • Arbeta med tillägg
  • Skapa kontaktformulär
  • WordPress teman

  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 
  • Handledning 
    OBS! Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
    till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt.
 

 

Lektion 13– Projektarbete – Redovisningar  (2023-01-29)