Angular 4 (2+) Master Class for Beginners
4.7 (1,009 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.
22,434 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 4 (2+) Master Class for Beginners to your Wishlist.

Add to Wishlist

Angular 4 (2+) Master Class for Beginners

Master Angular 4 (2+) and establish yourself as a skilled front-end developer
4.7 (1,009 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.
22,434 students enrolled
Created by Mosh Hamedani
Last updated 7/2017
English
Current price: $10 Original price: $140 Discount: 93% off
30-Day Money-Back Guarantee
Includes:
  • 11.5 hours on-demand video
  • 1 Article
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Use TypeScript to build Angular apps
  • Display data and handle events
  • Modify DOM elements dynamically
  • Build re-usable components
  • Use the built-in directives
  • Create custom directives
  • Format data using the built-in pipes
  • Create custom pipes
  • Build forms (declaratively and programmatically)
  • Consume HTTP Services
  • Handle HTTP errors properly
  • Implement navigation and routing
  • Implement authentication and authorization using JSON Web Tokens (JWT)
  • Deploy your applications (coming soon)
  • Build real-time apps using Firebase (coming soon)
  • Troubleshoot common compile-time and run-time errors
  • Apply best practices when building Angular apps
  • Write clean and maintainable code
View Curriculum
Requirements
  • Basic familiarity with HTML, CSS and JavaScript
  • NO knowledge of Angular 1 or Angular 2 is required
Description

[COURSE UPDATE - July 12]: Added a new section on authentication and authorization.


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 Angular Crash Course for Beginners, Mosh, author of several best-selling Udemy courses, takes you on a fun, hands-on and pragmatic journey to master the fundamentals of Angular.

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
  • 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
  • Implement authentication and authorization using JSON Web Tokens (JWT) 
  • Deploy your applications (coming soon)
  • Build real-time apps with Firebase (coming soon)
  • 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 when building Angular apps 
  • And more... 




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


He also shows you lots and lots of common compile-time and run-time errors that you may encounter on a daily basis. You'll understand what these errors are and how to fix them.


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. 


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


All the examples and exercised are picked from real websites that you use on a daily basis, like Twitter, Facebook, StackOverflow, etc. 

 

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


So, if you're a busy developer, don't have 10+ hours to spend on learning Angular and are looking for a compact, yet in-depth course that teaches you the fundamentals of Angular, look no further. Enroll in the course now and start coding!



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 the author of several best selling Udemy 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 LEARN ANGULAR QUICKLY?

Enroll in the course now and you'll start building your first Angular app in only a few minutes!

Who is the target audience?
  • Anyone who wants to learn the fundamentals Angular (2 or higher)
Curriculum For This Course
148 Lectures
11:16:14
+
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
20 Lectures 01:35:03
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

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
1 More Section
About the Instructor
Mosh Hamedani
4.6 Average rating
39,096 Reviews
121,281 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.