Building a Real App with TDD – Part 2: Implementing UI and First TDD Cycle
Автор: Raphael Silva
Загружено: 2025-12-21
Просмотров: 21
In this episode, we continue building our real-world Angular application using Test-Driven Development from the ground up.
This part focuses on implementing the UI for listing leave requests and writing the first real behavior of the feature:
Displaying “My Leave Requests” when accessing the root route.
Along the way, we explore one of the most important TDD insights for front-end work:
TDD provides behavioral feedback — not visual feedback — and understanding this distinction changes everything.
What this video covers:
• Running the Angular app for the first time
• Understanding the router-outlet
• Implementing the UI based on the UX Pilot design
• Creating the MyLeaveRequests component
• Important insight: why TDD doesn’t validate UI visuals
• Implementing the first behavior with TDD
• Using micro-commits to stay in a smooth TDD flow
Chapters:
00:00 Recap
01:45 Understanding the router-outlet
02:59 Implementing the UI (Copying the code from UX Pilot)
09:06 Creating the MyLeaveRequests component
11:21 TDD insight: TDD is about feedback but the visual feedback we need for UI is not provided by TDD
13:14 Implementing the first behavior with TDD
21:41 Tip: Using the TDD cycle to work with micro-commits
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![jazz lofi mix [3 hours] 🎷 relaxing music to chill/study to](https://image.4k-video.ru/id-video/CBSlu_VMS9U)
