Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Course Overview|
Course Overview and PlanPreview
Slides for download
|Section 2: ECMA Script 6 - What are the new features?|
This lesson talks about new features added to ES6.
This is the second part talking about new features added to ES6
TypeScript - part 1
TypeScript - part 2
|Section 4: Web Components - Make Web Components Reusable|
Web Components Overview
|Section 5: Angular 2 Design Philosophy|
Angular 2 Philosophy
|Section 6: Quick Start - Hello Angular Demo|
Hello Angular 2 Demo (Updated)
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|
Template Syntax - 1Preview
Template Syntax - 2
Template Syntax - 3
Template Syntax - 4
Template Syntax - 5
|Section 8: Essentail Part 2 - Dependency Injection|
DI - Part 1
DI - part 2
|Section 9: Essentail Part 3 - Pipe|
Pipe - part 1
Pipe - part 2
|Section 10: Essentail Part 4 - Form|
Form - part 1
Form - part 2
Form - part 3
Form - part 4
Form - part 5
Form - part 6
|Section 11: Lagoon - A Photo Sharing Website|
Project Module Overview - the app diagramPreview
A Quick Tour of the Web AppPreview
An Introduction to Semantic-UIPreview
1. Create Models
2. Prepare Mock Data
3. Develop Services with DI
5. Components - Side Panel and Home
4. Components - Photo-Row component
6. Components - Photo List
7. Components - Nav Bar
8. Components - Image Detail
9. Components - Route
|Section 12: Bonus Section|
All Other Courses and Coupons
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.