Course Overview
Course Content
- Module Introduction
- What is Databinding
- String Interpolation
- Property Binding
- Property Binding vs String Interpolation
- Event Binding
- Bindable Properties and Events
- Passing and Using Data using Event Binding
- Two-Way Binding
- Forms Module and Two-Way Binding
- Understanding Directives
- Using ngIf and Else Conditions
- Using ngStyle for Styling Angular App
- Applying CSS Class dynamically with ngClass
- Displaying Lists using ngFor
- Hands-On
- Module Introduction
- Dividing the App into multiple components
- Property and Event Binding deep dive
- Binding to custom properties
- Binding to custom events
- View Encapsulation
- Understanding Local Reference inside Templates
- Getting Access to the templates using @ViewChild.
- Exploring Component Life Cycle
- Life cycle hooks deep dive
- Hands-On
- Module Introduction
- Understanding the need of a Router
- Setting Up and implementing Routes
- Navigating to Router Links
- Understanding Router Paths
- Styling Active Router Links
- Understanding Navigation Paths
- Styling Router Links
- Navigating Dynamically
- Using Relative Paths
- Passing Parameters to Routes and fetching route parameters
- Fetching route parameters in a Reactive Way
- Passing query parameters and fragments
- Understanding Nested Routes
- Redirecting and Wildcard routes
- Redirection Path Matching
- Outsourcing the Route Configuration
- Introduction to Guards
- Understanding can activate
- Understanding canActivateChild
- Understanding can deactivate
- Passing Static Data to a Route
- Understanding Resolve Guard
- Exploring Location Strategies
- Hands-On
- TD: Create a form and register controls
- TD: Submitting and Using Forms
- TD: Understanding Form Status
- TD: Access Forms with @ViewChild
- TD: Add validation to user input
- TD: Using Built-in Validators and HTML 5 Validation
- TD: Understanding Form Status
- TD: Output Validation Error Messages
- TD: Set default value in ngModel property binding
- TD: Using ngModel and two-way binding
- TD: Group Form Control
- TD: Using Form Data
- Hands-On
- Testing
- Why should we perform testing?
- Types of testing
- Testing Angular application using Jasmine and Karma
- Maintaining application code using Git
- Version control system
- Why should we use Git?
- Git file workflow
- Running application on production server: Nginx
- Architecture of Nginx
- How to configure Nginx?
- Deployment of an application using Docker
- Problems before containers
- How containers solve the problems
- What is Docker?
- Docker file
- Docker image
- Docker containers
- Docker hub
- Basic Docker commands
- Hands-On