Fundamentals of Angular 2 Full Stack Design
4.5 (49 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.
388 students enrolled

Fundamentals of Angular 2 Full Stack Design

A Quick Start Guide On Most Recent Angular 2 - - Start Light and Start Fast
4.5 (49 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.
388 students enrolled
Created by Le Deng
Last updated 12/2016
English [Auto]
Current price: $65.99 Original price: $94.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • 2 articles
  • 8 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
  • Understand the basic concepts of ES6, TypeScript and WebComponents
  • Understand Angular 2's modular design concept
  • Know how to jump start writing an Angular 2 app
  • Understand various concepts within Angular 2 template syntax
  • Know what Dependency Injection is and how to use it
  • Use Pipes as filters to transform the data
  • Know how to write a form with rich content
  • Know how to approach a moderate web app design using Angular 2
Course content
Expand all 49 lectures 06:37:01
+ ECMA Script 6 - What are the new features?
3 lectures 27:55
Section Intro

This lesson talks about new features added to ES6.

ES6 - part 1

This is the second part talking about new features added to ES6

ES6 - part 2
+ TypeScript - An Upgrade from JavaScript
3 lectures 23:43
Section Intro
TypeScript - part 1
TypeScript - part 2
+ Web Components - Make Web Components Reusable
2 lectures 04:54
Section Intro
Web Components Overview
+ Angular 2 Design Philosophy
2 lectures 08:53
Section Intro
Angular 2 Philosophy
+ Quick Start - Hello Angular Demo
3 lectures 37:15
Hello Angular 2 Demo (Updated)

Here is a 5 min quick start to show how to set up the Angular 2 development environment.

Preview 20:08
+ Essential Part 1 - Template Syntax
7 lectures 01:02:26
Section Intro
Template Syntax - 2
Template Syntax - 3
Template Syntax - 4
Template Syntax - 5
+ Essentail Part 2 - Dependency Injection
3 lectures 27:28
Section Intro
DI - Part 1
DI - part 2
+ Essentail Part 3 - Pipe
3 lectures 19:01
Section Intro
Pipe - part 1
Pipe - part 2
+ Essentail Part 4 - Form
7 lectures 01:00:28
Section Intro
Form - part 1
Form - part 2
Form - part 3
Form - part 4
Form - part 5
Form - part 6
  • Basic HTML, CSS, JavaScript should be good to go

WELCOME TO MY COURSE - "Fundamentals of Angular 2 Full Stack Design"

You can find more info here: ldeng(dot)net/courses

In this course, we will go through the course starting from even before Angular 2 - ES6, TypeScript, and WebComponent, which Angular 2 are built based on. Most of the courses out there skip that part, but I would like to include it as I think they pertain to the Angular 2 concepts well. 

After we cover the pre-angular2 stuff, we'll start to look at angular 2 from a high level to have a brief shape of the framework. Then we dive into it to look at the Nitty-gritty materials, which include topics of template syntax, dependency injection, pipes, form and more. There will be exercises provided, which is used to get your hands dirty on the stuff we have learned.

In the second part of the course, we will start to build a project called Lagoon and it'a photo sharing website. We'll start to build it from scratch and you will be writing code along with me. The main purpose is to experience the design flow of Angular 2 and see how powerful it actually is.

The course itself is targeting for beginners to somewhat intermediates. If you know some basic HTML, CSS and JavaScript, you should be good to go.


1. Source code for final project is added in that section's intro video. You should the zip file from the resource.

2. You can use angular-template source code each time you want to start an Angular 2 app, which can be found in Demo section. Use "npm install" first to install dependencies and then "npm start" to run the app.

3.  Angular 2 has updated some of its content on set up the environment. I update the video on it and you can find in the demo lesson. If you want to follow the course exactly, you can use the starter template in the source code I attached. On the other hand, you can also use the latest version of Angular 2, which needs some minor changes.

Who this course is for:
  • Anyone who is interested in future web technology
  • Anyone who wants make their web design experience convenient and effective
  • Anyone who wants learn the web framework backed by Google and Microsoft