Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Complete Angular Course for Beginners & Professionals

Name: Complete Angular Course for Beginners & Professionals
Rating: 4.6 (51 reviews)

A practical guide on Angular Framework for beginners and professionals who wants to jumpstart on Angular.

Created byNAVEEN SAGGAM

Last updated 12/2021

English

What you'll learn

This will give a practical understanding of Angular Framework with handpicked examples on each topic.
It makes you a better understanding of Angular applications with real time knowledge
You will be able to develop new applications or projects using Angular Framework
This course will gives you a confidence in attending interviews in Angular and also developing your own Angular applications

Course content

11 sections • 43 lectures • 7h 22m total length

Introduction to Angular6:28
What is Single Page Application6:29
Explore how a single page application uses Angular to load data via ajax and update only necessary DOM components, enabling faster, seamless front end experience.
What is Component based development4:22
Explore component based development in Angular, a software approach that designs apps from reusable, independent components, each with its own code, assembled into a complex UI.

Creating the first application in Angular4:35
Create a workspace named angular-tool and generate your Angular project with ng new, enabling routing and css. Start the dev server on port 4200 as dependencies install.
Understanding folder Structure & Control Flow of Angular Application22:53
Explore the Angular folder structure and the control flow of an application, from the root app module and root component to modules, components, assets, and environment configurations.
Understanding App Component and applying styles to it.6:16
Creating a custom component in Angular with CSS Styles13:22

Angular Events handling with simple counter example10:40
Multiple button clicks with Wish Message example7:16
A Product Item handling in a product cart example12:33
Build an Angular product item in a cart, modeling items as objects with serial, name, quantity, price, and image; implement increment/decrement with event binding and object spread.
A simple shopping cart example with incr or decr the items quantity17:24
Build a shopping cart in Angular by creating a cart component, listing products, and adjusting quantities with plus and minus buttons, then calculate the grand total with INR currency formatting.

A manual forms binding in Angular11:21
Automatic forms binding or Two way data binding in Angular5:09
A sms application with Angular forms binding example7:55
A show password example with Angular forms binding8:37
Implement a show password feature with Angular forms binding by toggling the input type from password to text via a checkbox and a binding variable.
An amount range example with Angular forms binding5:51
A theme selector example with Angular forms binding7:48
A complete Registration form using Angular forms binding12:59
All forms bindings Resources0:01

Angular Structural directives example10:04
Angular directive NgFor for list of items6:55
Learn to use the angular ngfor directive to loop through items and display them as cards in a shopping cart with data binding, images, names, prices in INR, and quantities.
Angular with nested components and its interaction7:55
Pipes in Angular applications14:27
Explore Angular pipes to transform raw data into user-friendly formats, including uppercase and lowercase text, date and currency formatting, and object inspection with JSON and pre pipes.

Requirements

Basic HTML , CSS , Little JavaScript is Required to start learning Angular
Bootstrap knowledge is an added advantage to learn this course
Little TypeScript knowledge is also required for better understanding this course
You will gain the hands on experience just by following the course examples

Description

This course will explain the Angular latest version with full of practical examples on each topic. This course will help the beginners and professionals to gain practical knowledge to clear interviews and also to survive in the software development as an angular developer.

Myself NAVEEN SAGGAM , I am the owner of UiBrains Technologies YouTube channel. This course is designed to help you in learning the complete JavaScript programming language. This course suits to both the beginners & professionals. This course is unique and it contains each concept with a practical example to make understand in a better manner and this will also provides you a hands on experience. All the concepts explained here are by me are the best of my knowledge and experience in the subject.

This course is a quick jumpstart on the most popular JavaScript framework called Angular. This course will boost your interest in learning Angular with fun and interesting examples on each topic which will improve your confidence in Angular application development. This will also provides a hands on experience on Angular.

In this course you will learn from the basics of angular to advanced concepts of Angular.

This Course will cover the following concepts of Angular.

01. Introduction to Angular

02. what is Single Page Application

03 component based development

04 Software Installation

05 VS code Webstrom Installtion

06 first application in angular

07 the folder structure walk through

08 how to apply styles to app component

09 first component with css styles

10 Bootstrap Configuration to Angular App

11 font awesome icons configuration

12 Bootstrap cards example

13 Angular Data Bindings

14 events Handling Counter example

15 Events Handling Wish Message

16 Events Handling Product Item

17 Events Handling Shopping Cart

18 angular forms binding manual

19 Angular Forms Binding Auto

20 angular forms binding sms app

21 Angular Forms Binding Show Password

22 Angular Foms Binding amount range

23 angular forms binding theme selector

24 Angular Forms binding registration form

25 Angular structural directives

26 Angular Structural Directives Ngfor

27 Angular Nested Components Interaction

28 Angular with Pipes

29 Angular Services

30 Angular with Observables

31 Angular with Server Connection

32 Angular Http with Error Handling

33 Angular Contact Application 1

34 Angular Contact Application 2

35 Angular Router Configuration

36 Angular Router Page Design

37 Angular router REST API Configuration

38 Angular Routing Service Configuration

39 Angular routing Dynamic Router

40 Angular routing Redirection

Who this course is for:

An absolute beginner to professionals who wants to learn and gain practical experience in Angular Framework
Everyone who is just curious to learn a popular JavaScript Framework called angular
For everyone who wants to clear interviews on Angular Framework with hands on experience

Complete Angular Course for Beginners & Professionals

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 17min

Environment setup or Software Installation2 lectures • 23min

Kickstart Angular first application4 lectures • 47min

Third Party Libraries integration with Angular Application2 lectures • 24min

Angular application with Data Binding2 lectures • 33min

Events Handling in Angular Applications4 lectures • 48min

Forms Binding in Angular applications8 lectures • 1hr

Angular Structural directives , Interaction , Pipes4 lectures • 39min

Angular Services & Observables4 lectures • 57min

A Comprehensive Example Contact App based on previous topics3 lectures • 34min

Requirements

Description

Who this course is for: