DUBLIN | 12th to 15th March 2018 | BOOK HERE

Course Description

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:

  • Angular architectural concepts
  • Creating and testing Angular apps
  • Templates
  • Data binding and forms
  • Dependency injection
  • Pipes
  • Directives and transclusion
  • Routing and navigation
  • Calling REST services
  • Web sockets
  • Angular CLI
  • Angular Universal
  • Testing


4 days


Target Audience

This course is aimed at web developers who are familiar with JavaScript and HTML, and who want to start using Angular 4 to create structured and maintainable web apps.



  • Familiarity with HTML and JavaScript programming
  • Experience in AngularJS 1.x is beneficial but not required


Course Content Summary

  1. Angular 4 Essentials: Angular 4 vs Angular 2 vs AngularJS; Angular architecture components; Development tools state-of-play
  2. TypeScript and ECMAScript 6 Essentials: Overview of TypeScript and ECMAScript 6; Transpilation; Using the TypeScript Playground; Configuring and using the TypeScript transpiler
  3. Understanding TypeScript Syntax: Variables and types; Functions; Classes; Generics; Inheritance; Interfaces
  4. Creating a Simple Angular Application: Structure of an Angular application; Importing Angular libraries; Angular bundles; Angular components; Templates; Binding expressions; Bootstrapping Angular
  5. 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
  6. Pipes: Using built-in pipes; New pipes in Angular 4; Using promises, observables, and the async pipe; Defining custom pipes; Applying pipes programmatically
  7. Forms: Template-driven forms; Reactive forms; Dynamic (data-driven) forms; Validation techniques
  8. Configuration: A closer look at SystemJS; Loading multiple modules; Configuring SystemJS; Using a package manager
  9. Component Hierarchies: Structuring applications; Defining component inputs; Defining component outputs; The mediator pattern
  10. 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
  11. 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
  12. Calling Rest Web Services: Overview of Rest services; Calling Rest services from Angular; Dealing with asynchronous results
  13. Web Sockets: Web Sockets concepts; Calling Web Sockets from JavaScript; Using RxJs Observables with Web Sockets
  14. Testing Angular Code: Setting the scene for unit testing; Getting started with Jasmine; Using Jasmine to test Angular code
  15. Implementing Custom Directives: Attribute directives; Specifying parameters and events; Structural directives; Transclusion
  16. Angular CLI: Overview of Angular CLI; Creating a template application; Generating components, services, and other artefacts; AOT vs. JIT compilation; Bundling and tree-shaking
  17. Angular Universal: The need for server-side rendering; Creating an Angular Universal application; Build configuration; Implementing a server-side host application

See more Internet Technologies courses