Angular Mastery: Build Modern Web Applications From Scratch

Dive deep into Angular's powerful features by crafting real-world projects, add projects portfolio in resume.

What you'll learn

Build real-time apps that not only work great but also look awesome!

Understand how Angular works and how it interacts with Backends

Use the deep understanding of the Angular fundamentals to quickly establish yourself as a frontend developer

See the step-by-step process of designing and assembling an advanced project

Master Angular for creating modern, complex, and scalable web applications.

Get hands-on experience by building real-world Angular applications.

Requirements

Basic Knowledge of Angular

Description

In the fast-paced world of web development, staying relevant and mastering modern technologies is essential . Angular, a popular JavaScript framework maintained by Google, has emerged as a powerful tool for building dynamic and responsive web applications . The "Angular Development Projects" course is designed to equip students with the skills and knowledge needed to excel in this exciting field . This course goes beyond basic Angular concepts and delves into real-world project development, offering a comprehensive learning experience .Why You Should Learn Angular:High Demand: Angular is in high demand in the job market, and companies are actively seeking Angular developers . Learning Angular opens up a wide range of career opportunities .Scalability: Angular's component-based architecture and powerful tools make it an excellent choice for building scalable and maintainable applications .Community and Support: Angular has a vibrant and active developer community, providing ample resources and support for learners . It's backed by Google, ensuring it remains a relevant and well-supported technology .Cross-Platform Development: With Angular, students can also build cross-platform mobile and desktop applications using technologies like Angular Ionic and Angular Electron .Future-Proof: Learning Angular equips students with skills that are likely to remain relevant for years to come, as it continues to evolve and adapt to industry needs .

Overview

Section 1: Introduction to the course

Lecture 1 Course introduction video

Lecture 2 Outline of the course

Section 2: Project-1: Image Sharing & Social Network with Angular and Firebase

Lecture 3 Introduction

Lecture 4 Initializing Angular Project

Lecture 5 Creating Topbar Component

Lecture 6 Adding Angular Material

Lecture 7 Creating Login Component

Lecture 8 Creating Create Account Component

Lecture 9 Angular Forms and Form Binding

Lecture 10 Displaying Error Messages

Lecture 11 Angular Services and HTTP Client Module

Lecture 12 Adding Login Logic

Lecture 13 Configuring Redirects after Login

Lecture 14 Using Local Storage to Save User Data

Lecture 15 Adding Template to Posts Component

Lecture 16 Configuring AngularFire

Lecture 17 Uploading Images to Firebase

Lecture 18 Creating Posts

Lecture 19 Logic for Like Button

Lecture 20 8888 Logic for Comment Button

Lecture 21 Download the project files

Section 3: Project-2: Online Code Compiler Platform using MEAN Stack

Lecture 22 Introduction

Lecture 23 Initializing Angular Project

Lecture 24 Creating Topbar Component

Lecture 25 Adding Angular Material

Lecture 26 Template of Login Form

Lecture 27 Template of Create Account Form

Lecture 28 Angular Forms

Lecture 29 Displaying Error Messages

Lecture 30 Initializing Node.js Application

Lecture 31 Creating User Model

Lecture 32 Creating User Route

Lecture 33 API Logic of Login

Lecture 34 Connecting to Atlas Database

Lecture 35 Sending HTTP Calls to the Server

Lecture 36 Redirects After Login

Lecture 37 Template of Home Page

Lecture 38 Creating Fiddle Endpoints

Lecture 39 Creating Coding Page

Lecture 40 Adding Code Execution Endpoint

Lecture 41 Creating Fiddle Service

Lecture 42 Adding Methods of Coding Component

Lecture 43 Download the project files

Section 4: Project-3: StackOverflow Clone with Angular and JSON Server

Lecture 44 Introduction

Lecture 45 Initialising Angular Project

Lecture 46 Creating Topbar Component

Lecture 47 Adding Angular Material

Lecture 48 Creating Login Page

Lecture 49 Creating Create Account Page

Lecture 50 Angular Form Bindings

Lecture 51 Angular Form Error Messages

Lecture 52 Angular Services and Mock API

Lecture 53 Adding Logic for Login

Lecture 54 Login Edge Cases

Lecture 55 Template of Home page

Lecture 56 Post Questions

Lecture 57 Fetching Questions List

Lecture 58 Solutions Page Template

Lecture 59 Posting Answers Part-1

Lecture 60 Posting Answers Part-2

Lecture 61 Fetching Answers

Lecture 62 Upvoting and Downvoting

Lecture 63 Download the project files

Section 5: Project-4: Task Management App with Angular and JSON Server

Lecture 64 Introduction

Lecture 65 Initialising Angular Project

Lecture 66 Creating Topbar Component

Lecture 67 Initilasing Angular Material

Lecture 68 Creating Boards Component

Lecture 69 Mat Dialog for Add Board

Lecture 70 Routing in Angular

Lecture 71 Angular Services and Local Storage

Lecture 72 Add Board Functionality and Template Binding

Lecture 73 Template of View Board Component

Lecture 74 Template of Add Card Dialogbox

Lecture 75 Adding Create Card Logic Part 1

Lecture 76 Adding Create Card Logic Part 2

Lecture 77 View Cards Template Binding

Lecture 78 Adding Edit Card Logic

Lecture 79 Download the project files

Section 6: Project-5: Trivia App with Global Leaderboard and Angular

Lecture 80 Introduction

Lecture 81 Initializing Angular Project

Lecture 82 Installing Angular Material

Lecture 83 Creating Topbar Component

Lecture 84 Creating Home Page

Lecture 85 Creating Trivia Page

Lecture 86 Angular Services and HTTP Module

Lecture 87 Template Binding of Trivia Page

Lecture 88 Logic for Answering the Questions

Lecture 89 Logic for Timer

Lecture 90 Sending Scores to JSON Server Part 1

Lecture 91 Sending Scores to JSON Server Part 2

Lecture 92 Displaying Data on the Leaderboard

Lecture 93 Download the project files

Section 7: Project-6: Blogging Platform with RichText Editor in Angular

Lecture 94 Introduction

Lecture 95 Initializing Angular Project

Lecture 96 Creating Topbar Component

Lecture 97 Installing Angular Material

Lecture 98 Template of Home Page

Lecture 99 Template of Create Blog Page

Lecture 100 NgModel in Create Blog

Lecture 101 Create Blog Service

Lecture 102 Home Page Template Binding

Lecture 103 Creating View Blog Component

Lecture 104 Template Binding of View Blog Component

Lecture 105 Adding Comment Logic

Lecture 106 Download the project files

Section 8: Project-7: MMDb: IMDb Clone with Angular and TheMoviesDB API

Lecture 107 Introduction

Lecture 108 Initialising Angular Project

Lecture 109 Creating The Topbar Component

Lecture 110 Creating The Home Page

Lecture 111 Introduction to TMDb API

Lecture 112 Angular Services

Lecture 113 Template Binding of Home Page

Lecture 114 HTTP Call for Search Movies

Lecture 115 Writing the Logic for Search Movies

Lecture 116 Creating Movie Details Page Part 1

Lecture 117 Creating Movie Details Page Part 2

Lecture 118 HTTP Call to Fetch Movie Details

Lecture 119 Template Binding of Movie Details Page

Lecture 120 Download the project files

Section 9: Project-8: RecipeLib: Search and Explore Recipes in Angular

Lecture 121 Introduction

Lecture 122 Initialising Angular Project

Lecture 123 Creating Home Page Part - 1

Lecture 124 Creating Home Page Part - 2.

Lecture 125 Creating Search Results Page

Lecture 126 Linking Home Page and Results Page

Lecture 127 Spoonacular API

Lecture 128 Angular Services and HTTP Module

Lecture 129 Template Binding Results Page.

Lecture 130 Template Binding of Recipe Details Page

Lecture 131 Download the project files

Beginners in Angular