Building a Task Card App with Angular 2
Focused View
2:55:49
74 View
01. Task Card App Introduction.mp4
03:19
02. How to Clone the Skeleton Project.mp4
11:16
03. Creating the Card Component.mp4
16:22
04. Creating the Cards HTML Markup (External Template).mp4
06:47
05. Styling the Card Component.mp4
02:56
06. Adding the Task Status Icon (Third Party Library).mp4
11:28
07. Creating the Task Model Class.mp4
04:31
08. Creating the Properties for the Card Component (Input Properties).mp4
04:17
09. Using the Task Property Data (Property Binding).mp4
08:17
10. Creating the Task Data Source.mp4
08:30
11. Using the Data Source to Generate Tasks (ngFor).mp4
10:07
12. Creating the Add Task Form.mp4
05:32
13. Styling the Add Task Form.mp4
08:57
14. Adding the Angular Form Syntax (Template Driven Form).mp4
13:32
15. Creating the Add Task Method (TypeScript Methods).mp4
10:17
16. Adding New Tasks to the Data Source (Event Binding).mp4
04:40
17. Protecting the Data Source from Empty Tasks.mp4
06:35
18. Clearing the Input Field After Adding a Task.mp4
01:52
19. Marking Tasks as Complete Not Complete.mp4
05:52
20. Styling the Completed Cards (Class Binding).mp4
07:32
21. Setting the Task Status Label to Reflect the Status (ngIf).mp4
05:41
22. NgIf Directive vs the Hidden Property.mp4
05:37
23. Final Tweaks.mp4
10:21
24. Exercise Challenge.mp4
01:31
More details
User Reviews
Rating
average 0
Focused display
Category
SitePoint
View courses SitePointLearn Web Design & Development with SitePoint tutorials, courses and books - HTML, CSS, JavaScript, PHP, Responsive Web Design.
- language english
- Training sessions 24
- duration 2:55:49
- Release Date 2023/09/26
