2016
Udemy
Maximilian Schwarzmüller
10:30
English
Now is the time to get started!
With Angular 2 being in stable beta (i.e. no more drastic changes) and almost released, now is the time to jump in and take the advantage of being amongst the first to fully use the power and capabilities Angular 2 offers! Learn all the fundamentals you need to know to get started developing Angular 2 applications right away.
Also, probably very important to you: This course will be kept up-to-date!
Hear what my students have to say
Absolutely fantastic tutorial series. I cannot thank you enough. The quality is first class and your presentational skills are second to none. Keep up this excellent work. You really rock! - Paul Whitehouse
Awesome stuff, many thanks! - Carl Wicker
Thank you. Your presentation style is so very well balanced. - Bruce Betts
This Course uses TypeScript
TypeScript is the main language used by the official Angular 2 team and the language you'll mostly see in Angular 2 tutorials. It's a superset to JavaScript and makes writing Angular 2 apps really easy. Using it ensures, that you will have the best possible preparation for creating Angular 2 apps. Check out the free videos for more information.
TypeScript knowledge is, however, not required - basic JavaScript knowledge is enough.
Why Angular 2?
Angular 2 is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular 2 allow you to create complex, customizable, modern, responsive and user friendly web applications.
Angular 2 is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course you’ll be able to fully take advantage of all those features and start developing awesome applications immediately.
Due to the drastic differences between Angular 1 and Angular 2 you don’t need to know anything about Angular.js to be able to benefit from this course and build your futures projects with Angular 2.
Get a very deep understanding of how to create Angular 2 applications
This course will teach you all the fundamentals about modules, directives, components, databinding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular 2 offers and how to apply them correctly.
Section 1: Course Introduction
Lecture 1
Course Introduction
03:32
Lecture 2
What is Angular 2?
03:28
Lecture 3
The Architecture of an Angular 2 Application
07:38
Lecture 4
Setting up the Development Environment
06:41
Lecture 5
Overview over the directory structure
04:14
Lecture 6
Imports & Dependencies
04:17
Lecture 7
Using TypeScript
02:25
Lecture 8
This course will get even bigger!
00:51
Lecture 9
Code
Article
Section 2: Components & Templates
Lecture 10
Components - Intro
03:32
Lecture 11
The Basics about Components
06:59
Lecture 12
Initializing our Root Component
03:24
Lecture 13
Multiple Components
06:44
Lecture 14
Manipulating Templates (1/2)
11:23
Lecture 15
Manipulating Templates (2/2)
06:37
Lecture 16
External Templates & Component Lifecycle
08:07
Lecture 17
First Project - Puzzle App: Overview & Preparation
05:39
Lecture 18
First Project - Puzzle App: Part 1
07:43
Lecture 19
First Project - Puzzle App: Part 2
12:33
Lecture 20
First Project - Puzzle App: Part 3
09:21
Section 3: Databinding
Lecture 21
Databinding Overview
03:16
Lecture 22
String Interpolation
05:10
Lecture 23
Property Binding
06:51
Lecture 24
Event Binding
05:20
Lecture 25
Two-Way Databinding
05:59
Lecture 26
Using Property Binding with a custom Component
13:31
Lecture 27
Using Event Binding with a custom Component (Custom Events)
11:21
Lecture 28
Databinding Summary
07:14
Lecture 29
Second Project - Confirmation Input: Overview
01:48
Lecture 30
Second Project - Confirmation Input: The Input Component
15:02
Lecture 31
Second Project - Input Confirmation: Confirm The Component
13:36
Section 4: Directives
Lecture 32
Directives Overview
04:50
Lecture 33
Attribute Directives
02:21
Lecture 34
Custom Attribute Directive: Part 1
14:00
Lecture 35
Custom Attribute Directive: Part 2
10:15
Lecture 36
Structural Directives
02:59
Lecture 37
Structural Directive: ngIf
04:21
Lecture 38
Structural Directive: ngFor
03:19
Lecture 39
Structural Directive: ngSwitch
06:30
Lecture 40
Custom Structural Directive
10:26
Lecture 41
Third Project - Shopping List 1.0: Overview
01:44
Lecture 42
Third Project - Shopping List 1.0: Adding Items to the List
13:51
Lecture 43
Third Project - Shopping List 1.0: Editing & Deleting Items
12:48
Section 5: Services
Lecture 44
Services Overview
02:21
Lecture 45
Creating a Service
08:21
Lecture 46
Injecting a Service
08:01
Lecture 47
Example: Calculator Service
06:46
Lecture 48
Example: Data Service
09:33
Lecture 49
Fourth Project - Shopping List 2.0
12:46
Lecture 50
Bonus - Dependency Injection in Angular 2 (Theory)
06:03
Lecture 51
Bonus - Dependency Injection in Angular 2 (Practice)
10:38
Section 6: Forms
Lecture 52
The Complexity of Forms
02:52
Lecture 53
Doing it wrong
04:09
Lecture 54
Template-driven approach - Part 1
14:12
Lecture 55
Template-driven approach - Part 2
11:31
Lecture 56
Data-driven approach - Part 1
10:28
Lecture 57
Data-driven approach - Part 2
03:08
Lecture 58
Custom Validators
05:00
Lecture 59
Fifth Project - Shopping List 3.0: Use Forms
07:00
Section 7: Pipes
Lecture 60
What are Pipes?
00:56
Lecture 61
How to use Pipes
04:32
Lecture 62
More built-in Pipes
10:09
Lecture 63
Chaining Pipes
02:14
Lecture 64
Custom Pipes
06:06
Lecture 65
Stateful Pipes
05:59
Lecture 66
Sixth Project - Shopping List 4.0: Adding a live filtering
07:59
Step 8: Routing & HTTP
Lecture 67
Creating and configuring Routes
09:11
Lecture 68
Imperative Routing
03:10
Lecture 69
Routing Parameters
07:12
Lecture 70
Child Routes
06:51
Lecture 71
Routing Lifecycle Hooks
04:27
Lecture 72
HTTP Overview & Observables
03:25
Lecture 73
HTTP GET Request
08:50
Lecture 74
HTTP POST Request
05:51
Section 9: Major Project: Recipe Book
Lecture 75
What we will build
01:43
Lecture 76
Folder Structure & Elements Shared
07:13
Lecture 77
Setting up our (mocked-up) Data Source
06:09
Lecture 78
Setting up Services
06:55
Lecture 79
Creating the Root Component Recipes
05:49
Lecture 80
Setting up the Shopping List Component & Routing
05:25
Lecture 81
The Edit Component Ingredients for our Shopping List
11:53
Lecture 82
Shopping List CRUD operations
08:52
Lecture 83
Shopping List Component: Final Touches
01:45
Lecture 84
Creating the Recipes List Component
06:41
Lecture 85
Creating the Detail Component Recipes
08:11
Lecture 86
Recipes Section Subrouting
10:25
Lecture 87
Editing Recipes Is The Form Template
08:03
Lecture 88
Editing Recipes Is The Form Code (Formbuilder)
16:55
Lecture 89
Editing Recipes is Connecting HTML Form & Form Created
08:46
Lecture 90
Form Interactions
07:20
Lecture 91
Error-safe navigation
07:02
Lecture 92
Finishing Touches
07:37
Section 10: The Roundup
Lecture 93
Course Roundup and Outlook
01:02
udemy.com/the-complete-guide-to-angular-2
Download File Size:2.36 GB
|
