degangh/angular-walkthrough

A quick go-through of Angular

Walk-through of Angular.js

This project was generated with Angular CLI version 6.0.8.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

Key concepts:

1. Agular CLI
2. Data Binding
   1. Interpolation {{}} Component -> DOM
   2. Property Binding [] Component -> DOM
   3. Event Binding ()="function" DOM -> Component
   4. Two way binding [()] DOM <-> Component
3. Service and DI
4. Component Tree
5. Directive
6. Communication between components
7. Decorator