Skip to content
Angular Essentials
Search
Cancel
GitHub
Select theme
Dark
Light
Auto
JS/ES6 recap
Angular core
Let's get ready
Templates
Creating new component
Data binding
Overview
String interpolation
Property binding
String interpolation vs property binding
Event binding
Task: String interpolation
Style binding
Two way binding (NgModel)
Task: Data binding recap
Directives
Overview
Structural directives
Attribute directives
Task: Directives
Building custom attribute directive
Sharing data between child and parent components
Sending data from parent to child component (@Input)
Sending data from child to parent component (@Output and EventEmitter)
Task: Sharing data between parent and child
Pipes
Overview
Building custom pipe
Pure vs impure pipe
Creating a header
Configuring CardComponent
Routing
Sports route
Task: Add grocery route
Lazily loading routes
Routing with params
Route order is important
Task: Routing
Using hash strategy
Dependency Injection
Overview
Creating AuthService for injection (@Injectable)
Injecting dependency (@Inject)
Guards
Forms
Overview
Reactive forms for updating item
Communicating with server
Mocking http server
HttpClient
Task: Crud operation
Tree shaking and Angular Ivy
RxJs
Observable
Observer
Subscription
Observable, observer, and subscription in action
Operators
Cold observable vs hot observable
Subject
NgRx
Creating todo component
What's NgRx?
NgRx state
@ngrx/store-devtools
@ngrx/store actions
@ngrx/store reducers
Registering the root state
@ngrx/store selectors
Lazily registering state using forFeature()
Task: Add new state
@ngrx/effects
Select theme
Dark
Light
Auto
Task - Add grocery route
Similar to the sports component create a new component viz grocery.
Reuse the
CardComponent
for rendering the UI.