How to build a real world application using Angular 9.

I will show you how to create a simple stock application in Angular 9 utilizing observables, services, models, components and many more.

In this article I will show you how to create a new Angular 9 project. Additionally I will walk you step-by-step and show you how to do the following:

1. Use a styling library and reference it globally in your application
2. Create a header which can be used across your entire application
3. Create child component and utilize the @Input() decorator to pass information to it
4. Usage of click event in Angular
5. Usage of dependency injection
6. Usage of models in Angular
7. Two way data bind

1 — Create an empty angular project

Run the following command in VScode IDE to create an empty angular project:
> ng new my-stocks

How to start a new Angular 9 Project in few easy steps

2 — Download Bootstrap 4 and reference the CSS file globally in the project