Fundamentals of Angular 2 Full Stack Design

A Quick Start Guide On Most Recent Angular 2 - - Start Light and Start Fast
4.6 (32 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.
229 students enrolled
$19
$95
80% off
Take This Course
  • Lectures 49
  • Length 6.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2016 English

Course Description

Welcome to my course of Angular 2.This is the first part of my series of Angular 2 course, which covers the fundamental and essentials of Angular 2 framework. 

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.

Notice:

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.

What are the requirements?

  • Basic HTML, CSS, JavaScript should be good to go

What am I going to get from this course?

  • 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

What is the target audience?

  • 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Overview
Course Overview and Plan
Preview
03:56
Slides for download
Article
Section 2: ECMA Script 6 - What are the new features?
Section Intro
00:56
08:32

This lesson talks about new features added to ES6.

18:27

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

Section 3: TypeScript - An Upgrade from JavaScript
Section Intro
01:00
TypeScript - part 1
12:06
TypeScript - part 2
10:37
Section 4: Web Components - Make Web Components Reusable
Section Intro
00:54
Web Components Overview
04:00
Section 5: Angular 2 Design Philosophy
Section Intro
00:30
Angular 2 Philosophy
08:23
Section 6: Quick Start - Hello Angular Demo
Section Intro
Preview
00:39
Hello Angular 2 Demo (Updated)
16:28
20:08

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

Section 7: Essential Part 1 - Template Syntax
Section Intro
00:57
Template Syntax - 1
Preview
14:43
Template Syntax - 2
11:46
Template Syntax - 3
08:37
Template Syntax - 4
11:35
Template Syntax - 5
11:05
Exercise
03:43
Section 8: Essentail Part 2 - Dependency Injection
Section Intro
01:00
DI - Part 1
14:48
DI - part 2
11:40
Section 9: Essentail Part 3 - Pipe
Section Intro
00:33
Pipe - part 1
12:25
Pipe - part 2
06:03
Section 10: Essentail Part 4 - Form
Section Intro
01:09
Form - part 1
06:28
Form - part 2
12:28
Form - part 3
11:25
Form - part 4
07:59
Form - part 5
09:30
Form - part 6
11:29
Section 11: Lagoon - A Photo Sharing Website
Section Intro
00:39
Project Module Overview - the app diagram
Preview
04:09
A Quick Tour of the Web App
Preview
04:35
An Introduction to Semantic-UI
Preview
04:10
1. Create Models
09:21
2. Prepare Mock Data
12:55
3. Develop Services with DI
08:31
5. Components - Side Panel and Home
11:15
4. Components - Photo-Row component
10:40
6. Components - Photo List
09:12
7. Components - Nav Bar
12:53
8. Components - Image Detail
13:31
9. Components - Route
19:05
Section 12: Bonus Section
All Other Courses and Coupons
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Le Deng, Software Consultant, 9 Courses + Thousands of Students

Le Deng was first exposed to programming when he was at elementary school and his first language was Logo, a 2D drawing programming language. He received his BS in Electrical Engineering in China and his MS in Electrical Engineering at RIT in US. He has been both a learner and a teacher through the course. In the past few years, he has been interested in web technologies and working on his own path to become an entrepreneur. He’s life philosophy is to contribute a hand on better shaping this world and he is willing to spend just a life-time to fulfill it.

Ready to start learning?
Take This Course