Mastering Angular + Interview Questions + E-commerce Project

Focused View

Nirmal Joshi

11:11:21

58 View

1. Introduction

1. Introduction.mp4

03:16

2. Angular CLI.mp4

03:57

3. Understanding Project Structure.mp4

05:25

2. Angular Fundamentals

1. First Component With Architecture.mp4

10:03

2. Displaying Message Dynamically.mp4

02:44

3.1 Displaying sum of two numbers(Code).rar

3. Assignment (Display sum of two values).mp4

01:37

4. Understanding the @NgModule.mp4

05:16

5. Property Binding.mp4

03:16

6.1 Assignment propertyBinding(Code).rar

6. Assignment (Property binding with image tag).mp4

01:20

7.1 Event Binding(Code).rar

7. Event Binding with Click Event.mp4

03:46

8.1 mouseRelatedEvents(Code).rar

8. Binding Other Mouse Related Events.mp4

03:35

9.1 keyboardEvents(Code).rar

9. Binding Keyboard Events.mp4

02:57

10.1 $eventObject(Code).rar

10. $event object.mp4

11.1 Code - Assignment(Checking Shift Key Status).rar

11. Assignment (Checking shift key status).mp4

02:43

12.1 twoWayBinding(Code).rar

12. Two Way Binding (ngModel).mp4

05:11

13.1 Get input field value on button click(Code).rar

13. Assignment (Two-way Binding) - Get input field value on button click.mp4

02:10

14.1 counterExample.rar

14. Assignment (Creating counter example).mp4

03:44

3. Angular Directives

1. Directives Introduction.mp4

01:52

2.1 structuralDirectives - ngIf(Code).rar

2. Structural Directives (ngIf).mp4

03:04

3.1 Assignment(ngIf) - Code.rar

3. Assignment - Implementing show & hide functionality with ngIf.mp4

02:06

4.1 structuralDirectives(ngFor) - Code.rar

4. Structural Directives (ngFor).mp4

02:35

5.1 Assignment (ngFor) - Code.rar

5. Assignment - Displaying list items on button click using ngIf and ngFor.mp4

02:49

6.1 ngSwitch(Code).rar

6. Structural Directives (ngSwitch).mp4

03:22

7.1 Assignment [ngSwitch].rar

7. Assignment ngSwitch.mp4

02:55

8.1 ngClass(Code).rar

8. Assignment - Light & Dark mode using [ngClass].mp4

05:55

9.1 Assignment [ngClass] - Code.rar

9. Assignment - ngClass.mp4

03:44

10.1 ngStyle - Code.rar

10. Attribute Directives - [ngStyle].mp4

03:02

11.1 Assignment (ngStyle) - Code.rar

11. Assignment - Changing the color of input field using [ngStyle].mp4

07:25

12.1 ng-container(Code).rar

12. Grouping elements with ng-container.mp4

03:36

13.1 ng-template(Code).rar

13. HTML templates with ng-template.mp4

03:24

14. ng-template Vs. ng-container.mp4

02:08

15.1 Assignment - (Code).rar

15. Assignment - Displaying message if the input field remains empty.mp4

03:56

16.1 ngTemplatOutlet(P1) - Code.rar

16. Rendering templates with ngTemplateOutlet - Part 1.mp4

04:32

17.1 ngTemplateoutlet(P2) - Code.rar

17. Rendering templates with ngTemplateOutlet - Part 2.mp4

03:01

18.1 portfolioBuilder(Pt-1) - Code.rar

18. Assignment - Portfolio Builder (Phase 1) - HTML.mp4

03:04

19.1 portfolioBuilder(Pt-2) - Code.rar

19. Assignment - Portfolio Builder (Phase 2) - CSS.mp4

04:45

20.1 portfolioBuilder(Pt3) - Code.rar

20. Assignment - Portfolio Builder (Phase 3) - Binding.mp4

05:30

4. Angular Pipes

1.1 pipesIntro - Code.rar

1. Pipes - Introduction.mp4

03:15

2.1 Assignment - Pipes(Code).rar

2. Assignment - Implementing the built-in pipes.mp4

03:42

3.1 UnderstandingSlicePipe - Code.rar

3. Understanding Slice Pipe.mp4

02:42

4.1 pageNavigation(Pt1) - slicePipe - Code.rar

4. Assignment - Page navigation using slice pipe (Part 1).mp4

05:08

5.1 pageNavigation(Pt2) - slicePipe - Code.rar

5. Assignment - Page navigation using slice pipe (Part 2).mp4

03:42

6.1 UnderstandingNumberPipe-(Code).rar

6. Understanding Number pipe.mp4

03:04

7.1 PoundsToKgConverter - Code.rar

7. Assignment - Pound(lbs) to Kg Converter Using Number Pipe.mp4

04:13

8.1 UnderstandingJsonPipe - Code.rar

8. Understanding JSON Pipe.mp4

01:39

9.1 DisplayingTableDataToJSONString - Code.rar

9. Assignment - Displaying Table Data To JSON string.mp4

04:31

5. Custom Pipes

1.1 creatingCustomPipe - Code.rar

1. Creating Custom Pipes.mp4

04:20

2.1 customSortingPipe - Code.rar

2. Assignment - Custom Pipe for Sorting Numbers.mp4

05:40

3.1 letterCountCustomPipe - Code.rar

3. Assignment - Creating Custom Pipe For Letter Count.mp4

03:21

4.1 pureVsImpurePipe - Code.rar

4. Pure Vs. Impure Pipe.mp4

03:50

5.1 impurePipe - Code.rar

5. Using Impure Pipes.mp4

02:54

6. Angular Routing

1.1 routingIntroduction - Code.rar

1. Routing - Introduction.mp4

02:37

2. Understanding Router Module Structure.mp4

02:24

3.1 simpleRoute - Code.rar

3. router-outlet - Creating a simple route.mp4

02:30

4.1 routerLink - Creating a navigation link (Code).rar

4. Creating a navigation link with routerLink Directive.mp4

01:54

5.1 simpleNavBarUsingRoutes - Code.rar

5. Assignment - Creating a Navbar using routes.mp4

05:13

6.1 dynamicRouting - Code.rar

6. Passing Route Parameters (Dynamic Routing).mp4

04:08

7.1 wildcardRoute.rar

7. Wildcard Routes - Displaying the 404 page.mp4

02:51

8.1 nestedRoutes - Code.rar

8. Understanding Nested Routes.mp4

02:50

9.1 creatingMultiLevelMenu - Code.rar

9. Assignment - Creating a multi-level menu.mp4

02:47

10.1 redirectingRoutes - Code.rar

10. Redirecting Routes.mp4

04:45

11.1 forRoot forChild - Code.rar

11. Understanding forRoot and forChild in routing.mp4

05:09

12.1 ActivatedRoute - Code.rar

12. Understanding ActivatedRoute.mp4

05:02

13.1 queryParams - Code.rar

13. Query Parameters In Routing.mp4

04:39

14.1 queryParams Assignment - Code.rar

14. Assignment - Displaying Course Details And Fetching The Query Parameters.mp4

05:06

7. Angular Services

1.1 servicesIntro- Code.rar

1. Introduction To Services.mp4

07:58

2.1 DI - Code.rar

2. Dependency Injection.mp4

04:37

3.1 cubeVal - Code.rar

3. Providing Services.mp4

07:31

8. Angular Tokens

1.1 injectingTokens - Code.rar

1. Injecting Tokens.mp4

04:45

2.1 stringTokens - Code.rar

2. Injecting String Tokens.mp4

02:20

3.1 tokenObject - Code.rar

3. Injection Token Object.mp4

03:11

4.1 useValue - Code.rar

4. Providing Value With useValue.mp4

02:47

5.1 constantValueDependency - Code.rar

5. Assignment - Provide A Constant Value As Dependency.mp4

02:37

6.1 useExisting - Code.rar

6. Alias Provider - useExisting Property.mp4

02:34

7.1 useFactory - Code.rar

7. Factory Provider - useFactory Property.mp4

03:29

8.1 depsProperty - Code.rar

8. Providing Dependencies Using deps Property With useFactory.mp4

05:05

9.1 useFactory Vs. useValue - Code.rar

9. useFactory Vs. useValue.mp4

03:11

9. Angular Template Driven Forms

1. Introduction to Angular Forms.mp4

02:37

2.1 ngForm - Code.rar

2. Understanding ngForm directive.mp4

04:50

3.1 submitForm - Code.rar

3. Assignment - Creating A Simple Submit And Reset Form.mp4

03:55

4.1 templateDrivenForm - Code.rar

4. Template-driven form.mp4

04:54

10. Angular Reactive Forms

1.1 FormControl - Code.rar

1. Understanding FormControl.mp4

06:07

2.1 formControl - Code (2).rar

2. Understanding FormGroup.mp4

06:53

3.1 FormArray - Code.rar

3. Dynamic Forms With FormArray.mp4

06:45

4.1 FormBuilder - Code.rar

4. Understanding FormBuilder.mp4

02:16

5.1 formValidation - Code.rar

5. Validating Form Controls.mp4

05:40

6.1 multiStepForm(Part1) - Code.rar

6. Creating Multi Step Reactive Form With Bootstrap (Part 1).mp4

04:34

7.1 multiStepForm(Part2) - Code.rar

7. Creating Multi Step Reactive Form With Bootstrap (Part 2).mp4

03:30

8.1 multiStepForm(Part3) - Code.rar

8. Creating Multi Step Reactive Form With Bootstrap (Part 3).mp4

07:57

9.1 formState - Code.rar

9. Tracking Form Control States (Dirty and Pristine Properties).mp4

05:11

10.1 multipleValidations - Code.rar

10. Multiple Validations On Password Field.mp4

04:28

11. Custom Form Validators

1.1 customValidator - Code.rar

1. Creating Custom Validators.mp4

05:47

2.1 urlValidator - Code.rar

2. Custom URL Validator.mp4

05:42

12. Route Guards

1.1 RouteGuards(CanActivate) - Code.rar

1. Securing Routes With Route Guards.mp4

06:04

2.1 CanDeactivateGuard - Code.rar

2. CanDeactivate Route Guard.mp4

07:15

3.1 canActivateChild - Code.rar

3. CanActivateChild Route Guard.mp4

05:26

4.1 Login Authentication - Code.rar

4. Assignment - Login Authentication.mp4

08:22

5.1 CanLoad - Code.rar

5. Loading Modules with CanLoad Route Guard.mp4

09:33

6.1 CanMatch Guard - Code.rar

6. CanMatch Guard.mp4

05:55

13. Observables & RxJS

1.1 Observables RxJS - Code.rar

1. Understanding Observables & RxJS.mp4

06:15

2.1 Managing Observables & Subscribers - Code.rar

2. Managing Observables & Subscribers.mp4

08:24

3.1 unsubscribeObservable - Code.rar

3. Unsubscribing an Observable.mp4

05:43

4.1 AsyncPipe - Code.rar

4. Understanding Async Pipe.mp4

06:22

5.1 Fetching JSON Data With Async Pipe - Code.rar

5. Assignment - Fetching JSON Data With Async Pipe.mp4

04:40

14. RxJS Operators

1.1 RxJS of() - Code.rar

1. RxJS {of} Operator.mp4

03:11

2.1 RxJS from() - Code.rar

2. RxJS {from} Operator.mp4

02:42

3.1 RxJS interval() - Code.rar

3. RxJS {interval} Operator.mp4

03:03

4.1 RxJS timer() - Code.rar

4. RxJS {timer} Operator.mp4

03:44

5.1 loadingSpinner - Code.rar

5. Assignment - Implementing a loading spinner with timer operator.mp4

03:04

6.1 RxJS empty() - Code.rar

6. RxJS {empty} Operator.mp4

03:31

7.1 RxJS pipe() - Code.rar

7. RxJS Pipeable Operators.mp4

04:02

8.1 RxJS filter() - Code.rar

8. RxJS {filter} Operator.mp4

03:30

15. Handling HTTP Calls With Angular

1.1 HttpClient - Code.rar

1. Making HTTP Calls With HttpClient.mp4

04:45

2.1 HTTP Call with Observable - Code.rar

2. Making HTTP Calls With Observable.mp4

02:36

3.1 HTTP POST Request - Code.rar

3. Implementing HTTP POST Request.mp4

05:10

4.1 HTTP PUT Request - Code.rar

4. Modifying Data With PUT Request.mp4

04:33

5.1 HTTP DELETE Request - Code.rar

5. Removing Data With DELETE Request.mp4

03:37

16. eStore Project

1. Introduction.mp4

01:35

2.1 02. eStore project creation.zip

2.2 02. Estore project creation.zip

2.3 03. Installing bootstrap.zip

2. eStore project creation.mp4

01:52

3.1 03. Installing bootstrap.zip

3. Installing Bootstrap.mp4

01:30

4.1 04. Beginning header component.zip

4. Beginning header component.mp4

03:38

5.1 05. Adding search bar.zip

5. Adding search bar.mp4

03:20

6.1 06 Category dropdown in search bar.zip

6. Category dropdown in search bar.mp4

02:41

7.1 07. Login link, wishlist and cart icons.zip

7. Login link, wish-list and cart icons.mp4

03:48

8.1 08. Category navigation bar.zip

8. Category navigation bar.mp4

02:50

9.1 09. Creating home component.zip

9. Creating home component.mp4

02:45

10. Reorganizing header and category navigation components hierarchy.mp4

01:35

11.1 11. Creating error 404 page.zip

11. Creating Error 404 Page.mp4

01:35

12.1 12. Beginning side navigation component.zip

12. Side navigation component.mp4

06:00

13.1 13. Fetching data into side navigation component.zip

13. Fetching data into side navigation component.mp4

05:34

14.1 14. Beginning products component.zip

14. Products component.mp4

01:59

15.1 15. Styling product card.zip

15. Styling product card.mp4

03:39

16.1 16. Fetching data into products component.zip

16. Fetching data into products component.mp4

03:51

17.1 17. Creating ratings component.zip

17. Creating ratings component.mp4

05:55

18. Installing MySQL.mp4

04:09

19.1 19. Creating database.txt

19. Creating Database.mp4

05:02

20.1 20. Creating node server.zip

20. Creating Node Server.mp4

02:58

21.1 21. Configuring route api.zip

21. Configuring API Route.mp4

02:01

22.1 22. Configuring nodemon.zip

22. Configuring Nodemon.mp4

01:24

23.1 23. Connecting to MYSQL.zip

23. Connecting To MySQL.mp4

02:44

24. Data fetching with SQL query.mp4

02:01

25.1 25. Removing getConnection call.zip

25. Removing getConnection() call.mp4

01:16

26.1 26. Creating routes with express.zip

26. Creating routes with Express.mp4

02:03

27.1 27. Configuring Routes with express.Router.zip

27. Configuring Routes with express.Router().mp4

01:13

28. Creating workspace.mp4

00:58

29.1 29. Fetching categories - estore.zip

29.2 29. Fetching categories -estore-server.zip

29. Fetching Categories from server.mp4

03:47

30.1 30. Fetching Categories in Category navigation bar.zip

30. Fetching Categories in Category navigation bar.mp4

01:51

31.1 31. Introducing state management.zip

31. Introducing state management.mp4

08:25

32.1 32. Populate header search categories.zip

32. Populate header search categories.mp4

01:34

33.1 33. Define routes to fetch products.zip

33. Define routes to fetch products.mp4

04:36

34.1 34. Fetching products in products component.zip

34. Fetching products in products component.mp4

02:27

35.1 35. Query parameters to filter products by category.zip

35. Query parameters to Filter products by category.mp4

02:37

36.1 36. Add products store.zip

36. Add products store.mp4

06:06

37.1 37. Filter products from side navigation bar.zip

37. Filter products from side navigation bar.mp4

03:07

38.1 38. Filter products from category navigation bar.zip

38. Filter products from category navigation bar.mp4

01:48

39.1 39. Adding keywords in database.zip

39. Adding keywords in database.mp4

02:18

40.1 40. Find products using search box.zip

40. Find products using search box.mp4

04:46

41.1 41.Lazy loading home module and products gallery component.zip

41. Lazy loading home module and products gallery component.mp4

05:29

42.1 42. Creating product details component.zip

42.2 42. productdetails css.txt

42. Creating product details component.mp4

11:23

43.1 43. Implementing Shopping Cart.zip

43. Implementing Shopping Cart - Part 1.mp4

06:44

44.1 43. Implementing Shopping Cart.zip

44. Implementing Shopping Cart - Part 2.mp4

04:52

45.1 44. Creating shopping cart component.zip

45. Creating shopping cart component - Part 1.mp4

06:41

46.1 44. Creating shopping cart component.zip

46. Creating shopping cart component - Part 2.mp4

03:28

47.1 Cart summary and session storage.zip

47. Cart summary and session storage.mp4

04:44

48.1 User Signup API.zip

48. User Signup API.mp4

06:24

49.1 47. Starting user sign up form.zip

49. Starting User Sign up form.mp4

07:59

Description

Build, Deploy & Get Job-Ready with Real-World App Skills & Interview Questions + Assignments

What You'll Learn?

Master Angular's architecture and its practical application.
Develop complex, scalable web apps with Angular.
Create responsive single-page applications (SPAs).
Excel in data binding for dynamic user experiences.
Facilitate seamless component communication.
Hands-on eStore project implementation.
Build a strong foundation for a frontend developer role.
Organize and structure Angular code effectively.

Who is this for?

Anyone who wants to learn Angular - the heavyweight in front-end development.

Junior & mid-level developers who want to enhance their Angular skills to the max!

Expert developers who want to upgrade their existing Angular development skills.

What You Need to Know?

Basic HTML and CSS knowledge, but it isn't mandatory!

Time, attention and dedication to learn & practice.

More details

Description
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.
Who this course is for:
Anyone who wants to learn Angular - the heavyweight in front-end development.
Junior & mid-level developers who want to enhance their Angular skills to the max!
Expert developers who want to upgrade their existing Angular development skills.

User Reviews

Rating

average 0

Total votes0

Focused display

Hi! I am Nirmal Joshi, founder, and CEO of a tech development company in India. I have more than 25+ years experience of in dealing with people, processes, and codes. I am an active corporate trainer for years now and have been consulting with top Fortune 1000 companies.My journey here on Udemy will consist of sharing advanced Front-end/Full-stack Web Development tutorials focusing on the latest, cutting-edge tools, techniques, projects, and standard programming practices to help creative people make awesome technological implementations. If you're a technology aspirant or someone who is interested in creating amazing things in pixels and code, make sure to enroll in my courses. Getting in touch with me is easy. Hit me up with your questions in the Q&A section.Good luck!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.