Skip to main content
CF

Angular 2 Fundamentals

5h 6m 53s
English
Free

Angular 2 Fundamentals is a 57-lesson 5 hours 6 minutes self-paced course by Ultimate Courses (Todd Motto). Learn how Angular works in clear steps.

Course facts

Lessons
57
Duration
5 hours 6 minutes
Level
All levels
Language
English
Updated
Instructor
Ultimate Courses (Todd Motto)
Price
Free

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

Who teaches Angular 2 Fundamentals? 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.

What lessons are included in Angular 2 Fundamentals?

  • Space or K: play or pause
  • J: rewind 10 seconds
  • L: forward 10 seconds
  • Left Arrow: rewind 5 seconds
  • Right Arrow: forward 5 seconds
  • Up Arrow: volume up
  • Down Arrow: volume down
  • M: mute or unmute
  • F: toggle fullscreen
  • T: toggle theater mode
  • I: toggle mini player
  • 0 to 9: seek to 0 to 90 percent of the video
  • Shift plus N: next video
  • Shift plus P: previous video
0:00 0:00
#Lesson TitleDuration
1Angular Architecture overview 04:55
2Classes, Spread operator, Arrow functions, Immutability 10:25
3Understanding import and exports 02:34
4Installing our project 01:36
5First component with @Component 06:46
6Root module with @NgModule 05:34
7Bootstrapping Angular 02:33
8Interpolation and expressions 03:29
9Property binding 05:28
10Event binding 06:08
11Two-way databinding 04:40
12Template #ref variables 02:29
13ngIf, * syntax and <ng-template> 06:12
14ngFor and iterating collections 07:43
15ngClass and className bindings 05:48
16ngStyle and style bindings 03:29
17Pipes for data transformation 08:09
18Safe navigation operator 05:24
19Smart and dumb components overview 01:42
20One-way dataflow overview 03:31
21Feature modules with @NgModule 04:08
22Creating a container (smart) component 11:12
23ngOnInit lifecycle hook 02:52
24Presentational (dumb) components 06:23
25Passing data into components with @Input 06:28
26Dynamic @Input values with *ngFor 05:30
27Emitting changes with @Output and EventEmitter 15:59
28Immutable state changes 06:22
29ngOnChanges lifecycle hook 07:06
30Data Services and Dependency Injection 08:19
31Understanding @Injectable 04:14
32Http data fetching with Observables 09:14
33Http put, delete with immutable state 08:14
34Custom Headers and RequestOptions 02:27
35Http Promises alternative 02:26
36Observable.catch error handling 01:59
37Forms container component 08:58
38Form stateless component 08:04
39ngForm and ngModel 06:38
40Binding to radio buttons 08:27
41Binding to checkboxes 02:07
42<select> option rendering, and ngValue 10:00
43Form validation and error states 09:56
44Dynamically disabling submit 01:52
45ngSubmit and stateless @Output 07:14
46Base href and RouterModule 01:04
47Root module routes and outlet 05:09
48Wildcard routes for 404 handling 02:01
49Understanding routerLink 02:15
50Styling active routes 04:49
51Dynamic navigation with ngFor 03:30
52Feature-module routes with forChild() 04:03
53Child and dynamic routes 03:02
54Route params, data-fetching with switchMap 05:42
55Imperative routing API 07:36
56Hash location strategy 02:01
57Applying redirects 00:57

What courses are similar to Angular 2 Fundamentals?

More courses by Ultimate Courses (Todd Motto)

  • AngularJS Fundamentals thumbnailFreeUpdated 2y ago

    AngularJS Fundamentals

    Start building modern AngularJS applications with component architecture and best practices. Build modern AngularJS applications.
    2h 41m
  • AngularJS Pro thumbnailFreeUpdated 2y ago

    AngularJS Pro

    Get advanced AngularJS skills for scalable apps. The only deep dive into the entire framework. Take your AngularJS skills to the Pro level. Comprehensive Direct
    7h 23m
  • NGRX Store + Effects thumbnailFreeUpdated 2y ago

    NGRX Store + Effects

    You need predictable, maintainable and fast apps. You ll master Actions, Reducers, Data Structures with Entities, Memoized Selectors, the Redux pattern.
    7h 44m5/5
  • AngularJS Performance thumbnailFreeUpdated 2y ago

    AngularJS Performance

    Performance tuning for fast AngularJS. Master the internal workings and build blazing fast apps. Learn how to write highly performant AngularJS apps and master
    2h 52m
  • Angular Pro thumbnailUpdated 3y ago

    Angular Pro

    Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a fin
    16h 41m5/5
  • Angular Basics (v15) thumbnailUpdated 3y ago

    Angular Basics (v15)

    Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Co
    8h 58m

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.