Angular 6 Tutorials

Angular 6 Youtube Tutorials

• 1) Angular follows a component based approach.
• Follows a tree structure of components mainly root components.

Component driven tree Structure

All About installation and Sample Run

• npm install @angular/cli - This binds the components together and then the angular app is launched
• ng serve - creates a simple http server which holds the app into the server and in which u can access a local URL in the server and load the html page. Changes can be made to the code and the url keeps updating as soon as the change are made.

The App Component

• The main component which has the frontend, backend as javascript/ typescript.
• It creates a placeholder root component which is the main component which stores all the tags and renders a simple markup.
• View is defined by the html and CSS.
• Backend logic is defined by typescript.
• If we delete the app.component.html we do not see anything. Though it is rendered but nothing is visible.