Angular
Courses
Setup
Linux
- Install Node: Guide
- Install angular-cli from npm
npm install -g @angular/cli - Create project
ng new test-project- options
- (skip dependencies installation)
--skip-install - to install dependencies
npm install
- (skip dependencies installation)
- options
- Generate
ng generate component test-componentorng g c test-component- Example:
ng g c components/home/nav - VS Code extension Angular Files
- Example:
- Serve application
ng serveorng serve --open --port 4201orng s -o -p 4201 - Build
ng buildorng build --devorng build --prod- Builds application in
distfolder
- Builds application in
Overview
- Folder Structure
- Flow
- Modules
- Components
- Services
- Dependency Injection
- Component Communication
- Routing
- Router Module
- Path Variables
- Query Params
- Lazy Loading
- Data Binding
- Interpolation
- Property Binding
- Event Binding
- Two-Way Binding
- Directives
- Structural
- Attribute
- HTTP
- HttpClientModule
- Http Caching
- Tracking Progress
- RxJS
- Observables
- Subject
- pipe
- map
- tap
- Pipes
- json pipe
- async pipe
- Custom Pipes
- JWT Authentication
- HTTP Interceptor
- Auth Guard
- Router Module
- Auth Service
- Login Component
- NgRx
- Store
- Actions
- Reducer
- Selectors
- Effects
- Dockerize
- nginx
- Dockerfile
- docker-compose
- Form Handling
- Template Driven
- Reactive
- FormControl
- FormGroup
- FormArray
- FormBuilder
- Validation
- Deployment
- Angular Material