installations.txt

node.js 8.5.3
npm install -g @angular/cli
.../users/arye/appdata/roaming/npm/node_modules
ENVIRONMENT == PATH to ng.bat
visual studo code

user settings:

{
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.startupEditor": "none",
    "workbench.activityBar.visible": false,
    "editor.minimap.enabled": false,
    "workbench.statusBar.visible": false,
    "explorer.openEditors.visible": 0,
    "editor.detectIndentation": false,
    "editor.lineNumbers": "on",
    "window.zoomLevel": 0,
    "editor.fontSize": 18,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 1000,
    "git.ignoreLegacyWarning": true
}

ng new newProjectName

ng serve -o


ng g c newComponentName --spec false

ng g newModuleName routing --spec false --flat

ng g m routing --spec false --flat

{{}} - interpolation
[]  - binding from variable to UI
()  - binding from UI to variable /function/ script

event binding (click) ...

[()]  - two way binding
[ngClass] - binding to css ngClass
[ngStyle]  - binding  to custom ngStyle
*ngIf -- Structural 


Directives - use pipe
    <p class="haiim">Only now, on {{myCurrentDate | date:'MMMM yyyy'}}  my great fiood with great {{myDiscount}}% discount</p> 

implement intrefaces
Dependency Injection (DI) - using constructors

service - inject service using DI to constructors

route 

// add component to a specific module
ng g c menu spec-- false  --module app.module

@  - annotation

class property that enables set a valuer to propert
@Input()


ng g s services/products --spec false

ng g p pipes/zeroToSymbol --spec false --skip-import

ng g d directives/colored --spec false --module app.module


npm install @angular/material @angular/cdk @angular/animations


https://material.angular.io/guide/getting-started

https://material.angular.io/components/categories

https://material.io/

Redux

npm install redux ng2-redux

debugging:

add chrome debugging extension
https://marketplace.visualstudio.com/items?itemName=AdamAnand.adamstool

add launch.json for config:  Debug --> add configuration

use thsi for offline downloading
https://vscode-offline.herokuapp.com/

https://marketplace.visualstudio.com/items?itemName=AdamAnand.adamstool