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 commentsSimilar courses
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
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
Complete Angular Developer in 2023 Zero to Mastery
Sources: zerotomastery.io
Learn Angular from a senior industry professional. This is the only Angular course you need to learn Angular, build enterprise-level applications from scratch & get hired as an ...
27 hours 28 minutes 36 seconds
Conscious Angular Testing
Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Write Tests Consciously. At the end of the course, you will be able to write and debug tests with a full and in-depth understanding of what you are doing and how things are work...
10 hours 37 minutes 7 seconds
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
Want to join the conversation?
Sign in to comment