chkettu / NGEssentials-CourseProject

Angular 4 Essentials - based on Udemy course

Notes on Udemy's "Angular 4 Essentials"

Resources

• Udemy course

Setup

This project was generated with Angular CLI version 1.4.5. with the IntelliJ "New project"-assistant.

• Choose File/New Project/Static Web/Angular CLI to create project.
• run npm install from the command line.
• run npm start from the command line to start project.
• Open link in your browser.

Notes

Components and services should be created with the ng-command - it adds all configurations needed to the project files with the common Angular-notation.

• Create components with: ng g c component --spec false (--spec false creates component without test class)
• Create services with: ng g s service --spec false
• Create modules with: ng g m module

Two approaches to create a Form:

• Building FormControls and FormGroups implicitly using ngFormandngControl` (as shown in the course).
• Building forms with FormBuilder (helper class to build forms more flexible). Git branch spike/form-builder.

Optimizations:

• Create your own AppRoutingModule.
• Lazy loading of components with Feature-Modules and loadChildren-routes.

Deployment

• run ng build --prod (converts all into javascript and minifizes code due to --prod - code will be found in dist-folder)
• change base-href for webserver: run ng build --prod --base-href /my-cool-app/
• copy files of dist-folder onto webserver