Hostinger Sponsor

Intro & Slides

Angular CLI & Setup

Files & Folders

Component structure

Properties & Interpolation

Global Styles

Header Component

Button Component

Component Input Data

Mock Tasks & Task Interface

Tasks Component

Looping with ngFor

Task Item Component

Angular Font Awesome Setup

Create a Task Service

Creating and Subscribe to Observable

JSON-Server Setup

Angular HTTP Client

Fetching Tasks

Deleting Tasks

Toggle Reminder

Add Task Component

Forms Module & ngModel

Submit & Create Task

Toggle Button & UI Service

Angular Router

Limit Component to Route

Traversy Media

Learn the fundamentals of Angular in this project-based crash course

Video Sponsor:
https://www.hostinger.com/traversymedia
- Use the code TRAVERSYMEDIA for 10% off!

Code:
https://github.com/bradtraversy/angular-crash-2021

Latest Udemy Courses:
https://traversymedia.com​

💖  Support The Channel!
http://www.patreon.com/traversymedia

Timestamps:
0:00 - Hostinger Sponsor
0:35 - Intro & Slides
7:41 - Angular CLI & Setup
10:39 - Files & Folders
14:49 - Component structure
16:42 - Properties & Interpolation
18:40 - Global Styles
19:20 - Header Component
23:15 - Button Component
24:36 - Component Input Data
22:19 - Creating an event & event emitter output
30:51 - Mock Tasks & Task Interface
34:10 - Tasks Component
36:03 - Looping with ngFor
37:16 - Task Item Component
40:13 - Angular Font Awesome Setup
44:39 - Create a Task Service
49:06 - Creating and Subscribe to Observable
50:04 - JSON-Server Setup
57:29 - Angular HTTP Client
59:48 - Fetching Tasks
1:02:59 - Deleting Tasks
1:12:54 - Toggle Reminder
1:20:29 - Add Task Component
1:26:26 - Forms Module & ngModel
1:29:00 - Submit & Create Task
1:37:02 - Toggle Button & UI Service
1:51:38 - Angular Router
1:57:34 - Limit Component to Route

Angular Crash Course

Angular Crash Course

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path