079 363 2905

Typescript en Angular basistraining (open inschrijving)

Maak je eigen film zoeker in Angular. Ontsluit een web-API met alle facetten van Angular in je single-page app verwerkt, en test alles automatisch in meerdere browsers.

Doelgroep

Mensen die willen leren ontwikkelen in Angular

Inhoud

 

In 3 dagen worden 100 sheets in een rap tempo doorlopen. Naast 'hoe' wordt ook uitgelegd waarom je dingen doet. Wat is de verantwoordelijkheid van welk onderdeel, zodat we de onderdelen goed opbouwen tot een solide geheel.

 

 

 

  • We beginnen met 1/2 dag Typescript zodat de scheiding tussen Typescript en Angular duidelijk wordt. Je krijgt een voorbereid bestand waarin alle tijdrovende randvoorwaardelijke code voor je is geschreven, zodat jij je alleen hoeft druk te maken over de invulling van de belangrijke regels. Aan het einde van dit dagdeel heb je je eigen 13 hoofdstukken tellende Typescript cheat sheet gemaakt.Op dezelfde dag beginnen met Angular. Eerst wat voorbereidingen, installaties, en de generatie van je Angular app. Daarna kunnen we echt van start met Angular. We bouwen de eerste elementen, die data direct laten veranderen op ons scherm.

  • Op de tweede dag maak je je eerste service, je injecteert deze in je component, en stuurt je de eerste data van de web-api via je service naar je componenten in het scherm. Je bouwt zoeken in, en je vindt je favoriete film.

  • Je leert de principes van de Angular dataflow tussen componenten en je bouwt je tweede component met meer informatie van de film waarop je klikt zonder page refresh.

  • Op de laatste dag gaan we snel door het maken van bookmarkable page links heen, en bouw je een hoofdmenu. Ook leer je hoe je met pipes data snel anders kunt weergeven op het scherm zonder de data te manipuleren.

  • Alles wat we gebouwd hebben, gaan we testen. Het doel is 100% coverage, functionele werking gecontroleerd, en werkend in meerdere browsers. Dit natuurlijk met 1 klik of commando.

     

    Het eerste deel Typescript is een zeer strak programma met een compleet voorbereid werkblad waar je letterlijk niet één keer op enter hoeft te drukken. De sheets geven de juiste regelnummers aan en het is daarom niet altijd handig om af te wijken. De Angular applicatie maak je geheel zelf op je laptop. Hoe je het er uiteindelijk uit laat zien en welke extra feature jij bedenkt, is aan jou. Het pad wordt gelegd in de sheets, maar het staat je vrij om eigen keuzes bij implementatie te maken.

     

    Benodigde voorkennis:

  • Standaard HTML kennis is een must

  • Enige CSS kennis is een pré

Enige Javascript kennis is een pré

Door: Jeroen van Dijk-Jun

Bijeenkomsten en Praktisch

Kosten En Voorwaarden

minimaal 8 deelnemers

maximaal 16 deelnemers

Kosten:

650 euro excl. voor maten, 1000 euro excl. voor niet-maten