Angular Training - eLearning
450,00 EUR
- 50 hours
Deze Angular certificeringstraining helpt je om front-end webontwikkeling met Angular onder de knie te krijgen. Verkrijg diepgaande kennis van Angular-concepten, zoals het vergemakkelijken van de ontwikkeling van single-page webapplicaties, dependency injection, TypeScript, componenten, richtlijnen, pipes, formulieren, routering en testen.
Belangrijkste kenmerken
Taal
Cursus en materiaal zijn in het Engels
Niveau
Beginner - gemiddeld voor aspirant webontwikkelaar
Toegang
1 jaar toegang tot het zelfstudie eLearning platform 24/7
20 uur aan videomateriaal
met een aanbevolen studieduur van 50 uur
Project
2 Eindproject van de cursus
Geen examen
Er is geen examen voor de cursus, maar de student zal een certificaat van voltooiing van de training ontvangen

Leerresultaten
Aan het einde van deze online Angular-training zult u in staat zijn om:
Ontwerp
Begrijp het ontwerp van single-page applicaties en hoe Angular hun ontwikkeling vergemakkelijkt
Model
Scheid de model-, view- en controllerlagen van je applicatie en implementeer ze met Angular
Angular expressies
Beheers Angular expressies, filters en scopes
Bouwen
Bouw Angular-formulieren en schrijf Angular-richtlijnen
Eenheidstest
Voer unit tests en end-to-end tests uit op je Angular applicaties
Dynamische gebruikersinterface
Interactieve en dynamische gebruikersinterfaces ontwikkelen met Bootstrap
Cursusprogramma

Single Page Applicaties
Les 01
- Cursusoverzicht
- Introductie tot Single Page Applications (SPA)
- Waar hebben we Angular voor nodig
- Het opzetten van de ontwikkelomgeving
- Architectuur van Angular-applicaties
- Eerste Angular App
TypeScript en ESNext
Les 02
- Module Introductie en Introductie tot TypeScript
- Het opzetzen van de omgeving om TypeScript te schrijven
- Variabele declaraties (var, let en const)
- Typen - Primitieven
- Typen - Referentie- en Speciale Typen
- Operatoren - Spread en Backticks
- Operatoren - Destructureren en Rest
- Lessen
- Interface
- Pijlfuncties
- Modules
- Apporteer
- Asynchroon of wachten
Decorateur
Les 03
- Module-introductie en een overzicht van Angular Modules
- Wat zijn decorators
- Angular Modules en de @NgModule Decorator
- Verklaringen
- Import en Export
- Aanbieders, bootstrap en invoercomponenten
- Opstartmechanisme van Angular-applicatie
Component Decorator
Les 04
- Module Introductie
- Angular-componenten en de @Component-decorator
- Een Angular Component maken met de Angular CLI en op StackBlitz
- Metadata van Component Decorator
- Weergave-inkapseling - Nagebootst, ShadowDom, Geen
- Datakoppeling - Stringinterpolatie
- Eigenschapbinding
- Gebeurteniskoppeling
- @Invoer nl @Uitvoer Eigenschap Decorators
- Tweerichtings Data Binding
- Attribuutbinding
- Klassebinding
- Klassebinding
- Introductie tot Lifecycle Hooks in Angular
- Gebruikmaken van Lifecycle Hooks in Angular
- Bekijk Query's - Bekijk Kind, Bekijk Kinderen, Inhoud Kind, Inhoud Kinderen
- Verander het detectiemechanisme in Angular. ZoneJS, NgZones
Angular Routeren
Les 05
- Introductie tot routering
- Routing implementeren in een Angular-app
- Een gebruikerslijst aanmaken. Het podium klaarzetten voor Child Routing
- Het abstraheren van de gebruikerslink naar een apart component
- Kindroutes implementeren
- Overeenkomst van pad en routetypes
- Introductie tot Route Guards in Angular
- CanActivate en CanActivateChild Guards in Angular
- CanDeactivate-beveiliging in Angular
- Gegevens vooraf laden voor een component met Resolve
Afhankelijkheidsinjectie
Les 06
- Introductie tot de sectie
- DI als een Patroon, DI als een Framework en Typen Providers
- Hiërarchische afhankelijkheidsinjectie
- Introductie tot Services in Angular
- Gegevens ophalen van een Rest API met HttpClient
- CRUD-operaties met HttpClient, HttpParams en HttpHeaders
- Observables en Operatoren in Observables - Map, Retry, Catch
- BehaviorSubject en het delen van gegevens met BehaviorSubjects
Diepgaande Duikrichtlijnen
Les 07
- Introductie tot de sectie
- Introductie tot directieven
- Ingebouwde structurele richtlijnen
- Ingebouwde attribuut directieven
- Aangepaste attribuut directieven bouwen
- Aangepaste structurele richtlijnen bouwen
- Introductie tot Pipes in Angular
- Gebruikmaken van ingebouwde pipes
- Aangepaste pipes maken in Angular
- Pure en impure pipes in Angular
- Decorators Herbezocht
- Aangepaste Decorators Bouwen in Angular
- Een aangepaste Lifecycle Hook Class Logger Decorator bouwen
- Een aangepaste eigenschapdecorator bouwen in Angular
Formulieren in Angular
Les 08
- Introductie tot de sectie
- Soorten strategieën voor het bouwen van formulieren in Angular
- Snel lange Bootstrap-formulieren maken met VS Code met behulp van Emmet
- FormControl(s) toevoegen aan een Template Driven formulier met behulp van de ngModel-directive
- De JavaScript Object Representatie van een formulier krijgen met behulp van de ngForm-directive
- Het uitschakelen van de Verzendknop op een formulier met behulp van de $invalid vlag van het formulier
- Het verkrijgen van de JavaScript Object Representatie van een formulier in de TypeScript Klasse
- Toevoegen van selectievakjes, keuzerondjes en keuzelijsten aan je Template Driven Formulier
- Het creëren van subsecties in het formulier met behulp van de NgModelGroup-directive
- Stappen om een Reactief formulier in Angular te implementeren
- Snel een Bootstrap-formulier voor ons Reactieve formulier maken met Emmet
- Een reactief formulier aanmaken in de TypeScript-klasse en het verbinden met de template
- Validaties toevoegen aan een Reactief Formulier
- Dynamisch toevoegen of verwijderen van FormControl(s) of FormGroup(s) met behulp van FormArray(s)
- Synchrone aangepaste validaties toevoegen aan je Reactive Form
- Asynchrone aangepaste validaties toevoegen aan je Reactive Form
- Het terugzetten van de waarde van een formulier
Gebruik van externe bibliotheken
De 09
- Introductie tot de sectie
- Een Angular CLI-project maken met SCSS als basistijl
- Material Design Bootstrap introduceren in je Angular CLI-project
- Een navigatiebalk toevoegen aan je header
- Toevoegen van Material Design-knoppen
- Kaarten toevoegen
- Gebruik van Material Design dropdownmenu's en formulierinvoervelden
- Angular Material introduceren in je Angular CLI-project bovenop MDB
- Toevoegen van radioknoppen, schuifschakelaar, schuifregelaar, voortgangsbalk en spinner
- Introductie tot Firebase
- Een app maken met de Firebase-console
- Je Angular CLI-project instellen voor ondersteuning van Firebase
- Interactie met Firebase Realtime Database met behulp van methoden op AngularFireList
- Gegevens toevoegen en lezen vanuit de Realtime Database in Firebase
- Gegevens bijwerken en verwijderen uit de Realtime Database in Firebase

Wie zou zich moeten inschrijven voor dit programma?
Er zijn geen voorwaarden voor het volgen van deze Angular certificeringstraining. Een Angular certificeringscursus is ideaal voor personen die hun vaardigheden in Angular willen opbouwen of verbeteren, een populair JavaScript-framework voor het bouwen van dynamische webapplicaties. Hier is wie er het meest van zou kunnen profiteren:
UI-ontwikkelaars
Technisch project-/productmanager
Full-stack webontwikkelaars
Kwaliteitsborging
Studenten in bachelor-/masterprogramma's
Verklaringen
Licenties en accreditatie
De Angular certificeringstraining wordt aangeboden door Simplilearn volgens de Partner Programma Overeenkomst en voldoet aan de vereisten van de Licentieovereenkomst. AVC promoot deze cursus namens Simplilearn.
Gelijkheidsbeleid
Simplilearn biedt geen accommodatie vanwege een handicap of medische aandoening van studenten. Kandidaten worden aangemoedigd om contact op te nemen met AVC voor begeleiding en ondersteuning gedurende het accommodatieproces.
Veelgestelde Vraag

Heb je en zakelijke oplossing of LMS-integratie nodig?
Heb je niet de cursus of het programma gevonden dat geschikt zou zijn voor jouw bedrijf? Heb je een LMS-integratie nodig? Neem contact met ons op! Wij zullen met een passende oplossing komen!