From the course: JavaScript Code Challenges: Creating Web Apps
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Planning the features - JavaScript Tutorial
From the course: JavaScript Code Challenges: Creating Web Apps
Planning the features
- [Instructor] Now that you've seen the final version of our Pomodoro timer in action, let's break it down into the smaller features we'll tackle to build it step-by-step. This kind of planning is important when you're going to do a project, not just because it keeps us organized, but because it turns a big scary project into a bunch of very doable to-dos, and it's less scary to get started, which is basically the spirit of the Pomodoro timer, anyway. Here's what we need. First, we'll design the UI. That's just the timer display and a few buttons, nothing wild. Then we'll make the timer work. It should count down in seconds from 25 minutes. We'll add controls to start, pause, and reset the timer. After that, we need to alternate between work sessions and breaks automatically. And lastly, we'll add some polish and clean up our code. By thinking this through upfront, we're setting ourselves up for success. Let's move on and start building the UI.
Contents
-
-
-
(Locked)
Introduction: Pomodoro timer1m 55s
-
(Locked)
Planning the features1m
-
(Locked)
Creating the UI3m 37s
-
(Locked)
Overview of the necessary JavaScript concepts4m 31s
-
(Locked)
Static timer6m 29s
-
(Locked)
Start, pause, reset3m 58s
-
(Locked)
Work/break cycle2m 59s
-
(Locked)
Final touches2m 56s
-
(Locked)
Challenge: Tracking cycles1m
-
(Locked)
Solution: Tracking cycles1m 28s
-
(Locked)
-
-
-
-
-