Angular 5 First Look - TypeScript - JavaScript - Programmeren (algemeen)

Na inschrijving van de Award Winning E-learning training Angular 5 First Look, 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 5 heeft een aantal zeer interessante en krachtige nieuwe functies. In dit pad leert u over die nieuwe functies en over enkele van de componenten en add-ons die het gebruik van Angular 5 zo krachtig maken voor webontwikkeling.

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