Angular Developer Training - Introduction
09-12 Apr, 08-11 Jul
14-17 May, 01-04 Jul
VersionsThis course is applicable for Angular 2, Angular 4, Angular 5, Angular 6 and Angular 7.
For Angular.js training, see our Angular.js Developer Training Course.
The Angular Development environmentVisual Studio Code
Integrated terminal - command line interface
What is node.js?
What is the relationship between node.js and Angular?
What is npm?
Installing the Angular CLI
Introduction to AngularWhat is Angular?
Angular hello world
Understanding the project layout
The main Angular files
Understanding TypeScriptWhat is Typescript?
ES6 features that are used for Angular development
Typescript features that are used in Angular
ComponentsWhat is a component?
What is a component framework?
How do you customise / configure a component in html
How do we customise or configure components in Angular
DirectivesAngular template syntax
EventsAngular syntax for event handling
Creating a custom event
Adding a custom event handler
Compund ComponentsCreating a compound component
Components can be nested
Create a child component
Create a parent component
PipesWhat is a pipe?
Examine the built-in pipes
Chain two pipes together
Debugging by piping an object to json
Passing a control to an event handler
Two way data binding
Creating a more complicated componentHaving two modes of operation
Using *ngIf to show two different UIs
Using data binding to read updated values
Implementing a cancel button
CSSUnderstanding CSS inheritance
Component CSS encapsulation
Adding external css frameworks - font-awesome, bootstrap
ServicesThe MVC (Model View Controller) family of design patterns
Separation of concerns
What is an Angular Service
Creating a data service
Using a service
Understanding dependency injection
HttpClientRESTful web services
An external web service
Creating our own test web service
Adding HTTP support
Introduction to Observables
Asynchronous operations using Observables
Updating the data service to read from an external source
Single Page ApplicationsWhat is a Single Page Application (SPA)
Understanding the UX requirements of the Back button
Understanding the UX requirements for bookmarking a page
Introduction to routing
Setting up routes
Creating a working Single Page ApplicationCreating a project
Adding a bootstrap navigation bar
Routing using path parameters
Reading the path parameters
Adding in a data service
Master list view