Cursusbeschrijving

Componentgebaseerd ontwikkelen is een trend waar webontwikkelaars al langer mee te maken hebben. In vele technologieën ontwikkelden we componenten zodat we die konden hergebruiken binnen een applicatie of binnen onze organisatie. Dit stond echter in de kinderschoenen.

De componenten van ASP.NET WebForms of van JSF hebben we vandaag de dag niet veel meer aan. Maar ook recenter lopen we tegen problemen aan, bijv. als we Vue.js-componenten willen gebruiken binnen een Angularapplicatie.

Met de Web Components-standaard willen ze die ervaringen verbeteringen.
Verschillende libraries die met elkaar samenwerken op één pagina.
Verschillende versies van libraries die met elkaar samenwerken, zodat in de toekomst er niet een gigantische migratie plaats hoeft te vinden, maar component voor component kan worden gemigreerd.

In deze training leer je alles over deze standaard: hoe ermee te werken, hoe het te testen en de best practices.

Onderwerpen

  • Web Components (Custom Elements, Shadow DOM, Templates en ES Modules)
  • Custom Elements lifecycle
  • Shadow DOM styling en events
  • Unittesten
  • End-to-end testen
  • LitElement en lit-html (databinding, lifecycle, styling, directives, TypeScript)
  • Materiaal

    Digitaal Info Supportcursusmateriaal

    Voorkennis

    HTML, CSS en JavaScript