Add below lines to package.json

"bootstrap": "4.0.0-beta.2",

Run npm install on the project folder to download the files.

For the project to identify the javascript and css files add below lines to angular-cli.json

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

/bootstrap.js to scripts tag

"scripts": ["../node_modules/bootstrap/dist/js/bootstrap.js"],

Angular is a single page application. Single page served by angular is index.html. Below is the structure of default index.html.

<app-root> is a tag present in index.html. How angular will know about this tag. That is taken care by main.ts which is the first script that will run. Below is the structure of main.ts

Download and install node js latest version to get npm

npm install -g @angular\cli

Navigate to the folder where we need to setup Angular project  and run

ng new my-first-app

Navigate to the project folder and run

Major release version of Angular are:

• Angular JS

• Angular 2

• Angular 4

• Anugular 5

• Angular 6

The version 2.x and higher is called 'Angular' and the version 1.x or less is called 'Angular JS'

Angular JS:

Please make your request for notes and I will try to add them as part of my personal goal of becoming an Angular expert by end of June 2018.