AngularJS 2.0 E-Learning Training

Bestel deze unieke E-Learning cursus AngularJS 2.0 online, 1 jaar 24/ 7 toegang tot rijke interactieve video’s, spraak, voortgangsbewaking door rapportages.

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