Opleiding : Angular, het Front-End framework van Google beheersenmigratie en ontwikkeling
Praktijkcursus - 4d
- 28u00 - Ref. AGU
|
Downloaden in pdf-formaat
Deze cursus delen via mail
 | JavaScript-ontwikkelingen organiseren, moduleren en testen |
| De fundamentals van het Angular Framework beheersen |
| Snel complexe webapplicaties maken |
| De eenheidstests kunnen integreren in de ontwikkeling |
| De goede praktijken voor ontwikkeling en ingebruikname kennen |
Doelgroep
Webarchitecten, -ontwikkelaars en -projectleiders.
Voorafgaande vereisten
Goede kennis van webtechnologieën en moderne tools voor Front-End ontwikkeling. Kennis van JavaScript.
Praktische modaliteiten
Praktisch werk
Modulaire samenstelling van een applicatie met Angular.
Leer methodes
Elk nieuw theoretisch concept wordt onmiddellijk praktisch toegepast.
Opleidingsprogramma
1 JavaScript-ontwikkeling: herinneringen
- Goede praktijken ECMAScript 5.
- ES7/ES6/ES2015, algemene presentatie.
- Syntactische nieuwe elementen: bereik, "template string", "arrow functions", de beloften...
- De ontwikkeling van JavaScript Object met class-syntax.
- Het pattern observeren/observeerbaar (ES7).
- RX.js library: belangrijke operator voor het manipuleren van waarneembare.
- Onmisbare tools. Babel, Tracer en Typescript.
- Typescript in detail, configuratie.
- ES6/2015 modulaire benadering.
- ES7 beheer van de asynchroniciteit: await async.
- "Loaders modules": Webpack, "import/export".
Praktisch werk
Een ES5/ES6 script migreren.
Implementatie van de omgeving met TypeScript.
2 Migreren van AngularJS 1.x naar Angular
- Vergelijking en "topografie" van concepten.
- Migratie voorbereiden. Structuur van een Angular-applicatie.
- De Angular-modules, "core" en belangrijkste modules.
- Principe van afhankelijkheidsinjectie.
- Classificatie van richtlijnen: component, attribuut, structuur.
- De decorateurs: definitie van de hiërarchieën.
Demonstratie
Een applicatie AngularJS 1.x migreren naar Angular.
3 Het hulpprogramma ng of @angular/cli
- Gebruik van het hulpprogramma in de commandoregel.
- Een projectstructuur scaffolderen: anatomie en afhankelijkheid.
- Configuratie van de taakhulpprogramma’s.
- Configuratie en belangrijkste commando’s.
- Een ontwikkelings-/productieserver starten (build).
- Compilatie Ahead of Time. Het begrip "Tree Shaking".
- Beheer van de modules: goede praktijken.
- BootStrap van de applicatie.
Praktisch werk
Een applicatieproject structureren, "scaffolderen".
4 Definitie van de componenten
- De Web-componenten begrijpen. (standaard, concepten, shadow DOM, scoped CSS, …).
- Levenscyclus in de applicatie.
- Angular Compiler: Change Detection.
- Syntax van de templates: interpolatie/expressie, "Binding" en filters.
- Transformatierichtlijnen: ngIf, ngFor, ngSwitch...
- Syntactische definitie, het symbool (*).
- Lokale variabelen en Template-variabelen.
- Componentenklasse. Configuratierichtlijnen: selector, provider.
- Gebruikersevenementen en gepersonaliseerde logische evenementen: EventEmitter.
Praktisch werk
Aanmaak van componenten.
5 Classificaties van de applicatiecomponenten
- Module, RouterModule, SharedModule.
- Component, Directive, Pipe, Service, Guard.
- Principe van de injectie van afhankelijkheden.
- Creatie van injecteerbare diensten. Classificatie van de diensten.
- Configuratie van de injector.
- De decorateurs en hun eigenschappen in detail.
- @Host, @ContentChild, @ViewChild.
- JavaScript Pure function, PurePipe.
Praktisch werk
Creatie van gepersonaliseerde componenten en richtlijnen.
6 Beheer van formulieren, "Routing" en HTTP-verzoek
- FormControl en FormGroup.
- TDF versus DDF: Template Driven Form en Data Driven Form
- Gepersonaliseerde validatie en foutbeheer.
- Dataverbinding via HTTP.
- Beheer en configuratie van de HTTP-uitwisselingen op applicatieniveau.
- Creatie van trajecten.
- Onderscheppen van routing- en wildcardinstellingen.
- Targeting, "router-outlet" routing events.
- Beheer van trajecten in de boom van de componenten.
- Configuratie van de "Guard’s" voor het initialiseren van de trajecten.
Praktisch werk
Implementatie van de validatiecycli van het formulier. Verbruik van een REST API.
7 Eenheidstesten. Beste praktijken en tools
- De testomgeving instellen.
- Voorstelling van Karma en Jasmine.
- Testen schrijven met Jasmine.
- Integratietesten schrijven met protractor.
- Code-coverage. Indexen voor code-coverage.
- BDD Behaviour Driven Development, TDD Test Driven Development.
- Testcase: pijp, component, applicatie.
- Angular "Coding guide Style".
Praktisch werk
Ontwikkeling van een applicatie op basis van eenheidstesten. Implementatie van de Test Driven Development.
Feedback van klanten
4,4 / 5
De feedback van klanten is afkomstig van eindevaluaties na de opleiding. De score wordt berekend op basis van alle evaluaties die minder dan 12 maanden oud zijn. Alleen die met een tekstcommentaar worden weergegeven.
MATHIS D.
23/06/26
5 / 5
Een goede aanpak met de begeleide oefeningen! De inhoud zorgt ervoor dat je vertrouwd raakt met de basisbegrippen van Angular, je weg vindt in een project en de bijbehorende technische onderwerpen begrijpt.
GAEL W.
23/06/26
5 / 5
Bedankt, een heel duidelijke training, zelfs voor iemand die geen pure webontwikkelaar is. Er kwamen veel vragen naar voren over debuggen, testdekking en backend in andere talen. Een collega en ik merkten op dat de terminologie veel weg had van ’Razor / Blazor’, dat maakt dat ik er meer over wil weten!
JÉRÉMIE F.
23/06/26
4 / 5
Misschien is er te veel tijd besteed aan de inleiding voordat we echt aan het onderwerp Angular begonnen. We hebben ons niet al te veel op de cursusmaterialen gebaseerd, maar die zijn wat de voorbeelden betreft niet meer up-to-date (er staan bijvoorbeeld nog steeds ngFor-loops in de voorbeelden, enzovoort). In ieder geval heb ik hierdoor concepten begrepen die ik al eerder had gebruikt, maar toen nog blindelings via ‘kopiëren/plakken’ :)
Publicatiedatum : 31/05/2024
DEELNEMERS
Webarchitecten, -ontwikkelaars en -projectleiders.
VOORAFGAANDE VEREISTEN
Goede kennis van webtechnologieën en moderne tools voor Front-End ontwikkeling. Kennis van JavaScript.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Webarchitecten, -ontwikkelaars en -projectleiders.
VOORAFGAANDE VEREISTEN
Goede kennis van webtechnologieën en moderne tools voor Front-End ontwikkeling. Kennis van JavaScript.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
PEDAGOGISCHE EN TECHNISCHE MIDDELEN
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Dit programma is een origineel concept, ontwikkeld door de pedagogische teams van ORSYS Formation. Elke reproductie, weergave, aanpassing of exploitatie, geheel of gedeeltelijk, zonder voorafgaande schriftelijke toestemming van ORSYS, is ten strengste verboden. ORSYS behoudt zich het recht voor om alle nodige maatregelen te nemen ter bescherming van haar intellectuele-eigendomsrechten.
Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand
Dernières places
Date garantie en présentiel ou à distance
Session garantie
Dit programma is een origineel concept, ontwikkeld door de pedagogische teams van ORSYS Formation. Elke reproductie, weergave, aanpassing of exploitatie, geheel of gedeeltelijk, zonder voorafgaande schriftelijke toestemming van ORSYS, is ten strengste verboden. ORSYS behoudt zich het recht voor om alle nodige maatregelen te nemen ter bescherming van haar intellectuele-eigendomsrechten.