Discounted Training Courses

Title: Developing Applications using Angular Training Course

Duration: 5 days

Course code: KN3_1706

Vendor: Internet Technologies

Category:

Available Locations:


Available Dates:

There are currently no dates available, please contact us for more information

*All prices exclude VAT


Overview

Prerequisites

It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience equivalent to the skills covered in Programming with JavaScript

This course uses TypeScript for all code demonstrations and exercises and so it is essential that attendees have experience equivalent to the skills covered in Programming with TypeScript

Objectives

Outline

Introduction
  • Evolution and lessons learned
  • Semver
  • AngularJS to Angular
TypeScript Refresher
  • Static Types
  • Classes
  • Modules
  • Decorators
Setting up the environment
  • Quickstart
  • Angular CLI
  • WebPack
  • Exercise: Writing our Hello World application
Overview of Angular2
  • Eight core components
  • Bringing them together
  • Observables
  • Exercise: A hands-on overview of Angular
Components in depth
  • Templates
  • Data binding
  • Built in directives
  • Input / Output properties
  • Exercise: Write a second component
Directives
  • What are directives
  • Attribute directives
  • Structural directives
  • Exercise: Writing a custom directive
Observables
  • An introduction to Observables
  • Operators: the power behind Observables
  • Exercise: Using Observables
Forms
  • How to build forms in Angular
  • Using template reference variables to manage data
  • Feeding back the form’s state to the user
  • Handling form submission
  • Exercise: Accepting submissions and providing user feedback on our course admin page
Reactive Forms
  • What are Reactive Forms
  • Essential Form Classes
  • Reactive Form Components
  • Inspecting Form Data
  • Validating Reactive Forms
  • Exercise: Accepting submissions and providing user feedback on our course admin page
Services
  • Why services
  • Creating our service
  • Dependency Injection
  • Making asynchronous requests for data from the server
  • Exercise: Building the course service to encapsulate business logic
Routing
  • Configuring the Router
  • Setting up your first routes
  • Using Child Routes to build complex applications
  • Passing data using route parameters
  • Exercise: Build a home page and hook up multiple routes
Route Guards
  • Using route guards to allow/deny access
  • How to pre-fetch data required for successful navigation
  • Enabling lazy loading and preventing it when required
  • Exercise: Placing route guards to prevent navigation to the admin page, and away from the course creation page
Pipes
  • Using Pipes to transform our data
  • Angular’s built-in pipes
  • Building custom pipes
  • Pure and Impure Pipes – a choice of speed
  • AsyncPipe
  • Exercise: Using Angular’s Pipes and writing our own
Testing
  • Tools and setup
  • Isolated unit tests
  • Writing our first Karma test
  • Testing components
  • with Dependencies
  • with Input / Output properties
  • Testing HTTP and Services
  • Exercise: Test first



Available Dates

There are currently no dates available, please contact us for more information

*All prices exclude VAT