Trang chủ

Web Development

Angular

Angular Mastery: Build Modern Web Applications from Scratch

Angular Mastery: Build Modern Web Applications from Scratch

Loại khoá học: Web Development

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

50.000 VND

79 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

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 .

Bạn sẽ học được gì

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.

Yêu cầu

Basic Knowledge of Angular

Nội dung khoá học

9 sections

Introduction to the course

2 lectures

Course introduction video

00:29

Outline of the course

00:21

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

19 lectures

Introduction

01:39

Initializing Angular Project

04:18

Creating Topbar Component

04:28

Adding Angular Material

03:44

Creating Login Component

08:02

Creating Create Account Component

03:37

Angular Forms and Form Binding

13:59

Displaying Error Messages

09:53

Angular Services and HTTP Client Module

14:06

Adding Login Logic

13:12

Configuring Redirects after Login

14:29

Using Local Storage to Save User Data

07:31

Adding Template to Posts Component

05:09

Configuring AngularFire

05:28

Uploading Images to Firebase

13:13

Creating Posts

15:26

Logic for Like Button

13:57

8888 Logic for Comment Button

13:19

Download the project files

00:01

Project-2: Online Code Compiler Platform using MEAN Stack

22 lectures

Introduction

02:16

Initializing Angular Project

04:58

Creating Topbar Component

05:25

Adding Angular Material

04:45

Template of Login Form

07:40

Template of Create Account Form

04:26

Angular Forms

10:05

Displaying Error Messages

09:00

Initializing Node.js Application

05:52

Creating User Model

04:08

Creating User Route

12:19

API Logic of Login

06:04

Connecting to Atlas Database

08:16

Sending HTTP Calls to the Server

11:43

Redirects After Login

10:00

Template of Home Page

07:53

Creating Fiddle Endpoints

15:50

Creating Coding Page

06:04

Adding Code Execution Endpoint

06:17

Creating Fiddle Service

13:01

Adding Methods of Coding Component

17:04

Download the project files

00:01

Project-3: StackOverflow Clone with Angular and JSON Server

20 lectures

Introduction

01:51

Initialising Angular Project

05:05

Creating Topbar Component

04:30

Adding Angular Material

05:36

Creating Login Page

08:00

Creating Create Account Page

04:46

Angular Form Bindings

11:16

Angular Form Error Messages

12:10

Angular Services and Mock API

16:51

Adding Logic for Login

15:25

Login Edge Cases

15:20

Template of Home page

02:36

Post Questions

16:24

Fetching Questions List

08:47

Solutions Page Template

07:13

Posting Answers Part-1

11:29

Posting Answers Part-2

08:57

Fetching Answers

05:13

Upvoting and Downvoting

15:34

Download the project files

00:01

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

16 lectures

Introduction

01:58

Initialising Angular Project

05:13

Creating Topbar Component

04:27

Initilasing Angular Material

04:52

Creating Boards Component

06:37

Mat Dialog for Add Board

12:51

Routing in Angular

06:58

Angular Services and Local Storage

15:23

Add Board Functionality and Template Binding

08:19

Template of View Board Component

14:26

Template of Add Card Dialogbox

14:37

Adding Create Card Logic Part 1

05:05

Adding Create Card Logic Part 2

16:06

View Cards Template Binding

10:56

Adding Edit Card Logic

14:52

Download the project files

00:01

Project-5: Trivia App with Global Leaderboard and Angular

14 lectures

Introduction

02:25

Initializing Angular Project

05:40

Installing Angular Material

04:55

Creating Topbar Component

03:51

Creating Home Page

15:02

Creating Trivia Page

14:51

Angular Services and HTTP Module

10:45

Template Binding of Trivia Page

10:02

Logic for Answering the Questions

16:15

Logic for Timer

15:11

Sending Scores to JSON Server Part 1

02:53

Sending Scores to JSON Server Part 2

14:00

Displaying Data on the Leaderboard

08:21

Download the project files

00:01

Project-6: Blogging Platform with RichText Editor in Angular

13 lectures

Introduction

02:00

Initializing Angular Project

05:24

Creating Topbar Component

04:12

Installing Angular Material

04:43

Template of Home Page

09:10

Template of Create Blog Page

16:10

NgModel in Create Blog

08:58

Create Blog Service

08:57

Home Page Template Binding

06:28

Creating View Blog Component

09:18

Template Binding of View Blog Component

06:02

Adding Comment Logic

13:47

Download the project files

00:01

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

14 lectures

Introduction

02:20

Initialising Angular Project

04:46

Creating The Topbar Component

15:11

Creating The Home Page

15:00

Introduction to TMDb API

04:21

Angular Services

09:59

Template Binding of Home Page

06:50

HTTP Call for Search Movies

05:43

Writing the Logic for Search Movies

12:01

Creating Movie Details Page Part 1

10:10

Creating Movie Details Page Part 2

11:59

HTTP Call to Fetch Movie Details

07:54

Template Binding of Movie Details Page

13:47

Download the project files

00:01

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

11 lectures

Introduction

02:23

Initialising Angular Project

07:46

Creating Home Page Part - 1

12:06

Creating Home Page Part - 2.

13:38

Creating Search Results Page

10:00

Linking Home Page and Results Page

06:46

Spoonacular API

05:05

Angular Services and HTTP Module

10:13

Template Binding Results Page.

10:46

Template Binding of Recipe Details Page

12:04

Download the project files

00:01

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

The Complete Python Bootcamp From Zero to Hero in Python

The Complete Python Bootcamp From Zero to Hero in Python

MERN From Scratch 2023 | eCommerce Platform

MERN From Scratch 2023 | eCommerce Platform

Loopback 4: Modern ways to Build APIs in Typescript & NodeJs

Loopback 4: Modern ways to Build APIs in Typescript & NodeJs

Electron From Scratch: Build Desktop Apps With JavaScript

Electron From Scratch: Build Desktop Apps With JavaScript

Understanding TypeScript

Understanding TypeScript

The Ultimate React Course 2024: React, Next.js, Redux & More

The Ultimate React Course 2024: React, Next.js, Redux & More

Blazor Bootcamp - .NET 6 E-Commerce Web App(WASM and Server)

Blazor Bootcamp - .NET 6 E-Commerce Web App(WASM and Server)

Unreal Engine 5: One Course Solution For Niagara VFX

Unreal Engine 5: One Course Solution For Niagara VFX

The Complete JavaScript Course 2024: From Zero to Expert!

The Complete JavaScript Course 2024: From Zero to Expert!

The Complete Python Developer

The Complete Python Developer

Advanced C Programming Course

Advanced C Programming Course

[NEW] Spring Boot 3, Spring 6 & Hibernate for Beginners

[NEW] Spring Boot 3, Spring 6 & Hibernate for Beginners

React State Manager - Redux Toolkit, React Query, Redux Saga

React State Manager - Redux Toolkit, React Query, Redux Saga

Lập trình Python từ cơ bản đến nâng cao thông qua các dự án

Lập trình Python từ cơ bản đến nâng cao thông qua các dự án

React - The Complete Guide 2024 (incl. Next.js, Redux)

React - The Complete Guide 2024 (incl. Next.js, Redux)

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi