Channel: Traversy Media

Category: Science & Technology

Tags: angulartraversymediaangular tutorialangular crash courseangular traversyjavascript framework

Description: Learn the fundamentals of Angular in this project-based crash course Video Sponsor: hostinger.com/traversymedia - Use the code TRAVERSYMEDIA for 10% off! Code: github.com/bradtraversy/angular-crash-2021 Latest Udemy Courses: traversymedia.com​ 💖 Support The Channel! 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