Olsen Software Ltd.
Phone us +44 7989 401397
Email us info@olsensoft.com
home | training | services | content | code home > training > web > angular4 Back to top
Angular 4 Development (4 days) print Download

course overview

Angular 4 is a latest version of the Angular library. This course takes a thorough look at all the new features in Angular 4, as well as providing in-depth coverage of everything introduced in Angular 2. Where appropriate, we also highlight related concepts in AngularJS (version 1.x), to help AngularJS developers make the leap into the current Angular library.

what you'll learn

prerequisites

course details ShowHide

Angular 4 Essentials

  • Angular 4 vs Angular 2 vs AngularJS
  • Angular architecture components
  • Development tools state-of-play

TypeScript and ECMAScript 6 Essentials

  • Overview of TypeScript and ECMAScript 6
  • Transpilation
  • Using the TypeScript Playground
  • Configuring and using the TypeScript transpiler

Understanding TypeScript Syntax

  • Variables and types
  • Functions
  • Classes
  • Generics
  • Inheritance
  • Interfaces

Creating a Simple Angular Application

  • Structure of an Angular application
  • Importing Angular libraries
  • Angular bundles
  • Angular components
  • Templates
  • Binding expressions
  • Bootstrapping Angular

Data Binding

  • A closer look at data binding
  • Two-way data binding
  • Delayed binding
  • Applying CSS styles and classes conditionally
  • Using structural directives
  • Differences in Angular 4

Pipes

  • Using built-in pipes
  • New pipes in Angular 4
  • Using promises, observables, and the async pipe
  • Defining custom pipes
  • Applying pipes programmatically

Forms

  • Template-driven forms
  • Reactive forms
  • Dynamic (data-driven) forms
  • Validation techniques

Configuration

  • A closer look at SystemJS
  • Loading multiple modules
  • Configuring SystemJS
  • Using a package manager

Component Hierarchies

  • Structuring applications
  • Defining component inputs
  • Defining component outputs
  • The mediator pattern

Dependency Injection

  • Overview of dependency injection in Angular
  • Simple dependency injection
  • Using the provide() function
  • A hierarchy of injectors
  • Global provision
  • Injection into services
  • Values and factories

Angular Routing

  • Getting started with routing
  • The role of routing in Single Page Applications
  • Route parameters and route data
  • Defining multiple router outlets
  • Lazy loading

Calling Rest Web Services

  • Overview of Rest services
  • Calling Rest services from Angular
  • Dealing with asynchronous results

Web Sockets

  • Web Sockets concepts
  • Calling Web Sockets from JavaScript
  • Using RxJs Observables with Web Sockets

Testing Angular Code

  • Setting the scene for unit testing
  • Getting started with Jasmine
  • Using Jasmine to test Angular code

Implementing Custom Directives

  • Attribute directives
  • Specifying parameters and events
  • Structural directives
  • Transclusion

Angular CLI

  • Overview of Angular CLI
  • Creating a template application
  • Generating components, services, and other artefacts
  • AOT vs. JIT compilation
  • Bundling and tree-shaking

Angular Universal

  • The need for server-side rendering
  • Creating an Angular Universal application
  • Build configuration
  • Implementing a server-side host application