AngularGmp2019Q3

This project was generated with Angular CLI version 8.3.4.

Preview

Preview on gh-pages. Mock data provided by json server.

Agenda

1. Prerequisites
   • Webpack;
   • AngularCLI;
   • TypeScript.
2. Components
   • Components;
   • Lifecycle;
   • Template DSL and data-binding, Custom component.
3. Directives + Pipes
   • Directives;
   • Types of directives;
   • Built-in directives;
   • Custom directive;
   • Pipes;
   • Built-in pipes;
   • Custom pipes;
   • Async pipes.
4. Modules & Services
   • Services;
   • DI;
   • Modules, Lazy Loading.
5. Change detection
   • Zone js;
   • Flow;
   • Immutable data structure;
   • Push strategy.
6. Routing
   • Routing;
   • Lazy and preloading;
   • CanActivate, СanDeactivate.
7. HTTP
   • Communication with server-side.
8. Rxjs observables
   • Reactive programming basics;
   • Comparison with promises.
9. Ngrx/Redux
   • Predictable state container for JavaScript apps.
10. Forms
    • Forms in Angular;
    • Template driven forms;
    • Model-driven forms;
    • Built-in validation;
    • Custom validation.
11. Unit testing
    • Components and directives UT;
    • Services and pipes UT.
12. Internationalization
    • i18n.

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 deploy script

Run ng deploy to execute angular-cli-ghpages:deploy.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.