Angular 2 Fundamentals

5h 6m 53s
English
Paid

Course description

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.

Read more about the course

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Modern Angular Bootcamp [2020]

The Modern Angular Bootcamp [2020]

Sources: udemy, Stephen Grider
Angular has been under development by Google for nearly a full decade. It has one purpose: scale up to gracefully handle the largest and most complex web apps around. If you w...
45 hours 23 minutes 12 seconds
Angular 9 Firebase Project Course

Angular 9 Firebase Project Course

Sources: fireship.io
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from absolute basics and...
2 hours 46 minutes 56 seconds
Angular Pro

Angular Pro

Sources: ultimatecourses.com
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cem...
16 hours 41 minutes 46 seconds
Desktop apps with Angular, Firestore and Electron

Desktop apps with Angular, Firestore and Electron

Sources: udemy
This course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac, Linux) using your favorite Web Tech...
11 hours 28 minutes 39 seconds
Angular - The Complete Guide

Angular - The Complete Guide

Sources: Academind Pro
Angular is one of the most popular web development frameworks you can learn these days - especially in the enterprise landscape. It offers amazing...
26 hours 25 minutes 26 seconds