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

Angular and Golang: A Rapid Guide - Advanced

Angular and Golang: A Rapid Guide - Advanced

Duration 9 hours 40 minutes 39 seconds
NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

Duration 6 hours 11 minutes 19 seconds
Build Fullstack Trello clone: WebSocket, Socket IO

Build Fullstack Trello clone: WebSocket, Socket IO

Duration 8 hours 49 minutes 48 seconds
Angular - The Complete Guide (2023 Edition)

Angular - The Complete Guide (2023 Edition)

Duration 34 hours 58 minutes 7 seconds
Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Boot

Duration 25 hours 49 minutes 54 seconds
Angular Basics (v15)

Angular Basics (v15)

Duration 8 hours 58 minutes 31 seconds