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
0:00
/ #1: Angular Architecture overview
All Course Lessons (57)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Angular - The Complete Guide (2023 Edition)
Sources: udemy
Angular 9 simply is the latest version of Angular 2, you will learn this amazing framework from the ground up in this course! Join the most comprehensive, popu
34 hours 58 minutes 7 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro
Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
Build Fullstack Trello clone: WebSocket, Socket IO
Sources: udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creat...
8 hours 49 minutes 48 seconds
Desktop apps with Angular, Firestore and Electron
Sources: udemy
This course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac, Linux) using your favorite Web Tech...
11 hours 28 minutes 39 seconds