Introduction
Learning Angular
()
What you should know
()
1. Getting to Know Angular
Angular: What and why
()
Setting up the Angular environment
()
Creating your first Angular app
()
Angular CLI
()
Structure of Angular applications
()
Challenge: Clear the HTML
()
Solution: Clear the HTML
()
2. Working with Components, Templates, and Styling
Working with components
()
Understanding data binding
()
Understanding property binding
()
Adding event binding to the mix
()
Styling components
()
Understanding lifecycle hooks
()
Using code blocks to create dynamic views
()
Transforming data with pipes
()
Challenge: Check if a course is on sale
()
Solution: Check if a course is on sale
()
3. Sending Data across Components
Parent-child communication
()
The @Input decorator
()
The @Output decorator and event emitters
()
Challenge: Add a wish list feature
()
Solution: Add a wish list feature
()
4. Creating and Using Models
Create data models
()
Use models within components and services
()
Challenge: Add a model
()
Solution: Add a model
()
5. Working with Services and HTTP Requests
Creating and using a basic service
()
Making HTTP requests with HttpClient
()
Using RxJS to handle async data
()
Using services in components
()
Dependency injection explained
()
Using services for cross-component communication
()
Challenge: Get course and display it in a custom component
()
Solution: Get course and display it in a custom component
()
6. Routing and Navigation
Setting up routing
()
Navigating between routes
()
Route parameters and query parameters
()
Challenge: Add a new route and component
()
Solution: Add a new route and component
()
7. Handling Forms
Angular forms: Template-driven and reactive forms
()
Building reactive forms
()
Implementing form validation
()
Submitting form data and error handling
()
Challenge: Create a form
()
Solution: Create a form
()
8. Structuring Code in Modules
Understanding Angular modules
()
Creating feature modules
()
Shared and core modules
()
Challenge: Create an admin dashboard
()
Solution: Create an admin dashboard
()