HTML (Hypertext Markup Language) is het standaard bestandsformaat waarin pagina's en sites worden gecreëerd voor het World Wide Web. Hoewel eenvoudige pagina's tegenwoordig doorgaans worden gemaakt met een grafisch productiviteitshulpmiddel, blijft kennis van de syntax van HTML een noodzaak voor het bouwen van meer gesofisticeerde sites.

Naast HTML-tags gebruikt een webpagina CSS (Cascading Style Sheets) voor de vormgeving en bevat deze vaak interactieve elementen, zoals links, formulieren en JavaScript-functionaliteit.

JavaScript is een eenvoudige, objectgeoriënteerde programmeertaal die binnen de browser wordt uitgevoerd. Hierdoor kunnen websites ontwikkeld worden die dynamischer en interactiever zijn dan pure HTML.

Hoewel HTML het ideale hulpmiddel is voor het creëren van statische webpagina's, is deze taal niet echt geschikt voor het maken van een dynamische interface. Angular, een open-source framework dat gebruik maakt van TypeScript, helpt ons bij het creëren van front-end webapplicaties. We leren hoe we een volledige "single-page web application" (SPA) schrijven, in overeenstemming met de "best practices" voor web-ontwikkeling. We leren werken met de belangrijkste bouwstenen van Angular: modules, components, templates, metadata, data binding, directives, services en dependency injection.

Aan het einde van de cursus zal de deelnemer:

• in staat zijn om een webapplicatie te maken door HTML, CSS, JavaScript en Angular te combineren
• weten hoe je een API-aanroep integreert in een applicatie

• HTML5
  • Basisstructuur van een HTML-document
  • Tekstopmaak van HTML-elementen
  • Opmaak-stijlen en CSS (Cascading Style Sheets)
  • Afbeeldingen en andere ingebedde objecten
  • Hyperlinks naar andere webpagina's
  • Tabellen
  • Formulieren en HTML-controls
  • Nieuwe HTML5-features
• JavaScript
  • Hoe scripts toevoegen aan een HTML-pagina
  • Syntax: variables, data types en operations
  • program flow: if-else, switch, while, do while, for
  • functies: declaratie, rest parameters, functie expressies, arrow functions
  • Document Object Model (DOM)
  • Event based programmeren: event listeners
  • OO programmeren: JSON, classes, objects, modules
  • Standaard JavaScript objects
  • Forms, validatie en navigatie
  • Error Handling
• Angular
  • Angular Introductie: geschiedenis, installatie en tooling, applicatie opzet
  • TypeScript
  • Binding, Pipes en Directives
  • Gebruik van models
  • Components: Input/Output
  • Angular Modules
  • Reactive en Template-driven forms
  • Routing
  • User input en form validatie
  • Services en Dependency Injection 
  • Observables en RxJS: Change Events en API calls

Klassikale opleiding waarbij niet enkel de elementaire theorie onderwezen wordt, maar waar vooral de nadruk gelegd wordt op praktijkgerichte oefeningen.

Een interactieve, live training - gegeven in een fysiek klaslokaal of online, of in een hybride vorm. De cursus kan gegeven worden in het Nederlands, Engels of Frans.

Enige ervaring met programmeren is vereist (zie cursus Programmeren: basiscursus).

Deze cursus richt zich tot beginnende front-end web-ontwikkelaars die hun website aantrekkelijker en interactiever willen maken.