Mastering Angular + Interview Questions + E-commerce Project
This course is meticulously crafted to enable you with the skills and knowledge necessary to outshine in the dynamic world of frontend programming and is designed for aspiring learners and professionals seeking to dive deep into Angular development.
In this immersive unique learning experience, you will embark on a hands-on exploration of Angular, a cutting-edge JavaScript/TypeScript framework renowned for building complex, responsive, and scalable web applications.
Whether you’re a novice or have prior programming experience, this course will equip you with a profound understanding of Angular’s architecture, along with the practical skills to harness its capabilities effectively.
Here are the key features of this course:
Comprehensive Angular Mastery → From architecture to deployment, become an Angular expert.
Hands-On Learning → Gain practical skills through real-world projects and exercises.
Responsive SPA Development → Learn to build adaptive single-page applications for diverse devices.
Job-Ready Skills → Acquire the knowledge to excel as a frontend developer in the competitive market.
Technologies used in this course:
-
Angular (latest version)
-
HTML5
-
CSS3
-
Bootstrap
-
TypeScript
-
Node.js (for development server)
-
MySQL
-
Git (version control)
-
Angular CLI (Command Line Interface)
-
Visual Studio Code (Code Editor)
Key concepts covered:
-
Introduction to Angular Architecture
-
Directives and Components
-
Databinding Techniques
-
Routing and Navigation
-
Angular Forms
-
Angular Tokens
-
Enhancing Data Display with Pipes
-
Dependency Injection & Services
-
Mastering Angular Modules
-
Observables & RxJS
-
RxJS Operators
-
Handling HTTP Calls
-
Major eStore Project
-
Practical assignments and more…
Embark on this transformational learning experience and emerge as a proficient Angular developer, equipped with the skills to create, deploy, and excel in crafting exceptional web applications.
Join us today and take a definitive step towards shaping a successful career in the world of web development.
Angular Fundamentals
Angular Directives
-
4
First Component With Architecture -
5
Displaying Message Dynamically
-
6
Assignment (Display sum of two values)
-
7
Understanding the @NgModule
-
8
Property Binding
-
9
Assignment (Property binding with image tag)
-
10
Event Binding with Click Event
-
11
Binding Other Mouse Related Events
-
12
Binding Keyboard Events
-
13
$event object
-
14
Assignment (Checking shift key status)
-
15
Two Way Binding (ngModel)
-
16
Assignment (Two-way Binding) - Get input field value on button click
-
17
Assignment (Creating counter example)
-
18
Questions & Assignments ListThis article contains only the list of questions and assignments included in this section for ease and reference.
Component life cycle - lifecycle hooks
-
19
Directives Introduction
-
20
Structural Directives (*ngIf)
-
21
Assignment - Implementing show & hide functionality with *ngIf
-
22
Structural Directives (*ngFor)
-
23
Assignment - Displaying list items on button click using *ngIf and *ngFor
-
24
Structural Directives (*ngSwitch)
-
25
Assignment - Implementing age validation functionality using *ngSwitch
-
26
Attribute Directives [ngClass]
-
27
Assignment - ngClass
-
28
Attribute Directives - [ngStyle]
-
29
Assignment - Changing the color of input field using [ngStyle]
-
30
Grouping elements with ng-container
-
31
HTML templates with ng-template
-
32
<ng-template> Vs. <ng-container>
-
33
Assignment - Displaying message if the input field remains empty
-
34
Rendering templates with ngTemplateOutlet - Part 1
-
35
Rendering templates with ngTemplateOutlet - Part 2
-
36
Assignment - Portfolio Builder (Phase 1) - HTML
-
37
Assignment - Portfolio Builder (Phase 2) - CSS
-
38
Assignment - Portfolio Builder (Phase 3) - Binding
-
39
Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
Decorators
-
40
Introduction
-
41
Component Creation Hook - ngOnChanges()
-
42
Understanding SimpleChanges Object
-
43
Component Creation Hook - ngOnInIt()
-
44
Detecting Custom Changes With ngDoCheck() hook
-
45
Understanding the ngAfterContentInit() hook
-
46
Checking The Content With ngAfterContentChecked() hook
-
47
Loading Content With ngAfterViewInit() hook
-
48
Checking The Component View With ngAfterViewChecked() hook
-
49
Destroying Component With ngDestroy() hook
-
50
Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
Angular Pipes
-
51
Introduction To Decorators
-
52
Class Decorators - @NgModule
-
53
Class Decorators - @Component
-
54
Property Decorators - @Input
-
55
Assignment @Input Decorator
-
56
Property Decorators - @Output
-
57
Assignment - Implementing parent-child data sharing using @Input & @Output
-
58
Property Decorators - Accessing Child Components With @ViewChild
-
59
Property Decorators - Accessing The Projected Content With @ContentChild
-
60
Property Decorators - Binding Properties With @HostBinding
-
61
Method Decorators - Binding events with @HostListener
-
62
Assignment - Implementing color picker
-
63
Parameter Decorators
-
64
Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
Custom Pipes
-
65
Pipes - Introduction
-
66
Assignment - Implementing the built-in pipes
-
67
Understanding Slice Pipe
-
68
Assignment - Page navigation using slice pipe (Part 1)
-
69
Assignment - Page navigation using slice pipe (Part 2)
-
70
Understanding Number pipe
-
71
Assignment - Pound(lbs) to Kg Converter Using Number Pipe
-
72
Understanding JSON Pipe
-
73
Assignment - Displaying Table Data To JSON string
-
74
Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
Angular Routing
-
75
Creating Custom Pipes
-
76
Assignment - Custom Pipe for Sorting Numbers
-
77
Assignment - Creating Custom Pipe For Letter Count
-
78
Pure Vs. Impure Pipe
-
79
Using Impure Pipes
-
80
Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
Related Courses
