Understanding Angular

Components 

Angular applications are build with components. Components are the basic building blocks in an Angular applications. 

Components are comprised of ;

1. HTML template to define what to render in the page

2. TypeScript class to define the behavior

3. CSS selector


Templates

Template is a section of HTML. Within this template other special syntax can be used to improve the Angular's features.


Getting Started With Angular

To get most out of Angular we need to have knowledge of ;

1. HTML

2. JavaScript

3. TypeScript

4. Node.js

Steps to create your first Angular App can be as follows;

1. Install Angular CLI :

        To install Angular CLI, open a terminal window and run the following command;

                                            npm install -g @angular/cli

2. Create a Workspace and initialize a new starter app:

        Use the following command to do that;

                                            ng new my-app

        The Angular CLI installs all the necessary packages and dependencies 

3. Run the app

        The Angular CLI is provided with a server which help you run your app locally.

        To do so ;

        -- Navigate to your workspace and 

        -- Run the command :  ng serve --open

        The ng  serve command launches the server. And the --open option automatically opens your app in your default browser.


Video Tutorial: