Angular 4 (previously Angular 2) Crash Course
4.6 (8,950 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.
41,614 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 4 (previously Angular 2) Crash Course to your Wishlist.

Add to Wishlist

Angular 4 (previously Angular 2) Crash Course

Quickly learn Angular 4 (the next generation of AngularJS) and start building client apps
4.6 (8,950 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.
41,614 students enrolled
Created by Mosh Hamedani
Last updated 7/2017
English
English
Current price: $10 Original price: $160 Discount: 94% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 20 hours on-demand video
  • 25 Articles
  • 62 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Establish yourself as a front-end developer and get the job you want
  • Master the core Angular concepts
  • Build real-world single page applications (SPA) with Angular
  • Build re-usable components
  • Format data using pipes
  • Implement custom pipes
  • Render tabular lists with filtering, sorting and pagination
  • Build forms
  • Use Reactive Extensions and observables to handle asynchrony
  • Consume RESTful services
  • Implement CRUD operations
  • Implement navigation
  • Use dependency injection to build loosely-coupled, testable apps
  • Troubleshoot common runtime errors
  • Write cleaner, more maintainable code
View Curriculum
Requirements
  • Basic familiarity with HTML, CSS and JavaScript
  • Familiarity with Bootstrap is a bonus but not required
  • No prior knowledge of earlier versions of Angular is required
Description


UPDATE (10 JULY 2017): The entire course was re-recorded with Angular 4! You can find the Angular 4 videos in the first half of the course. The rest includes the older materials recorded with Angular 2. 


Angular is one of the leading 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 2+.


In this course, Mosh, author of several best-selling Udemy courses, takes you on a fun, hands-on and pragmatic journey to master Angular 4.

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

  • Establish yourself as a front-end developer and get the job you want 
  • Use TypeScript to build Angular apps
  • Work with Angular CLI (command-line interface)
  • Display data and handle events
  • Modify DOM elements dynamically
  • Build re-usable components
  • Use built-in directives
  • Build custom directives
  • Format data using pipes
  • Create custom pipes
  • Build forms (template-driven and reactive)
  • Consume HTTP services 
  • Handle HTTP errors properly 
  • Use Reactive Extensions and observables to handle asynchrony
  • Implement routing and navigation
  • Use dependency injection to write loosely-coupled, testable code
  • Troubleshoot common compile-time and run-time errors
  • Write clean and maintainable code
  • Apply best practices
  • And much more...


So, by the end of watching this course, you will have a good and in-depth understanding of Angular and you'll be able to build client applications on your own. 

With that level of understanding, YOU will be the developer in the team who can explain how Angular works to others in the team. 



LEARN WHATS, HOWS AND WHYS


If you're looking for a course that explains whats, hows and more importantly, whyslook no further. Mosh knows the mindset of students new to Angular and knows how to take you from zero to hero. 


You don't need any prior knowledge of earlier versions of Angular. As long as you have some basic familiarity with HTML, CSS and JavaScript you can take this course and start learning Angular 4 straight away.


Every section includes a few bite-sized videos, and concludes with a coding exercise to help you master what you learn in that section. 

 

If you've taken any of Mosh's courses before, you know what you get. He is very passionate, clear and concise in his teaching. Every section and every lecture has been perfectly thought through to lead you on a step-by-step journey from zero to hero



Reviewed by Todd Motto (Google Developer Expert):

Mosh has a fantastic teaching style, and just delivered the best online course I've seen in a long time. Mosh's approach to teaching and guiding makes no assumptions on existing Angular 1.x knowledge, but helps those who have to clarify new concepts. Mosh guides you through critical concepts slowly without skipping over details, and the course is extremely worth investing a few hours in, your understanding of Angular 2 will reach new levels. He fills all the gaps, presents impeccably well and the preparation was top notch, seriously can't recommend the course enough.



WHAT OTHER STUDENTS WHO HAVE TAKEN THIS COURSE SAY:

"Great course, even for seasoned developers. I'm a ReactJs developer using this to broaden my horizons!" -Tyler Markvluwer


"Mosh is a great instructor, he is very clear and concise and breaks down his examples into small "components" (drum roll please). Having never used Angular before, I'm really impressed at how easy it was to understand the concepts and even managed most of the examples without having to refer back to the lectures and that is in no small part due to Mosh's understanding of Angular and how well he explains everything. If you can't already tell, I'm really impressed Mosh" -Chris Graham


"It's the best angular2 video that i ever seen. It's all well explained and easy to understand. It's not need have angular1 knowledge. I'm happy because i've grown as a developer. Thanks" -Miguelangel Cabrera


"Very good step by step explainations. Focus on "why", then "how" instead of "type after me". Love it!" -Krysztof Gurniak


"As the absolute Angular newbie I was, I can recommend this course 100%." -Guillermo Aguyanes


"Mosh does a great job at explaining templates, directives, dependency injections and everything else. 10/10 would take his course again." -Rob


So, if you're looking for an Angular course with

  • A passionate coder and instructor who knows his craft
  • Perfect structure
  • Balanced mix of theory and practice
  • Clear, concise and bite-sized videos
  • Lots of real-world examples and coding exercises
  • World-class audio / video production

Don't look further. Enroll in the course now and learn to build real-world apps with Angular with confidence.




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 feel like you haven't gained the confidence to build real-world apps with Angular, ask for a full refund within 30 days. All your money back, no questions asked.



ABOUT YOUR INSTRUCTOR

Mosh (Moshfegh) Hamedani is a software engineer with 15 years of professional experience, mainly in building web-based applications. He is a Pluralsight author and a Udemy instructor with several best-selling courses with more than 110,000 students in 182 countries. His students describe him as passionate, pragmatic and motivational in his teaching.



DO YOU WANT TO BUILD APPS WITH ANGULAR WITH CONFIDENCE?

If you enroll in the course now, you'll start building your first Angular app in only a few minutes. Enroll in the course now and get started.


Who is the target audience?
  • Web developers wanting to build apps with Angular 2+
Students Who Viewed This Course Also Viewed
Curriculum For This Course
329 Lectures
19:54:08
+
TypeScript Fundamentals
17 Lectures 01:00:48








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
08:48
+
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

Build a page to display the list of authors.
Authors Page
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

Build a custom pipe.
Title Casing
1 question
+
Building Reusable 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.
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 Validation
08:04

Showing a Loader Image
01:37

Validating the Form 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
14 Lectures 54:33
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 Observable
08:57

Routes with Multiple Parameters
01:48

Query Parameters
04:28

Subscribing to Multiple Observables
04:45

SwitchMap Operator
07:59

Programmatic Navigation
02:16

Implement the routing for a blogging engine.
Blog Archives
1 question

Note
00:34
17 More Sections
About the Instructor
Mosh Hamedani
4.6 Average rating
42,510 Reviews
128,083 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.