A small tutorial demonstrating basic feautures/structure of an Angular Project. The tutorial includes information/simple examples of:
- services
- guards
- directives
- data binding
- observables
- communication between components
- validators
- forms (reactive and template driven)
- routing
Purpose of the tutorial is to summarise basic theory of angular into a practical coding example (It may be helpful if the reader is familiar with main angular concepts).
npm install is needed in order to have node_modules folder created.
Useful Links for studying
General Tutorials (including setup): --->(Fundamentals and Heroes App Hands-on Tutorial) https://angular.io/docs ---->(Secondary/Backup Info) https://www.tutorialspoint.com/angular4/index.htm
Angular Material (Theme Related Info); ---->Installation https://material.angular.io/guide/getting-started ---> Basic Tutorial on Material Components https://medium.com/codingthesmartway-com-blog/angular-material-and-angular-6-material-design-for-angular-6b1a3ee476f0
Great Step-by-Step Tutorials on: https://malcoded.com/ Medium.com and Dzone.com
This project was generated with Angular CLI version 8.0.3.
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.
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.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.