The Angular Development environment
Visual 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 Angular
What is Angular?
Angular hello world
Understanding the project layout
The main Angular files
What is Typescript?
ES6 features that are used for Angular development
Typescript features that are used in Angular
What 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
Angular template syntax
Angular syntax for event handling
Creating a custom event
Adding a custom event handler
Creating a compound component
Components can be nested
Create a child component
Create a parent component
What 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 component
Having two modes of operation
Using *ngIf to show two different UIs
Using data binding to read updated values
Implementing a cancel button
Understanding CSS inheritance
Component CSS encapsulation
Adding external css frameworks – font-awesome, bootstrap
The 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
RESTful 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 Applications
What 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 Application
Creating a project
Adding a bootstrap navigation bar
Routing using path parameters
Reading the path parameters
Adding in a data service
Master list view
Whats new in Angular 9
This module will cover the newer features that have been added to Angular in the latest release.