Mastering Angular + Interview Questions + E-commerce Project
- Description
- Curriculum
- FAQ
- Reviews
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.
-
4First Component With Architecture
-
5Displaying Message Dynamically
-
6Assignment (Display sum of two values)
-
7Understanding the @NgModule
-
8Property Binding
-
9Assignment (Property binding with image tag)
-
10Event Binding with Click Event
-
11Binding Other Mouse Related Events
-
12Binding Keyboard Events
-
13$event object
-
14Assignment (Checking shift key status)
-
15Two Way Binding (ngModel)
-
16Assignment (Two-way Binding) - Get input field value on button click
-
17Assignment (Creating counter example)
-
18Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
-
19Directives Introduction
-
20Structural Directives (*ngIf)
-
21Assignment - Implementing show & hide functionality with *ngIf
-
22Structural Directives (*ngFor)
-
23Assignment - Displaying list items on button click using *ngIf and *ngFor
-
24Structural Directives (*ngSwitch)
-
25Assignment - Implementing age validation functionality using *ngSwitch
-
26Attribute Directives [ngClass]
-
27Assignment - ngClass
-
28Attribute Directives - [ngStyle]
-
29Assignment - Changing the color of input field using [ngStyle]
-
30Grouping elements with ng-container
-
31HTML templates with ng-template
-
32<ng-template> Vs. <ng-container>
-
33Assignment - Displaying message if the input field remains empty
-
34Rendering templates with ngTemplateOutlet - Part 1
-
35Rendering templates with ngTemplateOutlet - Part 2
-
36Assignment - Portfolio Builder (Phase 1) - HTML
-
37Assignment - Portfolio Builder (Phase 2) - CSS
-
38Assignment - Portfolio Builder (Phase 3) - Binding
-
39Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
-
40Introduction
-
41Component Creation Hook - ngOnChanges()
-
42Understanding SimpleChanges Object
-
43Component Creation Hook - ngOnInIt()
-
44Detecting Custom Changes With ngDoCheck() hook
-
45Understanding the ngAfterContentInit() hook
-
46Checking The Content With ngAfterContentChecked() hook
-
47Loading Content With ngAfterViewInit() hook
-
48Checking The Component View With ngAfterViewChecked() hook
-
49Destroying Component With ngDestroy() hook
-
50Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
-
51Introduction To Decorators
-
52Class Decorators - @NgModule
-
53Class Decorators - @Component
-
54Property Decorators - @Input
-
55Assignment @Input Decorator
-
56Property Decorators - @Output
-
57Assignment - Implementing parent-child data sharing using @Input & @Output
-
58Property Decorators - Accessing Child Components With @ViewChild
-
59Property Decorators - Accessing The Projected Content With @ContentChild
-
60Property Decorators - Binding Properties With @HostBinding
-
61Method Decorators - Binding events with @HostListener
-
62Assignment - Implementing color picker
-
63Parameter Decorators
-
64Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
-
65Pipes - Introduction
-
66Assignment - Implementing the built-in pipes
-
67Understanding Slice Pipe
-
68Assignment - Page navigation using slice pipe (Part 1)
-
69Assignment - Page navigation using slice pipe (Part 2)
-
70Understanding Number pipe
-
71Assignment - Pound(lbs) to Kg Converter Using Number Pipe
-
72Understanding JSON Pipe
-
73Assignment - Displaying Table Data To JSON string
-
74Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.
-
75Creating Custom Pipes
-
76Assignment - Custom Pipe for Sorting Numbers
-
77Assignment - Creating Custom Pipe For Letter Count
-
78Pure Vs. Impure Pipe
-
79Using Impure Pipes
-
80Questions & Assignments List
This article contains only the list of questions and assignments included in this section for ease and reference.