UDEMY
UDEMY Logo

Build Real World Development Projects Using Angular 

  • Offered byUDEMY

Build Real World Development Projects Using Angular
 at 
UDEMY 
Overview

Master the essential Angular concepts, Troubleshoot common runtime errors

Duration

19 hours

Total fee

649

Mode of learning

Online

Credential

Certificate

Build Real World Development Projects Using Angular
 at 
UDEMY 
Highlights

  • Earn a certificate of completion from Udemy
  • Learn from 8 downloadable resources & 8 articles
  • Get full lifetime access of the course material
  • Comes with 30 days money back guarantee
Read more
Details Icon

Build Real World Development Projects Using Angular
 at 
UDEMY 
Course details

Skills you will learn
Who should do this course?
  • For Beginners in Angular
What are the course deliverables?
  • Use the deep understanding of the Angular fundamentals to quickly establish yourself as a frontend developer
  • Understand how Angular works and how it interacts with Backends
  • Develop modern, complex, responsive and scalable web applications with Angular
  • Fully understand the architecture behind an Angular application and how to use it
  • Build real-time apps that not only work great but also look awesome!
More about this course
  • JavaScript is known to introduce some of the most bizarre behavior known to developers
  • Angular introduces a set of features that encourage developers to adopt the best design pattern practices in your app
  • The words "complacent" or "stagnant" are not the type of words that are associated with a company like Google

Build Real World Development Projects Using Angular
 at 
UDEMY 
Curriculum

Project 1: Social Network wall

Introduction to the Project

Initializing Angular Project

Creating Topbar Component

Adding Angular Material

Creating Login Component

Creating Create Account Component

Angular Forms and Form Binding

Displaying Error Messages

Angular Services and HTTP Client Module

Adding Login Logic

Configuring Redirects after Login

Using Local Storage to Save User Data

Adding Template to Posts Component

Configuring AngularFire

Uploading Images to Firebase.

Creating Posts

Logic for Like Button

Project 2: Online Coding Platform

Introduction to the Project

Initializing Angular Project

Creating Topbar Component.

Adding Angular Material

Template of Login Form

Template of Create Account Form

Angular Forms

Displaying Error Messages

Initializing Node.js Application

Creating User Model

Creating User Route

API Logic of Login

Connecting to Atlas Database

Sending HTTP Calls to the Server

Redirects After Login

Template of Home Page

Creating Fiddle Endpoints

Creating Coding Page

Adding Code Execution Endpoint

Creating Fiddle Service

Adding Methods of Coding Component

Project 3: Stack Overflow Clone

Introduction to the Project

Initialising Angular Project

Creating Topbar Component

Adding Angular Material

Creating Login Page

Creating Create Account Page

Angular Form Bindings

Angular Form Error Messages

Angular Services and Mock API

Adding Logic for Login

Login Edge Cases

Template of Home page

Post Questions

Fetching Questions List

Solutions Page Template

Posting Answers Part-1

Posting Answers Part-2

Fetching Answers

Upvoting and Downvoting

Project 4: Task Management App

Introduction to the Project

Initialising Angular Project

Creating Topbar Component

Initilasing Angular Material

Creating Boards Component

Mat Dialog for Add Board

Routing in Angular

Angular Services and Local Storage

Add Board Functionality and Template Binding

Template of View Board Component

Template of Add Card Dialogbox

Adding Create Card Logic Part 1

Adding Create Card Logic Part 2

View Cards Template Binding

Adding Edit Card Logic

Project 5: Build Trivia Application

Introduction to the Project

Initializing Angular Project

Installing Angular Material

Creating Topbar Component

Creating Home Page

Creating Trivia Page

Angular Services and HTTP Module

Template Binding of Trivia Page

Logic for Answering the Questions

Logic for Timer

Sending Scores to JSON Server Part 1

Sending Scores to JSON Server Part 2

Displaying Data on the Leaderboard

Project 6: Build Blogging Application

Introduction to the Project

Initializing Angular Project

Installing Angular Material

Template of Home Page

Template of Create Blog Page

NgModel in Create Blog

Create Blog Service

Home Page Template Binding

Creating View Blog Component

Template Binding of View Blog Component

Adding Comment Logic

Build Real World Development Projects Using Angular
 at 
UDEMY 
Entry Requirements

Eligibility criteriaUp Arrow Icon
Conditional OfferUp Arrow Icon
  • Not mentioned

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon

Build Real World Development Projects Using Angular
 at 
UDEMY 
Students Ratings & Reviews

5/5
Verified Icon1 Rating
N
Narendra Koya
Build Real World Development Projects Using Angular
Offered by UDEMY
5
Learning Experience: It's simple and understandble English,with basic angular mini projects ,i am getting more knowledge with projects
Faculty: It's quite good with simple and easy solutions Curriculum is very simple and understandble
Course Support: It's very good
Reviewed on 27 Jan 2023Read More
Thumbs Up IconThumbs Down Icon
View 1 ReviewRight Arrow Icon
qna

Build Real World Development Projects Using Angular
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...