Introduction

Leer in 8 uur de fundamenten van webontwikkeling met deze toegankelijke videoreeks (32 video's van ±15 minuten). Je begint bij de basis: hoe het web werkt en hoe je je eerste HTML-pagina opzet. Daarna duik je in HTML, CSS en JavaScript – van structuur en styling tot interactieve elementen en API’s. Je sluit af met het bouwen en publiceren van een eigen webproject. Inclusief praktische opdrachten, eindcode en tips voor vervolgstappen zoals frameworks en hosting. Perfect voor absolute beginners!

Hoofdstukken

  • Chapter image
    #1 - Module 1: Inleiding op Webontwikkeling - 09m35s
  • Chapter image
    #2 - Module 1.1/1.2: Installatie van tools: Code-editor, browser en inspectietools
  • Chapter image
    #3 - Module 1.3: Opzetten van een eerste HTML-pagina (basisstructuur, eerste tags)
  • Chapter image
    #4 - Module 2: HTML Basis 02m24s
  • Chapter image
    #5 - Module 2.1: HTML - Tags, Attributen en Reference Guide
  • Chapter image
    #6 - Module 2.2: HTML - Links, Afbeeldingen en Tabellen Toevoegen
  • Chapter image
    #7 - Module 2.3: Formulieren gebruiken
  • Chapter image
    #8 - Module 2.4: Semantische HTML en toegankelijkheid (voor betere leesbaarheid en SEO)
  • Chapter image
    #9 - Module 3: CSS Deel I: Basis 01m58s
  • Chapter image
    #10 - Module 3.1: Inleiding op CSS: Inline, interne en externe CSS
  • Chapter image
    #11 - Module 3.2: Kleuren, lettertypes en achtergrondafbeeldingen
  • Chapter image
    #12 - Module 4: JavaScript Basis 02m03s
  • Chapter image
    #13 - Module 4.1: Wat is JavaScript en waarom is het belangrijk?
  • Chapter image
    #14 - Module 4.2: Variabelen, datatypes, if
  • Chapter image
    #15 - Module 4.3: Operators, events, if else in JavaScript
  • Chapter image
    #16 - Module 4.4: Functies, Template Literals, Arrays en Loops
  • Chapter image
    #17 - Module 5: Interactiviteit en Dynamiek 01m03s
  • Chapter image
    #18 - Module 5.1: Objecten, in combinatie met Formulieren, Boodschappenlijst
  • Chapter image
    #19 - Module 5.2: Methoden Strings en Arrays
  • Chapter image
    #20 - Module 5.3: Functies op drie manieren
  • Chapter image
    #21 - Module 5.4: Basis API-aanroepen en JSON (communiceren met externe data), localStorage
  • Chapter image
    #22 - Module 6: CSS Deel II: Layouts en Styling 00m44s
  • Chapter image
    #23 - Module 6.1: Flexbox: Moderne layouts maken
  • Chapter image
    #24 - Module 6.2: Grid-layout: Geavanceerde layout-technieken
  • Chapter image
    #25 - Module 6.3: Responsief ontwerp en media queries
  • Chapter image
    #26 - Module 6.4: CSS animaties en transities
  • Chapter image
    #27 - Module 7: Webprojecten Bouwen 01m55s
  • Chapter image
    #28 - Module 7.1: JavaScript Moderne manier CreateElement. Een interactieve website maken (toepassing van alles)
  • Chapter image
    #29 - Module 7.2: CSS en JavaScript combineren voor dynamische effecten, intro timeout
  • Chapter image
    #30 - Module 7.3: Werken met LocalStorage & Cookies
  • Chapter image
    #31 - Module 7.4: Debugging en performance optimalisatie
  • Chapter image
    #32 - Module 8: Afsluiting en Verdere Stappen 03m49s
  • Chapter image
    #33 - Module 8.1: Code organiseren en best practices voor webontwikkeling
  • Chapter image
    #34 - Module 8.2: Online zetten van een website met Azure, Netlify, of eigen FTP server
  • Chapter image
    #35 - Module 8.3: Inleiding op frameworks, zoals Angular 15m35s

Docent

Instructor picture
Felix Van Loenen Docent Development & AI
Deze training voor je gehele team aanschaffen? Vraag een offerte aan