Skip to main content
CourseFlix

Angular 2 Fundamentals

5h 6m 53s
English
Paid

Learn how Angular works in clear steps. You explore core ideas like components, templates, and data flow. You see how these parts fit together so you can build a simple and clean Angular app with confidence.

What You Will Learn

You learn how Angular builds and updates views. You work with components, services, and modules. You also learn how data moves through your app with one-way flow. By the end, you can build a small app that uses these ideas in real code.

Requirements

  • Basic HTML and CSS
  • Basic JavaScript
  • Some experience with HTTP or Ajax
  • General understanding of the DOM

About the Author: ultimatecourses.com

ultimatecourses.com thumbnail
Hey there, I'm Todd! Ultimate Courses exists because of people like you. People who are searching for the best knowledge out there. The best of the best. 3 years ago I made plans to begin recording the best Angular, TypeScript and JavaScript series of courses that existed on the internet. These weren't just any courses, they were ultimate courses. Courses that follow a pattern, teach a learning path, make you feel like you're making great strides, whilst giving you excellent scenarios you'll need in the real world. With over 60,000 students, I'm confident you'll love them. Go check out Ultimate Courses today to start your journey. I'd love to hear how you get on.

Watch Online 57 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 57 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Angular Architecture overview
All Course Lessons (57)
#Lesson TitleDurationAccess
1
Angular Architecture overview Demo
04:55
2
Classes, Spread operator, Arrow functions, Immutability
10:25
3
Understanding import and exports
02:34
4
Installing our project
01:36
5
First component with @Component
06:46
6
Root module with @NgModule
05:34
7
Bootstrapping Angular
02:33
8
Interpolation and expressions
03:29
9
Property binding
05:28
10
Event binding
06:08
11
Two-way databinding
04:40
12
Template #ref variables
02:29
13
ngIf, * syntax and <ng-template>
06:12
14
ngFor and iterating collections
07:43
15
ngClass and className bindings
05:48
16
ngStyle and style bindings
03:29
17
Pipes for data transformation
08:09
18
Safe navigation operator
05:24
19
Smart and dumb components overview
01:42
20
One-way dataflow overview
03:31
21
Feature modules with @NgModule
04:08
22
Creating a container (smart) component
11:12
23
ngOnInit lifecycle hook
02:52
24
Presentational (dumb) components
06:23
25
Passing data into components with @Input
06:28
26
Dynamic @Input values with *ngFor
05:30
27
Emitting changes with @Output and EventEmitter
15:59
28
Immutable state changes
06:22
29
ngOnChanges lifecycle hook
07:06
30
Data Services and Dependency Injection
08:19
31
Understanding @Injectable
04:14
32
Http data fetching with Observables
09:14
33
Http put, delete with immutable state
08:14
34
Custom Headers and RequestOptions
02:27
35
Http Promises alternative
02:26
36
Observable.catch error handling
01:59
37
Forms container component
08:58
38
Form stateless component
08:04
39
ngForm and ngModel
06:38
40
Binding to radio buttons
08:27
41
Binding to checkboxes
02:07
42
<select> option rendering, and ngValue
10:00
43
Form validation and error states
09:56
44
Dynamically disabling submit
01:52
45
ngSubmit and stateless @Output
07:14
46
Base href and RouterModule
01:04
47
Root module routes and outlet
05:09
48
Wildcard routes for 404 handling
02:01
49
Understanding routerLink
02:15
50
Styling active routes
04:49
51
Dynamic navigation with ngFor
03:30
52
Feature-module routes with forChild()
04:03
53
Child and dynamic routes
03:02
54
Route params, data-fetching with switchMap
05:42
55
Imperative routing API
07:36
56
Hash location strategy
02:01
57
Applying redirects
00:57
Unlock unlimited learning

Get instant access to all 56 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription