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

Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Bootudemy

Duration 25 hours 49 minutes 54 seconds
Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signalsfullstack.io

Duration 1 hour 44 minutes 15 seconds
Accelerating Through Angular 2

Accelerating Through Angular 2codeschool

Duration 1 hour 4 minutes 35 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)udemy

Duration 5 hours 33 minutes 49 seconds
Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratchudemy

Duration 29 hours 51 minutes 36 seconds
Angular Basics (v15)

Angular Basics (v15)ultimatecourses.com

Duration 8 hours 58 minutes 31 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Proudemy

Duration 80 hours 1 minute 57 seconds