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

Watch Online Angular 2 Fundamentals

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

Accelerating Through Angular 2

Accelerating Through Angular 2

Sources: codeschool
Learn how to use Angular with TypeScript to create dynamic web applications.
1 hour 4 minutes 35 seconds
100 Angular Challenge

100 Angular Challenge

Sources: udemy
Build 100 Components, Services, Directives, Pipes in Angular and Much More! We will master all Angular has to offer by building 100 re-usable and practical Components, Directive...
12 hours 23 minutes 17 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)

Sources: udemy
This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach you how to comfor...
5 hours 33 minutes 49 seconds
Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Boot

Sources: udemy
Learn how to build a Full Stack application with Angular and Spring Boot. Angular and Spring Boot are two of the hottest technologies for developing Full Stack applications. Kno...
25 hours 49 minutes 54 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