angular 2/4 learn steps

angular2_4_steps

https://angular.io/guide/quickstart

commands:
                            
npm install -g @angular/cli 

ng new my-angular-app

// install Angular v5 snippets Extension VSCODE

//serve UI for test
ng serve --port 9080


// Integrate bootstrap 4
https://getbootstrap.com/docs/4.0/components

npm install -–save bootstrap@next
npm install [email protected]
npm install popper.js@^1.12.3

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


//add bootstrap scripts
"scripts": [  "../node_modules/jquery/jquery.min.js",
        "../node_modules/popper.js/dist/popper.min.js",        
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"],


// New Component
ng generate component feature/my-new-component






https://angular.io/guide/router