Folkuniversitetet

Utbildningen är sökbar via Folkuniversitetet i Stockholm.

Diplomerad Webbutvecklare är en bred och intensiv utbildning för dig som vill arbeta med responsiva och databasdrivna webbplatser.
Utbildningen ger även grundläggande kunskaper om olika programspråk såsom JavaScript och PHP.
Teori och praktik varvas i utbildningen, vilket är stimulerande och underlättar inlärningen.
 

Presentationer (PDF och PowerPoint) finns att ladda ner här (inloggning krävs)

 

Lektioner  (Öppna alla lektioner)

  • Introduktion till kursen
  • WWW, Historia, W3C
  • Webbläsare
  • Editorer, VS Code, Emmet
  • HTML (Grundläggande)
  • Grundstruktur
    DOCTYPE, HTML, HEAD, TITLE, META, BODY
  • HTML Kommentarer
  • Taggar/Element
  • Blockelement
    H1-H6, P, HR, DIV, PRE
  • Inline-element: BR, SPAN
  • Textformatering, entiteter och symboler
  • Semantiska element
    HEADER, NAV, MAIN, SECTION, ARTICLE, ASIDE, ADDRESS, FOOTER
  • Attribut, globala attribut
    LANG, TITLE, HIDDEN, ID
  • Länkar: A-taggen
    Lokala/interna länkar
    Externa länkar, attributet target
    E-postlänkar
    Bokmärken
  • Listor
    Punktlistor, UL, LI
    Numrerade listor, OL
  • Bilder: IMG-taggen
    Bildformat (PNG, JPG, GIF)
    Bildlänkar
  • iframe, Google Maps
  • HTML Validering
    W3C Markup Validation Service 

 

 

  • Introduktion till CSS
  • CSS Regler och egenskaper
  • Externa CSS-filer: Link-taggen
  • Intern CSS: Style-taggen
  • Inline CSS: Attributet style
  • Färger: RGB och HEX
  • Textformatering
  • Google Fonts
  • CSS Selektorer
  • Klasser och ID-regler
  • Formatera länkar
  • Google Icons
  • Font Awesome

 

  

 

 

  • Introduktion till Webbserverprogrammering
  • MAMP: Portar, Document Root
  • Apache Webbserver, localhost
  • PHP.INI: display_errors
  • Webbhotell 
  • cPanel
  • Introduktion till PHP
  • Grundläggande syntax
  • Variabler och konstanter
  • Arrayer: Indexerade, Associativa
  • Arbeta med $_GET 
  • Include och require

 

 

  • Strängar
  • Arbeta med datum och tid
  • Selektioner: If, else
  • Iterationer: for, while, foreach
  • Funktioner
  • Arbeta med $_POST
  • Formulär

 

 

 

 

 

 

Var god och lämna in en anonym mittterminutvärdering tack!  

 

 

 

  • Introduktion till JavaScript
  • Script-taggen
  • Externa JS-filer
  • Grundläggande syntax
  • Variabler och konstanter
  • Nyckelord
  • Arrayer
  • Operatorer
  • Funktioner: Parametrar, Argument, Return-satsen
  • Selektioner: if-else
  • Iterationer: For-satsen, While-satsen
  • Objekt: Egenskaper och Metoder
  • DOM
  • document: getElementById
  • element: innerHTML
  • window: alert, prompt, confirm, location.href
  • console: log, error
  • Events

 

 

  • Förmiddag
  • JavaScript-Bibliotek
  • jQuery
  • Bootstrap JS
  • Popper.JS
  • Exempel och övningar
  • Popovers
  • Tooltips
  • Dropdowns
  • Alerts
  • Collapse
  • Responsiv navigering
  • Carousel
  • Modal
  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 

 

 

 

  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 

 

  • Förmiddag
  • Introduktion till CMS
  • Grunderna i WordPress
  • Online installation via OneClick/cPanel (Softaculous)
  • Skapa en Blogg
  • Vad är widgetar?
  • Arbeta med sidor och menyer
  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 

Vid problem med installationen via cPanel
1. Gå till PHP Selector
2. Välj PHP 7.4
3. Lägg till nd-mysqli

Om du har en tillfällig adress (IP-adress)
Lägg till dessa rader i filen wp-config.php (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');

Rekommenderad läsning

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

Ladda ner boken här!

 

  • Förmiddag
  • Lokal installation via MAMP
  • Anpassa WordPress
  • Mer om widgetar
  • Arbeta med tillägg
  • Skapa kontaktformulär
  • WordPress teman

  • Eftermiddag
  • Projektarbete – Fas 2: Utveckling
  • Eget arbete 

OBS! Privat handledning. Boka tid i förväg (30 minuter per person)
Handledning ges enbart inom kursens ramar och kan dessvärre inte ges
till "överkurs-frågor" eller deltagarnas privata hemsidor/projekt

  • 10.00-10.30 –
  • 10.30-11.00 – 
  • Paus
  • 11.15-11.45 –
  • 11.45-12.15 –
  • Lunch
  • 13.00-13.30 – 
  • 13.30-14.00 –  
  • Paus
  • 14.15-14.45 –  
  • 14.45-15.15 –  
  • Paus
  • 15.30-16.00 – 
  • 16.00-16.30 –