CF

Angular 2 Fundamentals

5h 6m 53s
English
Paid

Learn how Angular works in clear steps. You explore core ideas like components, templates, and data flow. You see how these parts fit together so you can build a simple and clean Angular app with confidence.

What You Will Learn

You learn how Angular builds and updates views. You work with components, services, and modules. You also learn how data moves through your app with one-way flow. By the end, you can build a small app that uses these ideas in real code.

Requirements

  • Basic HTML and CSS
  • Basic JavaScript
  • Some experience with HTTP or Ajax
  • General understanding of the DOM

About the Author: Ultimate Courses (Todd Motto)

Ultimate Courses (Todd Motto) thumbnail

Ultimate Courses (ultimatecourses.com) is the online course platform of Todd Motto, a UK-based Google Developer Expert for Angular and one of the longer-running independent voices on the Angular and TypeScript stack. The platform also covers Vue, RxJS, and JavaScript fundamentals.

The course catalog covers Angular in depth (the framework from its early TypeScript-era through current versions), TypeScript (compiler internals and advanced type-system patterns), RxJS and reactive programming, Vue.js, JavaScript fundamentals, and the broader modern front-end ecosystem. Material is taught at the level of comprehensive reference work rather than introductory tutorial.

The CourseFlix listing under this source carries 9 Ultimate Courses titles spanning that range. Material is paid; Ultimate Courses runs on per-course or membership pricing on the original platform.

Watch Online 57 lessons

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

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
Prospective students should have a basic understanding of HTML, CSS, and JavaScript. Experience with HTTP or Ajax and a general understanding of the DOM are also required to grasp the concepts taught in this course.
What kind of application will I be able to build after completing this course?
By the end of the course, you will be able to build a small Angular application. The course covers components, services, modules, and data flow, equipping you to develop a simple and clean app that integrates these core Angular ideas.
Who is the target audience for this course?
The course is designed for individuals who have a foundational knowledge of web development technologies such as HTML, CSS, and JavaScript. It's suitable for those looking to understand Angular's architecture and how to build applications using Angular.
How does this course compare in depth and scope to other Angular courses?
This course focuses on the fundamentals of Angular by exploring its architecture and core concepts like components, templates, and data flow. It provides a clear step-by-step understanding, making it ideal for beginners wanting to learn Angular from the ground up.
What specific tooling or platforms will I learn to use in this course?
The course teaches how to use Angular's core features, such as @Component for creating components, @NgModule for modules, and services for data handling. You'll also learn about data flow management with observables and the Angular router for navigation.
Are there any topics or skills that are not covered in this course?
The course does not cover advanced topics like state management with NgRx or server-side rendering with Angular Universal. It focuses on fundamental concepts and building blocks of Angular for creating basic applications.
How much time will I need to commit to complete the course?
The course consists of 57 lessons. While the total runtime is not specified, students should expect to invest several hours per week over a period of weeks to thoroughly engage with the material and practice building applications.