4.7/5 
4.7/5
Angular CLI
00:03:00
Course Preview
Angular Course
Self Paced Course
111 Videos
Video Course
20 Notes
Quick Notes
11 Labs
Hands-on Labs
Project(s)
Learn to implement
20 Videos
Interview Q&A
Angular Course Overview
The Angular course comprehensively delves into Angular concepts, spanning from fundamental principles to advanced topics. This includes modules, components, data binding, directives, services, reactive forms, component-level communication facilitated by services, and the application of dependency injection (DI). By the conclusion of our Angular Training course, you will have acquired the proficiency needed to craft contemporary, interactive web applications that are at the forefront of modern web development.
Course objectives
Participants in the Angular certification course will have the following skills after completing this course:
- Understand Typescript core and advanced concepts
- Understand Angular2 to 14 basic and advanced in-depth concepts
- Create components, services, pipe and forms validations etc.
- Create and Consume REST Services
- Understand and Use RxJs Library
- Implement Lazy loading, module-based architecture
- Optimize web page performance
- Secure application based on user roles
- Scale SPA for Phones, Tablets, Laptop & Desktop
- Publish their App
Included in this Angular Course
-
Video Course 111 Videos
-
Quick Notes 20 Notes
-
Labs 11 labs
-
Projects Project(s)
-
Q&A 20 Videos
Course Overview
Course Overview
0h 01m 49s
Introduction to Angular
Introduction to Angular
Preview
00m 21s
Angular History
Preview
01m 08s
Angular Version Details
04m 10s
Angular1 vs. Angular2
Preview
07m 39s
Development Tools
Node.js and Angular CLI
03m 05s
Visual Studio and VS Code
00m 41s
Useful VS Extensions
03m 31s
Angular CLI
Introduction to CLI
02m 41s
Creating new project - ng new
00m 59s
Creating Project for Angular V5, V6, V9
23m 36s
Building Project - ng build and ng serve
03m 53s
Angular CLI Commands and Options
02m 23s
Using Visual Studio IDE
09m 44s
Angular App structure
Exploring Angular App Structure
15m 10s
Angular Building Blocks
01m 32s
Modules
12m 21s
Component and Template
04m 42s
Decorators
02m 31s
Metadata
01m 26s
Course Overview
Course Overview
0h 01m 38s
Data Binding
Understanding Data Binding
Preview
00m 50s
Databinding Syntax
01m 57s
Demo: Data Binding
08m 11s
Event Binding
02m 05s
Two-way Data Binding
02m 22s
Directives
Directives
02m 09s
Demo: Directives
19m 05s
Custom Directive
00m 28s
Demo : Custom Directives
04m 12s
Pipes
Pipes
00m 24s
Custom Pipes
03m 25s
Demo: Pipes And Custom Pipes
08m 51s
Routing
Understanding Routing
17m 34s
Understanding Location Strategies
01m 20s
Demo : Location Strategy
03m 24s
Router Links and Route Parameters
Route Parameters – Required, Optional and Query Params
06m 45s
Styling Active Router Links
02m 27s
Nested Routes and Lazy Loading
Setting up Child or Nested Routes
04m 40s
Setting up and navigating to Lazy loading module
14m 33s
Course Overview
Course Overview
0h 01m 35s
Angular Components
Angular Components
22m 01s
Components Inheritance
08m 51s
Nested Components
07m 52s
Component Lifecycle Hooks
Component Lifecycle Hooks
00m 46s
Hooks for the Components
03m 36s
Demo: Hook Components
04m 48s
Content Projection
Introduction to Content Projection
01m 12s
Content Projection
13m 24s
Shadow DOM and View Encapsulation
Introduction to Shadow DOM and View Encapsulation
04m 35s
Shadow DOM and View Encapsulation Implementation
17m 25s
Course Overview
Course Overview
0h 01m 23s
Introduction to Angular Forms
Introduction to Angular Forms
Preview
00m 21s
Angular Forms and Forms Control States
Preview
07m 25s
Angular Form Building Blocks
00m 26s
Template Driven Form
Understanding Template Driven Form
05m 36s
Model Driven (Reactive) Form
Model Driven (Reactive) Form
01m 18s
Creating Model Driven Form
04m 07s
Template Driven vs. Model Driven Forms
02m 56s
Angular Form Validations
Angular form Validation
02m 28s
Template Driven Form validation
17m 57s
Reactive Form validation
11m 41s
Custom Validations
03m 24s
Course Overview
Course Overview
0h 01m 27s
ReactiveX and RxJS
Introduction to ReactiveX
03m 05s
Observables and Observers
07m 09s
Observables Operators
03m 02s
Observable vs. Promises
01m 29s
Angular Services
Services
01m 06s
Creating Services
09m 42s
Dependency Injection
04m 14s
Introduction to Zone.js
Introduction to Zone.j
00m 56s
Understanding Change Detection
01m 14s
Change Detection Strategies
01m 54s
Demo-Change Detection
01m 31s
Introduction
Course Overview
0h 00m 24s
Unit Testing
0h 03m 58s
Integration Testing
0h 01m 09s
Tools and Technologies
Tools and Technologies
Preview
05m 24s
Writing First Test Case
Writing First Test Case
04m 14s
Isolated Testing
Pipe
05m 05s
Service
06m 12s
Component
02m 55s
Integration Testing
Service
10m 41s
Component
11m 01s
Router
14m 24s
Component With Form
07m 20s
Directive Testing
08m 04s
Code Coverage
Code Coverage
03m 48s
Debugging
Debugging
03m 36s
Course Overview
Course Overview
02m 44s
NgRx
What is NgRx
Preview
01m 57s
When to Use NgRx
Preview
04m 18s
Ngrx Packages
04m 28s
NgRx Store
Introduction and Installation
08m 07s
Action
09m 18s
Redcuer
08m 51s
Selectors
03m 23s
Demo
10m 29s
NgRx Effects
Introduction and Installation
04m 41s
Creating Effects
03m 30s
NgRx DevTools
Ngrx Store And Effects
18m 29s
Introduction and Installation
06m 43s
Course Overview
Course Overview
02m 01s
Pre-requisite
Pre-requisites
Preview
01m 31s
Looking in to Bundle
Adding Source Map Explorer Part-1
02m 28s
Adding Source Map Explorer Part-2
02m 31s
Adding Source Map Explorer Part-3
02m 21s
Lazy Loading
Enabling Lazy Loading
10m 30s
Removing Shared Module
Removing Shared Module
09m 45s
Specifying Budgets
Specifying Budgets
05m 19s
Quick Notes Notes (20)
Angular Modules
00:02:30
Angular Components
00:02:45
Angular Templates
00:03:00
Angular Decorators & Metadata
00:04:00
Data Binding in Angular
00:03:00
Angular Directives
00:03:30
Angular Pipes
00:02:45
Angular Routing, Router Links and Route Parameters
00:04:00
Angular : Components, Component Inheritance & Nested Component
00:02:00
Angular Component Lifecycle Hooks
00:04:30
Angular Content Projection
00:02:15
Angular Shadow DOM and View Encapsulation
00:02:00
Angular Forms & Validation
00:03:45
Angular : ReactiveX and RxJS
00:05:00
Angular Services
00:03:45
Angular: Introduction to Zone.js
00:02:00
Angular Unit Testing
00:03:30
Angular NgRx : Getting Started
00:03:00
Angular App Optimization Techniques
00:04:00
Hands-On Labs Labs(11)
Crud Operations Using Binding, Directives, and Pipes
00:45:00
Angular Routing and Local storage
1:00:00
Components and Data Passing
00:35:00
User SignUp Workflow in Angular
00:45:00
Creating Cascade Dropdown Lists
00:45:00
Angular Advanced Routing
1:15:00
Listing, Paging, and Searching
01:45:00
Push Angular Code to GitHub
01:00:00
Angular and Asp.Net Core WebApi Crud Operations
02:30:00
CRUD Operations with Angular and Node.js
02:00:00
Hosting Angular App with Node.js
01:00:00
Course Overview
Course Overview
0h 02m 14s
MEAN Stack App Setup
MEAN Stack App Structure
0h 01m 56s
Setting Up Project
0h 13m 44s
Defining Model Using Mongoose
0h 04m 42s
Database Configuration
08m 26s
REST API CRUD Operations
Building REST API
06m 39s
Testing REST API
07m 25s
Update and Delete Operations
07m 06s
Building Front End
Setting Up Front End Using Angular
07m 34s
Configure Routing
02m 49s
Creating Service
07m 27s
Angular CRUD Operations
Listing Users
08m 23s
Creating User
16m 33s
Editing User
08m 30s
Deleting User
07m 25s
Setting Up Project
Setting Up Project On Local Machine
04m 12s
Course Overview
Project Overview
0h 05m 31s
Pre-requisites
0h 01m 31s
Project Development Stages
0h 15m 53s
Project Scope
0h 05m 49s
Requirement Analysis and Planning
0h 05m 37s
Project Architecture
0h 05m 48s
Backend API
Database Diagram
0h 10m 25s
Backend API Architecture
0h 08m 07s
Exploring REST API
0h 04m 44s
Testing API Using Postman
0h 04m 41s
Frontend App Architecture
Application Modules Structure
0h 04m 34s
Verify Development Environment
0h 04m 01s
Creating Angular App
0h 03m 25s
Understanding Angular Folder Structure
0h 14m 44s
Modules Setup
Creating Modules
0h 05m 07s
Configuring Routing For Admin
0h 17m 22s
Configuring Routing For User
0h 09m 38s
Configuring Routing For Public
0h 06m 50s
Setting Up Lazy Loding
0h 06m 16s
Public Module: Setting Up Bootstrap
Configuring Bootstrap
0h 01m 18s
Designing Menu UI
0h 09m 11s
Designing Menu For Admin and User
0h 05m 24s
Setting Up Home Page Banner
0h 15m 06s
Adding Logo
0h 03m 51s
Setting Up Footer
0h 14m 24s
Public Module: Login Workflow
Creating Auth Service
0h 16m 44s
Login Simple Workflow
0h 11m 12s
Saving User Details and Auth Token
0h 09m 10s
Accessing Loggedin User Details
0h 06m 44s
Implementing Logout
0h 04m 49s
Security: Authentication & Authorization
JWT Authentication
0h 02m 39s
Authentication and Authorization Workflow
0h 02m 12s
Angular Guards
0h 03m 59s
Creating Admin and User Auth Guard
0h 11m 39s
Creating HTTP Interceptor
0h 08m 56s
Public Module: Courses Listing
Listing Courses
0h 15m 12s
Course Details: Component & Service
0h 15m 57s
Course Details: Topic and Lessons
0h 22m 08s
Course Details: Pricing and Mentor
0h 08m 53s
Public Module: Cart Workflow
Cart Workflow
0h 02m 50s
Creating Cart Service
0h 36m 05s
Add To Cart
0h 23m 01s
Creating Cart Page
0h 21m 41s
Cart Check Out
0h 21m 42s
Public Module: Payment Workflow
Payment Workflow
0h 01m 52s
RazorPay Payment Gateway
0h 06m 11s
Creating Payment Page UI
0h 03m 57s
Integrating RazorPay Payment Gateway
0h 13m 41s
Pay With RazorPay Flow
0h 15m 19s
Save Payment Details and Display Receipt
0h 18m 12s
Admin Module: Course
Creating Course Listing Page
0h 08m 02s
Creating Course Page
0h 19m 10s
Saving Course Details
0h 13m 59s
Delete Course
0h 05m 22s
Edit Course Details
0h 11m 20s
Admin Module: Topic & Lessons
Creating Topic Listing Page
0h 04m 33s
Creating Topic Create/Edit Page
0h 07m 02s
Creating Lessons Listing Page
0h 04m 22s
Creating Lessons Create/Edit Page
0h 07m 41s
Admin Module: Mentor
Mentor Listing Page and Fixed Safe Pipe Error
0h 08m 19s
Creating Mentor Add/Edit Page
0h 03m 37s
Admin Dashboard
0h 02m 12s
User Module: Courses
Lising My Courses
0h 07m 57s
Course Player
0h 16m 23s
User Module: Orders and Dashboard
Placed Order Listing
0h 09m 57s
User Dashboard
0h 01m 50s
Deployment and Practices
Util Service For Encryption/Decription
0h 09m 22s
Securing Local Storage
0h 08m 30s
Code Deployment Locally
0h 04m 08s
Code Deployment to Azure
0h 06m 22s
Introduction to Angular Q&A
Introduction to Angular Q&A
Preview
00m 46s
Angular History
Angular History
Preview
10m 49s
Single Page App (SPA)
Single Page App (SPA)
07m 16s
Angular CLI
Angular CLI
07m 20s
Angular Configuration
Angular Configuration
16m 39s
Angular Building Blocks
Angular Building Blocks
07m 05s
Components and Decorators
Components and Decorators
07m 59s
Introduction to Angular Q&A
Introduction to Angular Q&A
Preview
00m 49s
Databinding and Directives
Databinding and Directives
Preview
09m 04s
Pipes
Pipes
04m 35s
Advanced Components
Advanced Components
18m 10s
Angular Routing
Angular Routing
06m 28s
Route Parameters
Route Parameters
07m 22s
Lazy Loading and Route Guards
Lazy Loading and Route Guards
08m 54s
Angular Services
Angular Services
06m 58s
Introduction Angular Q&A
Introduction to angular Q&A
Preview
00m 35s
Angular Forms
Angular Forms
12m 05s
Observable and Promises
Observable and Promises
11m 47s
Angular Change Detection
Angular Change Detection
05m 47s
Angular Testing
Angular Testing
10m 43s
Our Students Reviews
I have completed ASP.NET MVC & MEAN Stack 2 from Scholarhat.My experience with Scholarhat remains amazing. These training programs are equally good for experienced professionals & freshers.Mr. Shailendra sir is highly experienced and competent professional.During class, Mr. Shailendra gives his very best to answer each & every query raised. The course curriculum is designed according to industry standard & key concepts are discussed in details. his course is a blessing for working professions, whose need to upgrade their skills but doesn't have much time for self-learning. Thanks a million, Scholarhat for the amazing learning experience.
Vijay Thakur
(Sr. Dot Net Developer )
I have attend the ASP.NET MVC 5 Development course with Project. I have four years of experience, even I wanted to brush-up myself, came to Mr. Shailendra Chauhan, whose training is Amazing, superb, simple understandable to others, Thank you Sir. And I aspect that Dot Net Tricks Provides Same quality of training in future.
Anurag Kumar rai
(Software Developer )
The online training in this course set a good foundation that can be applied practically. The online classes were brilliant and Mr. Shailendra took each class with lot of examples and explanations. his style of training was easily understandable and informative. The course was very useful for me to develop .net MVC, RAZOR framework and Web API applications. All sessions are interactive sessions, and Mr. Shailendra answered all the questions raised during the online training. The course fee is very nominal and the course really helps me in understanding the developing the .net Applications.
Emmanuel Job
(Sr. Consultant at The World Bank)
It was a very good experience to take training at Dot Net Tricks. I got what i wanted to learn in MVC. The project that we completed during the training was very helpful. Shailendra Sir's teaching method is awesome. He has In-depth knowledge of technology and is very cooperative.
sunil yadav
(Sr. Software Developer )
It has been a great learning experience at Dot Net tricks. Trainer is quit professional and focuses on concepts until we gain the confidence. All the materials shared are good sources for any level of professionals. This session boosts my career and knowledge. From past few months I am eager to learn MVC 5. But I was confused. When I reached DNT. I gained various technologies practical experience. I learned Angular 2 & 4 MVC5, Web API. I also got what is going on current development and future development of technology, I have got Vast experience and knowledge. But really I got what I wanted from Dot Net tricks. Thank you all thanks DNT staff for your coordination, and your encouragement.
Rohit Singh
(Team Lead )
Frequently Asked Questions
Q1. What is Self Paced course offered by Dot Net Tricks?
Online Self Paced Courses are designed for self-directed training, allowing participants to begin at their convenience with structured training and review exercises to reinforce learning. You'll learn through videos, PPTs, and Assignments designed to enhance learning outcomes, all at times that are most convenient for you.
Q2. Who are your mentors?
All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.
Q3. How would I get access to the Learning Content?
As soon as you enroll in the course, you will get access to the course content through LMS (The Learning Management System) in the form of a complete set of Videos, PPTs, PDFs, and Assignments. You can start learning right away.
Q4. How do I enroll for the course?
You can enroll in the course by doing payment. Payment can be made using any of the following options.
- Visa debit/credit card
- Net banking
- Through PayPal
Q5. Student discounts?
Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.
Q6. Can I share my course with someone else?
In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.
Q7. How do I setup my team?
Please drop us an email with a list of user details like name, email you’d like to enroll and have access, we'll create your team accounts.
Q8. Do you provide technology version upgrade session free?
Yes, we do. As the technology upgrades your content gets updated at no cost.
Q9. Whom do I contact, if I have more queries?
You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com
Q10. Do you offer certificates of completion?
We do. Once you've finished a course, reach out to us.
Still have some questions? Let's discuss.
CONTACT US
This course includes
57.12 % OFF
₹ 1,770
₹ 749
12 months unlimited access to the course.
