Angular for Beginners

Learn how to build Front-end of Web Applications

4.25 (29 reviews)
Udemy
platform
English
language
Other
category
194
students
11.5 hours
content
Jul 2021
last update
$69.99
regular price

What you will learn

How to build the Front-End of a Web Application using Angular

Description

This course teaches you how to build the Front-end of a full-stack Web Application using Angular Framework.

You get to learn how to develop a complete Angular application, build, deploy and integrate with ASP.NET website.

We use TypeScript language to write code and Visual Studio Code for development.

We use Angular CLI to generate application, components and to build it for final deployment.

The following are the major topics covered in this course:

  • TypeScript Language

  • Building Blocks of Angular

  • Data Binding - Property, Attribute, Event, Class and Style Binding

  • Attribute and Structural Directives

  • Services and Dependency Injection

  • Inter-component communication

  • Forms - Template and Reactive Forms

  • Making AJAX calls

  • Using Mock API

  • Routing and Navigation

  • Building and deploying Application

The prerequisites of this course are:

  • HTML, CSS

  • Basics of JavaScript

  • Basic idea about AJAX

  • JSON format

Software used:

  • Node.js  Version 14.15.3

  • Node Package Manager (NPM) Version 6.14.9

  • TypeScript Version 3.9.7

  • Visual Studio Code Version 1.54

You are expected to try everything discussed in this course. To assist you in this process, the complete source code of all the examples discussed in this course is made available in git repo.

Slides are also provided for your reference in lecture 3.

Every section is followed by a Quiz to test your knowledge gained in that section.

Content

Introduction

Introduction
Installing required software
Course Material and Source Code
Quiz

TypeScript

TypeScript Language Elements
Arrays
Functions
Classes
Interface
Quiz

Getting Started with Angular

Creating Angular Application
Building blocks of Angular Application
Creating and using a Component
Quiz

Data Binding

Data Binding and Event Handling
Displaying and Manipulating data - Team Component
Conditional Presentation using *ngIf
Team Component example
Property Binding
Attribute, Class and Style Binding
Enhancing Team Component Example
Quiz

Directives

Attribute Directives
Structural Directive - *ngIf
Structural Directive - ngSwitch
Structural Directive - *ngFor
Quiz

Pipes

How to use Pipes to format
Creating and using Custom Pipe
Quiz

Services

Creating and using Services
Sharing code and data between Components using Service
Creating Stack Service
Quiz

Inter-Component Communication

How to use multiple components together
Parent-child relationship between Components
Quiz

Forms

Using Template Forms
Validating Form
Reactive Forms
Quiz

HTTP and AJAX

Making AJAX calls
Integrating Forms, Services and AJAX
Getting Countries by Region using AJAX
Mock API - JSON Server
Integrating Components, Service and Mock API
Quiz

Routing

Using Routing to build a complete CRUD application
Adding book
Editing, Deleting and Searching books
Using RouteGuard
Quiz

Deploying Application

How to build and deploy Angular Application
Integrating Angular Application with ASP.NET Website
Quiz

Conclusion

Conclusion
Final Assessment

Screenshots

Angular for Beginners - Screenshot_01Angular for Beginners - Screenshot_02Angular for Beginners - Screenshot_03Angular for Beginners - Screenshot_04

Reviews

Narasimha
October 4, 2022
This is an excellent course. The concepts were very well explained, and I was able to practice in parallel. I wanted to learn about web application front end development using Angular as this is being used in one of the enterprise applications I am working on, and this course helped me to connect the dots and understand what goes behind. Thank you Srikanth Pragada. Look forward to a similar course on React framework.
Srinivas
July 31, 2021
The context of the lecture was set really well and the slides were good and talking to the point with hands on. good for absolute beginners

Charts

Price

Angular for Beginners - Price chart

Rating

Angular for Beginners - Ratings chart

Enrollment distribution

Angular for Beginners - Distribution chart
3262652
udemy ID
6/23/2020
course created date
8/18/2021
course indexed date
Bot
course submited by