Angular 5 Development
Course Description
This course takes a thorough look at all the new features in Angular 5, as well as providing in-depth coverage of everything introduced in earlier versions. Where appropriate, we also highlight related concepts in AngularJS (version 1.x), to help AngularJS developers make the leap into the current Angular library.
4 Days
Contact us for pricing
Prerequisites
Familiarity with HTML and JavaScript programmingExperience in AngularJS 1.x is beneficial but not required
Angular 5 Essentials
Features in Angular 5 and earlier versionsAngular architecture components
Development tools state-of-play
TypeScript and ECMAScript 6 Essentials
Overview of TypeScript and ECMAScript 6Transpilation
Using the TypeScript Playground
Configuring and using the TypeScript transpiler
Understanding TypeScript Syntax
Variables and typesFunctions
Classes
Generics
Inheritance
Interfaces
Creating a Simple Angular Application
Structure of an Angular applicationImporting Angular libraries
Angular bundles
Angular components
Templates
Binding expressions
Bootstrapping Angular
Data Binding
A closer look at data bindingTwo-way data binding
Delayed binding
Applying CSS styles and classes conditionally
Using structural directives
Differences in Angular 4 and 5
Pipes
Using built-in pipesNew pipes in Angular 4
Internationalization support in Angular 5
Using promises, observables, and the async pipe
Defining custom pipes
Applying pipes programmatically
Forms
Template-driven formsReactive forms
Dynamic (data-driven) forms
Validation techniques
New features in Angular 5
Configuration
A closer look at SystemJSLoading multiple modules
Configuring SystemJS
Using a package manager
Configuring the TypeScript compiler
Component Hierarchies
Structuring applicationsDefining component inputs
Defining component outputs
The mediator pattern
Dependency Injection
Overview of dependency injection in AngularSimple dependency injection
Using the provide() function
A hierarchy of injectors
Global provision
Injection into services
Values and factories
Expression lowering in Angular 5
Angular Routing
Getting started with routingThe role of routing in Single Page Applications
Route parameters and route data
Defining multiple router outlets
Lazy loading
Router lifecycle events
Calling Rest Web Services
Overview of Rest servicesCalling Rest services using HttpClient in Angular 5
Dealing with asynchronous results
Web Sockets
Web Sockets conceptsCalling Web Sockets from JavaScript
Using RxJs Observables with Web Sockets
Testing Angular Code
Setting the scene for unit testingGetting started with Jasmine
Using Jasmine to test Angular code
Implementing Custom Directives
Attribute directivesSpecifying parameters and events
Structural directives
Transclusion
Angular CLI
Overview of Angular CLICreating a template application
Generating components, services, and other artefacts
AOT vs. JIT compilation
Bundling and tree-shaking
TypeScript transforms in Angular 5
Angular Universal
The need for server-side renderingCreating an Angular Universal application
Build configuration
Implementing a server-side host application
State Transfer API and DOM support in Angular 5
AngularAngular 2Angular 4Angular 5Angular 6MEANJavaScriptWeb ProgrammingTypeScript