Opleiding: AngularJS 2.0 - TypeScript - JavaScript - Programmeren (algemeen)

Na inschrijving van de Award Winning E-learning training AngularJS 2.0, ontvangt u per e-mail een link om in te loggen in uw leeromgeving waar u een persoonlijk wachtwoord aanmaakt. Eenmaal ingelogd in uw persoonlijke leeromgeving ziet u een overzicht van de cursusonderdelen. Via de inhoudsopgave schakelt u automatisch over naar elk gewenst onderdeel van de training.

Er zit tevens een Voortgangsbewaking bij om eenvoudig te zien hoe ver u bent binnen uw training. U kunt daarbij 1 jaar lang (365 dagen), 24/7 (elke dag en nacht) inloggen om verder te gaan met de training.

Deze Engelstalige training met ondertiteling heeft interactieve, eenvoudig te volgen video's in HD beeldkwaliteit met heldere audio kwaliteit. Daarnaast biedt de training Support en/of een Online Mentor aan als u problemen ondervindt. De training is beschikbaar in elke browser voor zowel PC, Mac, Tablet én Smartphone. Dus zelfs via uw mobiel kunt u handig de training volgen.

De training is inclusief lees- en/of praktijkopdrachten met trainingstest, mits noodzakelijk voor de training. Na afronding van de training krijgt u een Certificaat van Deelname en sluit u zich aan bij de reeds duizenden tevreden cursisten.

Angular 2 is een JavaScript-framework voor het maken van single-page applicatie front-ends voor het web. Angular 2 is een herschrijving van Angular 1 en heeft als zodanig een andere benadering van de ontwikkeling van webapplicaties dan zijn voorganger. Dit leerpad leert u hoe u een ontwikkelomgeving configureert voor het bouwen van Angular 2-apps, evenals de verschillende aspecten die komen kijken bij het maken van een app. U leert hoe u modules en componenten kunt maken en gebruiken en ook hoe u gebruik kunt maken van Angular's template syntax. U leert hoe u de verschillende directives en pipes kunt gebruiken die in Angular zijn ingebouwd, en ook hoe u uw eigen directives, pipes en services kunt maken. Het pad behandelt het bouwen en valideren van formulieren, het implementeren van SPA routing, en ook het maken van netwerkoproepen met behulp van HTTP. Je leert ook rijke ervaringen te ontwikkelen door gebruik te maken van animatie, naast het ontwikkelen van cross-platform apps die goed kunnen draaien en presteren op mobiele apparaten. Je leert hoe je Angular-applicaties test, hoe je Angular-applicaties beveiligt, en ook hoe je de Angular CLI gebruikt om eenvoudige taken uit te voeren vanaf de commandoregel.

Cursusinhoud

Setting Up the Angular 2 Environment

Course: 15 Minutes

• Course Introduction
• Installing Node
• Installing NPM
• Installing a Code Editor
• Creating Angular Configuration Files
• Installing Angular Packages

Creating an Angular Application

Course: 17 Minutes

• Creating an Angular App Module
• Creating an Angular App Component
• Configuring Angular Application Startup
• Creating an Angular App Host Page
• Styling an Angular App
• Running an Angular App

Working with Angular App Components

Course: 41 Minutes

• Setting Template URLs for Components
• Creating a Component
• Adding Styles to a Component
• Using Interpolation
• Using Property Bindings
• Using Event Bindings
• Using Two-way Data Bindings
• Providing Input Data to Components
• Sending Component Events as Outputs

Practice: Create a Simple Angular 2 Application

Course: 4 Minutes

• Exercise: Creating a Simple Angular 2 Application4

Angular Template Syntax

Course: 13 Minutes

• Course Introduction
• Working with Class Binding
• Working with Style Binding
• Using the Safe Navigation Operator

Angular Built-in Directives

Course: 40 Minutes

• Using the ngClass Directive
• Using the ngIf Directive
• Using the ngStyle Directive
• Using the ngSwitch Directive
• Using the ngFor Directive
• Using ngFor with Index
• Using ngFor with TrackBy
• Working with * and
• Creating Custom Attribute Directives

Angular Pipes

Course: 21 Minutes

• Using the Uppercase and Lowercase Pipe
• Using the JSON Pipe
• Using the Currency Pipe
• Using the Slice Pipe
• Using the Date and Slice Pipes
• Creating a Custom Pipe

Practice: Creating Angular 2 Pipes

Course: 3 Minutes

• Exercise: Using an Angular 2 Custom Pipe

Working with Template-driven Forms

Course: 23 Minutes

• Course Introduction
• Creating a ts Model Object
• Creating a Form Component
• Creating a Form Template
• Using ngModel to Bind Form Fields
• Using Template Reference Variables
• Using ngModel and ngModelChange

Working with Form State

Course: 19 Minutes

• Tracking Changes in Angular Forms
• Updating Form Appearance Using CSS
• Displaying Form Validation Errors
• Resetting a Form
• Submitting a Form

Working with Model-driven Forms

Course: 33 Minutes

• Installing ReactiveFormsModule
• Creating a Model Driven Form Component
• Setting up a Model Driven Form View
• Initializing the Form Model
• Adding Form Controls to the View
• Setting Dynamic Form Values
• Setting Singular Dynamic Form Controls
• Detecting Changes to Forms

Practice: Creating Angular 2 Forms

Course: 4 Minutes

• Exercise: Create and Validate an Angular 2 Form

Angular 2 Routing Basics

Course: 32 Minutes

• Course Introduction
• Installing the Angular Router
• Configuring a Router
• Using a Router Outlet
• Working with Router Links
• Working with Routing Modules
• Modularizing an Angular App
• Creating Module-specific Routes
  
  

Angular 2 Services

Course: 9 Minutes

• Creating Angular Services
• Injecting and Using Angular Services

Working with Route Parameters

Course: 38 Minutes

• Navigating via Route Parameters
• Accessing Route Parameters
• Working with Optional Route Parameters5
• Child Routes and Nested Router Outlets
• Secondary Routes and Named Outlets

Working with Promises and Observables

Course: 49 Minutes

• Installing the HTTP Module
• Fetching Data Using HTTP.get
• Working with Observables
• Route Parameters as Observables
• Using the CanActivate Route Guard
• Using the CanDeactivate Route Guard

Practice: Creating Angular 2 Routes
Course: 4 Minutes

Working with Simple Animations

Course: 25 Minutes

• Course Introduction
• Installing the Animation Functions
• Setting up Animation Triggers
• Setting up Animation States
• Setting up Animation Transitions
• Attaching Animations
• Using the Wildcard Animation State
• Using the Void Animation State

Working with Keyframe Animations

Course: 12 Minutes

• Setting up a Keyframe Animation
• Setting up Parallel Animation Groups
• Using Animation Callbacks

Creating Mobile Apps with NativeScript

Course: 41 Minutes

• Installing NativeScript
• Creating a New NativeScript and Angular App
• Setting up Target Deployment Platforms
• Running a NativeScript App Project
• Customizing NativeScript UI
• Working with NativeScript Layouts
• Styling NativeScript Apps
• Routing NativeScript Apps
• Animating NativeScript Apps
• Working with Native APIs

Practice: Animating Angular Apps

Course: 4 Minutes

• Exercise: Animate an Angular App

Setting up a Test Environment

Course: 13 Minutes

• Course Introduction
• Installing Jasmine
• Installing Karma
• Creating a Test Spec File
• Executing Tests
• Debugging Tests

Testing Pipes and Services

Course: 12 Minutes

• Testing Pipes
• Testing Services
• Testing Services with Dependencies

Testing Components

Course: 1 Hour, 3 Minutes

• Using the TestBed Class
• Testing a Component
• Testing and Change Detection
• Testing Components with External Resources
• Testing Components with Service Dependencies
• Testing Components with Async Services
• Testing Components that Have Inputs and Outputs
• Testing Components in Hosted Components
• Testing Components with Routes
• Using NO_ERRORS_SCHEMA
• Testing Attribute Directives

Practice: Testing an Angular App
Course: 4 Minutes

Angular 2 Security Fundamentals

Course: 14 Minutes

• Course Introduction
• Best Practices for Securing Angular Apps
• Working with Angular and Cross-site Scripting (XSS)
• Using DomSanitizer in Angular
• Using Angular and Cross-site Request Forgery (XSRF)

Angular 2 Authentication

Course: Course: 29 Minutes

• Installing the Angular2-jwt Library
• Creating an Authentication Service
• Setting up Login and Logout
• Guarding Routes that Require Authentication
• Sending Authenticated Requests

Working with Angular CLI

Course: 21 Minutes

• Installing Angular CLI
• Creating an App Using Angular CLI
• Creating Components Using Angular CLI
• Creating Directives Using Angular CLI
• Creating Pipes Using Angular CLI
• Creating Services Using Angular CLI
• Creating Modules Using Angular CLI
• Setting up Routes Using Angular CLI

Practice: Using Angular CLI

Course: 3 Minutes

• Exercise: Create an App with Angular CLI

Specificaties

Taal: Engels
Kwalificaties van de Instructeur: Gecertificeerd
Cursusformaat en Lengte: Lesvideo's met ondertiteling, interactieve elementen en opdrachten en testen
Lesduur: 10 uur
Voortgangsbewaking: Ja
Toegang tot Materiaal: 365 dagen
Technische Vereisten: Computer of mobiel apparaat, Stabiele internetverbindingen Webbrowserzoals Chrome, Firefox, Safari of Edge.
Support of Ondersteuning: Helpdesk en online kennisbank 24/7
Certificering: Certificaat van deelname in PDF formaat
Prijs en Kosten: Cursusprijs zonder extra kosten
Annuleringsbeleid en Geld-Terug-Garantie: Wij beoordelen dit per situatie
Award Winning E-learning: Ja

Tip! Zorg voor een rustige leeromgeving, tijd en motivatie, audioapparatuur zoals een koptelefoon of luidsprekers voor audio, accountinformatie zoals inloggegevens voor toegang tot het e-learning platform.