Angular 2 Master Class with Alejandro Rangel
4.1 (212 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,160 students enrolled

Angular 2 Master Class with Alejandro Rangel

Get all the knowledge required and become an Angular 2 ninja. Build many applications following the live Master Class
4.1 (212 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,160 students enrolled
Created by Alejandro Rangel
Published 3/2016
English [Auto]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • 42 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Full understanding of Angular 2
  • Master Angular Components, Directives, Pipes, Services, Routing, Http, Bootstrapping and many more details
  • Good techniques for coding with Angular 2
  • Code with examples
  • You will learn everything you need to work with Angular 2. I can guarantee that this Master Class will give you all the knowledge you need
  • Master TypeScript and ES6
Course content
Expand all 80 lectures 09:25:50
+ ES6 - Javascript New features
10 lectures 59:56

You will learn about the ES6 new block scoping with the keywords: let and const

Block Scoping: Let and Const

You will learn how to create Classes with ES6


You will learn about inheritance of classes in ES6


You will learn how to pass default parameters to functions in case none is provided

Default function parameters

You will learn how to use Collections in ES6: Set and Map

Array Comprehension
Arrow Function or "Fat Arrow" =>
+ TypeScript
8 lectures 01:06:57
Type System Part 1
Type System Part 2
Classes, Objects, Interfaces and Inheritance - Part 1
Classes, Objects, Interfaces and Inheritance - Part 2
+ RxJS
2 lectures 27:10

You will learn about the library RxJS and why is so important for Angular 2

RxJS - Theory

Code with me a Practical example using RxJS Observable. You will need when we use the library Angular 2 Http

RxJS - Practical Exercise
+ Angular 2 - Introduction
2 lectures 35:51
Introduction - Part 1
Introduction - Part 2
+ Architecture
1 lecture 08:44

You will learn about the different areas of Angular 2:

  • Components
  • Directives
  • Services
  • Pipes
  • Forms
  • Routing

This section is just an introduction before getting into details of each area

Architecture - Theory
+ Angular 2 - Setup
1 lecture 13:38
Configuration and Bootstrapping
+ Components
2 lectures 16:09

You will learn what are Components and how to use them

Components - Theroy
Code with me and learn how to create your first Component from scratch
Components - Practical Exercise
+ Display Data
2 lectures 06:34

You will learn the theory behind displaying data from the templates of your Angular 2 components


Code with me and learn how to display data to the user with a practical example

Practical Exercise
+ User Input
2 lectures 10:09
You will learn the theory behind handling user events in Angular 2
User Inputs - Theory

Code with me and learn how to handle user events like mouseup and keypup

User Input - Practical Exercise
  • You should be familiar with Html, CSS and Javascript in order to be able to follow this master class
  • You should download any of the following IDE: Visual Code Studio, Sublime Text or WebStorm. I will make examples with all of them, so, you can be familiar and choose the most suitable for you
  • It is a plus if you know Angular 1. I will be comparing both frameworks many times

Learn everything you need to become an Angular 2 expert!

In this Master Class you will learn all aspects of Angular 2 including ES6 and TypeScript. You will get three packages in one course!

You just need to know pure Javascript, CSS and HTML, I will teach you the rest needed for becoming a master in Angular 2. Additionally, You will be using several IDEs, so, at the end of the class you can decide which is the most suitable for you, specifically we will take a look on WebStorm, Visual Code Studio, Sublime Text and Plunkr.

This Master Class is a live session of more than 9.5 hours will lots of examples, exercises and professional tips that you won't get in any other documentation available today.

Every section is divided in a Theory lesson and a Practical Exercise. This will help you to understand complex topics like Dependency Injection, RxJS, Routing and at the same time code with me and get the most of every part of Angular 2.

Why is this Master Class so valuable?

  • 9.5+ hours of unique content. This is 15+ GB of videos
  • It resumes lots of materials and conferences available in Internet related to Angular 2. This will save you hundred of hours watching different sources
  • Professional tips from practical examples learnt from real experience
  • It offers Angular 2, TypeScript and ES6 in one full package!
  • This master class goes beyond the basics, you will build full applications that mix all concepts you need for programming real applications
  • Offers comparison between Angular 1 and 2 in the critical sections. This will help you for upgrading versions
  • Every section has a PDF, PPT and the source code. You can use this resources for practising after watching the course
  • I offer personal assistance at any time you need to solve an exercise. Lets Skype!

Why do I recorded this Master Class?

As a professional Frontend architect, I started working with Angular 2 since alpha version. I study all parts of the framework while Angular team has been releasing new versions. I decided to switch a full Angular 1/Ionic product to Angular 2 and since them my team has been working intensively with Components, Directives, Routing, Http, Services, Styling and more.

This Master Class is my resume of all possible resources that I have found and used with my team and I consider that this is the most valuable material that I can offer in Internet.

Continuous Updates of this course:

  • This Master Class will have updates every time that Angular 2 release new features
  • I will upload all live conferences I do related to Angular 2. This is a big plus, you will learn from the audience questions too

Why Angular 2?

One of the most popular open source JavaScript frameworks in the world of web application development is AngularJS. Since its release, it has received an exponential growth of adoption and support.

Announced at the ng-conference in October 2014, Angular 2.0 is the new version of Angular.

For those who thought that it will be just an update… sorry, it is not! Angular 2 is an entire new framework with breaking changes.

Faster than Angular 1, Angular 2 uses natural, easy-to-write syntax. It gives you the tools you need to build apps for desktop, mobile web, Android, and iOS.

What are you waiting for? Register now and enjoy the course!

Who this course is for:
  • Angular 2 is for frontend developers that want to learn about the next version of Angular
  • This Master class is recorded in live, so, you should code with me, follow the examples, make mistakes and debug the code. This is the best way to learn new frameworks
  • You should take this Master Class if you really want to understand all areas of Angular 2. There is a dedicated section for every part of the framework