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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Angular Interview Hacking

Angular Interview Hacking

Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Be prepared for the upcoming Angular Interview and increase a chance to get the desired job offer. Enrolling in this course may dramatically increase your chance to get a job of...
5 hours 23 minutes 20 seconds
Angular Basics (v15)

Angular Basics (v15)

Sources: ultimatecourses.com
Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Components. Build a...
8 hours 58 minutes 31 seconds
Angular and Golang: A Rapid Guide - Advanced

Angular and Golang: A Rapid Guide - Advanced

Sources: udemy
Learn how to create an Ambassador App using Angular and Golang. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big Golang API. I'm a FullS...
9 hours 40 minutes 39 seconds
PROFESSIONAL Full Stack Developer

PROFESSIONAL Full Stack Developer

Sources: Amigoscode (Nelson Djalo)
Are you ready to level up your coding skills and become a full stack professional? Our new 50+ hours course is designed to equip you with the latest tools and techniques to buil...
54 hours 23 minutes 35 seconds