Requirements
- npm
- nodejs
Recommended
- TypeScript (View Typescripts Basics HERE)
https://jcoop.io/angular-practice-exercises/
Angular components are typical composed in a heirarchy fashion. An Angular application has a single root component. That root component can connect to one or many children components via routes. Each child can have children components. This connection gives Angular applications its heirarchical tree like feel.
The App component consists of three main files
- Component: app.component.ts
- Template: app.component.html
- styles: app.commponent.css
The other two are
- modules: app.modules.ts
- app.component.spec.ts
The app.component.ts is bootstraped in to the application using the main.ts file
Utiitlizing the webpack config, angular.json bootstraps the main.ts file. Within the main.ts file the AppModule is bootstraped
main.ts is loaded when app first loads
In angular.json. the webpack load the main.ts file when the app first loads.
Angular applications are grouped into modules