The Complete Angular Course: Beginner to Advanced
4.7 (2,966 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
29,321 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete Angular Course: Beginner to Advanced to your Wishlist.

Add to Wishlist

The Complete Angular Course: Beginner to Advanced

The most comprehensive Angular 4 (Angular 2+) course. Build a real e-commerce app with Angular, Firebase and Bootstrap 4
4.7 (2,966 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
29,321 students enrolled
Created by Mosh Hamedani
Last updated 8/2017
English
English [Auto-generated]
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 29.5 hours on-demand video
  • 9 Articles
  • 37 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Establish yourself as a skilled professional developer
  • Build real-world Angular applications on your own
  • Troubleshoot common Angular errors
  • Master the best practices
  • Write clean and elegant code like a professional developer
View Curriculum
Requirements
  • Basic familiarity with HTML, CSS and JavaScript
  • NO knowledge of Angular 1 or Angular 2 is required
Description


Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript. If you want to establish yourself as a front-end or a full-stack developer, you need to learn Angular.


If you've been confused or frustrated jumping from one Angular 4 tutorial to another, you've come to the right place. In this course, Mosh, author of several best-selling courses on Udemy, takes you on a fun and pragmatic journey to master Angular 4


By the end of watching this course, you'll be able to: 

  • Build real client apps with Angular on your own 
  • Troubleshoot common compile-time and run-time errors
  • Write clean and maintainable code like a professional
  • Apply best practices when building Angular apps 



Right from the beginning, you'll jump in and build your first Angular app within minutes. Say goodbye to boring tutorials and courses with rambling instructors and useless theories! 


Angular 2+ has been written in TypeScript. So, in section 2, you'll learn the fundamentals of TypeScript and object-oriented programming to better understand and appreciate this powerful framework. 


Over the next 8 hours, you'll learn the essentials of building client apps with Angular

  • Displaying data and handling events
  • Building re-usable components
  • Manipulating the DOM using directives 
  • Formatting data using pipes
  • Building template-driven and reactive forms 
  • Consuming HTTP services 
  • Handling HTTP errors properly 
  • Using Reactive Extensions and observables 
  • Adding routing and navigation
  • Implementing authentication and authorization using JSON Web Tokens (JWT) 
  • Deploying your applications to GitHub Pages, Firebase and Heroku


So, if you're a busy developer with limited time and want to quickly learn how to build and deploy client apps with Angular, you can stop here. 


If you're more adventurous and want to learn more, there is far more content for you! Over the following sections, you'll learn about more advanced topics: 

  • Building real-time, server-less apps with Firebase 
  • Animating DOM elements using Angular animations
  • Building beautiful UIs using Angular Material
  • Implementing the Redux architecture 
  • Writing unit and integration tests 


All that covers just over 21 hours of high-quality content. This is equivalent to a book with more than a thousand pages! But the kind of book that every line is worth reading, not a book that you want to skim! If you have taken any of Mosh's courses before, you know he is very clear and concise in his teaching and doesn't waste a single minute of your precious time!


Finally, at the end of the course, you'll build and deploy a real-time e-commerce application with Angular 4, Firebase 4 and Bootstrap 4. This application exhibits patterns that you see in a lot of real-world applications:

  • Master/detail
  • CRUD operations
  • Forms with custom validation
  • Searching, sorting and pagination
  • Authentication and authorization 
  • And a lot more! 


You'll see how Mosh creates a brand new Angular project with Angular CLI and builds this application from A to Z, step-by-step. No copy/pasting! These 8.5 hours are packed with tips that you can only learn from a seasoned developer. 


You'll learn how to apply best practices, refactor your code and produce high quality code like a professional developer. You'll learn about Mosh's design decisions along the way and why he chooses a certain approach. What he shares with you comes from his 17 years of experience as a professional software developer. 


You're not going to get this information in other Angular courses out there! 



And on top of all these, you'll get: 

  • Closed-captions generated by a human, not a computer! Currently only the first few sections have closed-captions but new captions are being added every week. 
  • Offline access: if you are traveling or have a slow connection, you can download the videos and watch them offline.
  • Downloadable source code



PREREQUISITES

You don't need familiarity with TypeScript or any previous versions of Angular. You're going to learn both TypeScript and Angular from scratch in this course.



WHAT OTHER STUDENTS WHO HAVE TAKEN THIS COURSE SAY:

"Absolutely amazing Angular course. Mosh not only introduces key concepts behind Angular, but also pays attention to coding style and good practices. Additionally, course is contstantly enhanced and updated. Also, student questions are answered by Tim - Mosh's teaching assistant. Awesome!" -Calvis


"I am amazed of how dedicated you are in providing updates and more contents to this course. This kind of value is what define a great course and made me feel that the money is well spent. Keep it up! Furthermore, lessons are arranged and planned really carefully. This made the learning experience more seamless and exciting. Thanks Mosh!" -Rashid Razak


"This is another excellent course from the wonderful author Mosh. Thank you Mosh for your awesome course on Angular. Inspite of being a Pluralsight subscriber for the last 3 years, I have subscribed 10 out of 16 courses so far Mosh has produced in Udemy. Also I have viewed 3 of his courses in Pluralsight. That is how I got introduced to this brilliant author. This speaks about the quality of his content. Once again Thank you Mosh for all your efforts. Hope to see a Design Patterns course from you soon." -Dhanasekar Murugesan


"Fantastic course, well laid out, good speed, and explains the why behind everything he does, shedding light on what's under the hood. Also, Mosh has a very practical and elegant coding style worth emulating." -Mack O'Meara


"This is the second course I've taken with Mosh as the instructor and I've signed up for another. The quality of the audio, video, and content shows Mosh invests his time and money to create great and valuable videos. The material is relevant, up-to-date, and provides the student with the ability to succeed in the subject matter (in this case Angular). My expectations were exceeded again. I'll be taking more courses with Mosh!" -John




30-DAY FULL MONEY-BACK GUARANTEE

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you are not happy for any reasons, contact Udemy for a full refund within the first 30 days of your enrolment. All your money back, no questions asked.



ABOUT YOUR INSTRUCTOR

Mosh (Moshfegh) Hamedani is a software engineer with 17 years of professional experience. He is the author of several best selling Udemy courses with more than 120,000 students in 192 countries. He has a Master of Science in Network Systems and Bachelor of Science in Software Engineering. His students describe him as passionate, pragmatic and motivational in his teaching.



So, what are you waiting for? Don't waste your time jumping from one tutorial to another. Enroll in the course and you'll build your first Angular app in less than 10 minutes!



Who is the target audience?
  • Developers who want to upgrade their skills and get better job opportunities
  • Front-end developers who want to stay up-to-date with the latest technology
  • Back-end developers who want to learn front-end development and become full-stack developers
  • Hobbyist developers who are passionate about working with new frameworks
Compare to Other Angular Courses
Curriculum For This Course
374 Lectures
29:27:57
+
Introduction
11 Lectures 33:00








This quiz tests your knowledge about what you've learned in this section. 

Angular Basics
5 questions

Course Structure
03:46

Making a Promise
00:48

Your Questions
00:59
+
TypeScript Fundamentals
18 Lectures 01:00:48
Introduction
00:41

What is TypeScript?
02:24

Your First TypeScript Program
03:00

Declaring Variables
04:49

Types
05:43

Type Assertions
02:47

Arrow Functions
01:44

Interfaces
03:54

Classes
04:31

Objects
04:09

Constructors
02:52

Access Modifiers
02:56

Access Modifiers in Constructor Parameters
01:41

Properties
05:18

Modules
04:31

Exercise
01:00

Solution
05:09

A Problem with the Current Implementation
03:39
+
Angular Fundamentals
9 Lectures 38:14
Introduction
00:19

Building Blocks of Angular Apps
03:41

Components
09:38

Generating Components Using Angular CLI
04:41

Templates
02:28

Directives
03:27

Services
04:29

Dependency Injection
07:20

Generating Services Using Angular CLI
02:11

Use what you've learned in this section to display the list of authors.
List of Authors
1 question
+
Displaying Data and Handling Events
12 Lectures 44:26
Introduction
00:24

Property Binding
03:16

Attribute Binding
03:35

Adding Bootstrap
04:53

Class Binding
01:47

Style Binding
01:19

Event Binding
04:30

Event Filtering
01:50

Template Variables
01:53

Two-way Binding
08:05

Pipes
06:38

Custom Pipes
06:16

Build a component for marking an object (post, tweet, image) as favorite.
Favorite Component
1 question

Watch the instructional video for the details.
Title Casing
1 question
+
Building Re-usable Components
12 Lectures 49:44
Introduction
00:26

Component API
04:22

Input Properties
04:44

Aliasing Input Properties
04:22

Output Properties
03:22

Passing Event Data
05:51

Aliasing Output Properties
02:05

Templates
02:41

Styles
05:10

View Encapsulation
09:11

ngContent
04:56

ngContainer
02:34

Build a re-usable "like" component, like the one you see on Twitter.
Like Component
1 question
+
Directives
12 Lectures 49:02
Introduction
00:31

ngIf
06:11

Hidden Property
03:25

ngSwitchCase
06:36

ngFor
04:18

ngFor and Change Detection
03:28

ngFor and Trackby
05:47

The Leading Asterisk
01:47

ngClass
01:51

ngStyle
02:31

Safe Traversal Operator
02:45

Creating Custom Directives
09:52

Build a re-usable zippy component.
Exercise: ZippyComponent
1 question
+
Template-driven Forms
15 Lectures 46:10
Introduction
00:26

Building a Bootstrap Form
04:05

Types of Forms
03:21

ngModel
05:30

Adding Validation
03:17

Specific Validation Errors
04:20

Styling Invalid Input Fields
01:26

Cleaner Templates
01:52

ngForm
05:05

ngModelGroup
02:38

Control Classes and Directives
01:47

Disabling the Submit Button
01:08

Working with Check Boxes
02:18

Working with Drop-down Lists
06:02

Working with Radio Buttons
02:55

Build a form for Udemy instructors to create a new course.
Course Form
1 question
+
Reactive Forms
14 Lectures 01:01:30
Introduction
01:15

Building a Bootstrap Form
00:50

Creating Controls Programmatically
06:14

Adding Validation
07:07

Specific Validation Errors
02:33

Implementing Custom Validation
07:01

Asynchronous Operations
05:13

Asynchronous Validators
08:04

Showing a Loader Image
01:37

Validating the Form Input Upon Submit
04:58

Nested FormGroups
02:40

FormArray
08:43

FormBuilder
03:59

Quick Recap
01:16

Build a change password form using code.
Change Password Form
1 question
+
Consuming HTTP Services
21 Lectures 01:41:47
Introduction
01:03

JSONPlaceHolder
01:52

Getting Data
08:17

Creating Data
07:59

Updating Data
05:05

Deleting Data
01:59

OnInit Interface
03:54

Separation of Concerns
03:41

Extracting a Service
07:09

Handling Errors
03:21

Handling Unexpected Errors
02:27

Handling Expected Errors
04:28

Throwing Application-specific Errors
08:32

Handling Bad Request Errors
02:59

Importing Observable Operators and Factory Methods
03:08

Global Error Handling
07:03

Extracting a Reusable Error Handling Method
03:35

Extracting a Reusable Data Service
07:39

The Map Operator
04:27

Optimistic vs Pessimistic Updates
06:25

Observables vs Promises
06:44

Consume one of the public GitHub API endpoints to render the list of followers for a given user.
GitHub Followers Page
1 question
+
Routing and Navigation
13 Lectures 53:59
Introduction
00:30

Routing in a Nutshell
01:04

Configuring Routes
06:47

RouterOutlet
02:29

RouterLink
05:41

RouterLinkActive
01:52

Getting the Route Parameters
05:23

Why Route Parameters Are Observables
08:57

Routes with Multiple Parameters
01:48

Query Parameters
04:28

Subscribing to Multiple Observables
04:45

The SwitchMap Operator
07:59

Programmatic Navigation
02:16

Implement the routing for a blogging engine.
Blog Archives
1 question
15 More Sections
About the Instructor
Mosh Hamedani
4.6 Average rating
47,920 Reviews
139,195 Students
16 Courses
Passionate Software Engineer and Best-selling Author

Mosh (Moshfegh) Hamedani is a passionate and creative software engineer with a strong focus on pragmatism and simplicity. He started programming at the age of seven on a Commodore 64. Later, during his high school years, he started learning C and C++ . In 2002, along with the first release of .NET, he shifted his focus to C#. Since then, he has been involved in the design and implementation of numerous software projects, including modern web applications, mobile apps, desktop applications and frameworks.


He started teaching on Udemy in 2014 and currently he has over 100,000 students in 182 countries. He's the author of several best-selling courses on Udemy and #1 ranking course on Pluralsight (Become a Full-stack .NET Developer). 


Mosh has a Master of Science in Network Systems and a Bachelor of Science in Software Engineering. He is also a Microsoft Certified Application Developer, Technology Specialist (Web Applications) and Professional.


Outside the software world, Mosh is a photographer, a pianist and a passionate Latin dancer.