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-component
orng g c test-component
- Example:
ng g c components/home/nav
- VS Code extension Angular Files
- Example:
- Serve application
ng serve
orng serve --open --port 4201
orng s -o -p 4201
- Build
ng build
orng build --dev
orng build --prod
- Builds application in
dist
folder
- 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