Angular 2 Fundamentals
5h 6m 53s
English
Paid
March 16, 2024
This course teaches you to make informed decisions by diving deep into real concepts, architecture, and unidirectional dataflow. We then weave our way through the core framework essentials, giving you all the fundamental knowledge to build your first real-world Angular app.
More
What you'll learn
This course teaches you to make informed decisions by diving deep into real concepts, architecture, and unidirectional dataflow. We then weave our way through the core framework essentials, giving you all the fundamental knowledge to build your first real-world Angular app.
Requirements
- HTML/CSS experience
- JavaScript basic knowledge
- HTTP (Ajax) experience
- Understanding of DOM APIs
Watch Online Angular 2 Fundamentals
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Angular Architecture overview | 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 |
Similar courses to Angular 2 Fundamentals
![Complete Angular 2 JS](https://cdn.courseflix.net/courses/100x56/complete-angular-2-js.jpg)
Complete Angular 2 JS
Duration 18 hours 50 minutes 51 seconds
Course
![NativeScript + Angular: Build Native iOS, Android & Web Apps](https://cdn.courseflix.net/courses/100x56/nativescript-angular-build-native-ios-android-web-apps.jpg)
NativeScript + Angular: Build Native iOS, Android & Web Apps
Duration 20 hours 11 minutes 23 seconds
Course
![Angular Pro](https://cdn.courseflix.net/courses/100x56/angular-pro.jpg)
Angular Pro
Duration 16 hours 41 minutes 46 seconds
Course
![Desktop apps with Angular, Firestore and Electron](https://cdn.courseflix.net/courses/100x56/desktop-apps-with-angular-firestore-and-electron.jpg)
Desktop apps with Angular, Firestore and Electron
Duration 11 hours 28 minutes 39 seconds
Course
![The Modern Angular Bootcamp [2020]](https://cdn.courseflix.net/courses/100x56/the-modern-angular-bootcamp-2020.jpg)
The Modern Angular Bootcamp [2020]
Duration 45 hours 23 minutes 12 seconds
Course
![Angular and Golang: A Practical Guide](https://cdn.courseflix.net/courses/100x56/angular-and-golang-a-practical-guide.jpg)
Angular and Golang: A Practical Guide
Duration 6 hours 35 minutes 27 seconds
Course
![Accelerating Through Angular 2](https://cdn.courseflix.net/courses/100x56/accelerating-through-angular-2.jpg)
Accelerating Through Angular 2
Duration 1 hour 4 minutes 35 seconds
Course
![Angular - The Complete Guide (2023 Edition)](https://cdn.courseflix.net/courses/100x56/angular-the-complete-guide-2023-edition.jpg)
Angular - The Complete Guide (2023 Edition)
Duration 34 hours 58 minutes 7 seconds
Course
![Reactive Angular Course (with RxJs)](https://cdn.courseflix.net/courses/100x56/reactive-angular-course-with-rxjs.jpg)
Reactive Angular Course (with RxJs)
Duration 5 hours 33 minutes 49 seconds
Course
![Angular Basics (v15)](https://cdn.courseflix.net/courses/100x56/angular-basics-v15.jpg)
Angular Basics (v15)
Duration 8 hours 58 minutes 31 seconds
Course