CONTACT ONS

Cursusaanbod

De structuur en stijl (HTML & CSS)

Inleiding & webtechnologieën

  • Hoe het web werkt: Het client-servermodel eenvoudig uitgelegd.
  • De browser als computer: Code interpreteren.
  • HTML: Het geraamte van het web. Structuur, hiërarchie en semantische tags.
  • CSS: De styling van het web. Kleuren, lettertypes en het boxmodel.
  • Lab 1: De omgevingscontainer instellen en een statische "Over mij" profielpagina bouwen.

Werken met HTML & CSS (dieper ingaan)

  • HTML: lijsten, links, afbeeldingen en formulieren (essentieel voor gebruikersinteractie).
  • CSS: Tekst en achtergrond stylen. Inleiding tot Flexbox en Grid voor moderne lay-outs.
  • Responsief ontwerp: De website geschikt maken voor mobiele apparaten en desktops.
  • Lab 2: De statische pagina verfijnen met professionele styling en mobiele responsiviteit.

Werken met de DOM (Document Object Model)

  • Concept: Begrijpen hoe code relateert aan de visuele pagina.
  • Elementen selecteren: Hoe specifieke onderdelen van een webpagina targeten.
  • Manipulatie: Inhoud en attributen wijzigen via code.
  • Lab 3: Elementen van de statische pagina via code wijzigen (bijv. dynamisch een titel of afbeelding veranderen).

Het brein (JavaScript)

Programmeren in JavaScript (de basis)

  • Variabelen & datatypen: Informatie opslaan (tekst, getallen, true/false).
  • Logica: if/else-statements (beslissingen nemen).
  • Loops: Acties efficiënt herhalen.
  • Functies: Herbruikbare codeblokken maken (het "recept"-concept).
  • Lab 4: Een simpele calculator of logische game maken met JavaScript.

Interactie & gebeurtenissen

  • Event listeners: Reageren op muisklikken, toetsaanslagen en pagina's die laden.
  • Formulierafhandeling: Gebruikersinvoer valideren (bijv. controleren of een e-mailadres realistisch is).
  • DOM-manipulatie: Dynamisch elementen toevoegen en verwijderen (bijv. een taaklijst).
  • Lab 5: De calculator omtoveren tot een interactieve webapp met feedback via de UI.

Gegevens ophalen (API's)

  • Concept: Hoe webapplicaties communiceren met andere servers (bijv. het ophalen van weergegevens of beurskoersen).
  • JSON: De taal voor gegevensoverdracht.
  • Async programmeren: Logica begrijpen van "wacht, en doe daarna" zonder dat de browser bevriest.
  • Lab 6: Een feature bouwen die live gegevens uit een openbare API haalt en op de pagina weergeeft.

De professionele toolbox (frameworks & eindopdracht)

Frameworks gebruiken

  • Waarom frameworks gebruiken? (Concepten van React, Vue of Svelte).
  • Componenten: Modulaire, herbruikbare stukken van de UI bouwen.
  • State management: Veranderende gegevens bijhouden.
  • Het ecosysteem: Begrijpen van packages, afhankelijkheden en versiebeheer (Git).
  • Lab 7: Een simpele feature refactoren met een componentgebaseerde aanpak.

De eindopdracht: Een webapplicatie bouwen

  • Vereiste: Deelnemers moeten een functionele webapplicatie bouwen (bijv. een budgettracker, een productdashboard of een portfolio-site).
  • Planning: De "user story" en technische omvang definiëren.
  • Implementatie: HTML/CSS-structuur combineren met JavaScript-logica.
  • Foutopsporing (debugging): Hoe je foutmeldingen leest en gebroken logica herstelt.
  • Presentatie: De final applicatie presenteren aan de groep.

Afsluitende opmerkingen & vervolgstappen

  • Technische woordenschat: Een cheat sheet voor communicatie met ingenieurs (API, Backend, Frontend, Git, Deployment).
  • Resourcengids: Waar je meer kunt leren (documentatie, StackOverflow, MDN).
  • Carrière-integratie: Hoe deze vaardigheden helpen in rollen zoals productmanagement en design.
  • Vraaggesprek en cursusevaluatie.

Vereisten

  • Basisvaardigheden in het gebruik van de computer
  • Er is geen eerdere programmeerervaring nodig
 21 Uren

Aangepaste bedrijfsopleiding

Opleidingsoplossingen ontworpen exclusief voor bedrijven.

  • Aangepaste inhoud: We passen de syllabus en praktijkopdrachten aan naar de echte doelen en behoeften van uw project.
  • Voor flexibel schema: Datums en tijden aangepast aan het rooster van uw team.
  • Formaat: Online (live), In-company (bij uw kantoren) of Hybride.
Investering

Prijs per privégroep, online live training, startend vanaf 4800 € + BTW*

Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen

Reviews (2)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën