Bootcamp
Search…
Bootcamp
Welcome to Bootcamp!
🛠
Logistics
📚
General Reference
🏞
Projects
0: Language and Tooling
1: Frontend Basics
1.0: Module 1 Overview
1.1: HTML
1.2: DOM Review
1.3: High Card DOM
1.4: setTimeout
1.5: High Card setTimeout
1.6: Match Game
1.7: setInterval
1.8: Timer
1.9: Tic Tac Toe
1.10: Multi-File Refactor
1.11: CSS Control with DOM
1.ICE: In-Class Exercises
1.POCE: Post-Class Exercises
1.POCE.1: Noodle Recipe Website
1.POCE.2: High Card DOM
1.POCE.3: Match Game
1.POCE.4: Timer
1.POCE.5: Tic Tac Toe
🌈
CSS
2: Backend Basics
3: Backend Applications
4: Backend Structure
5: Full-Stack Applications
6: Frontend Infrastructure
7: React
8: Advanced React
9: Advanced Topics
🧮
Algorithms
💼
Interview Prep
☺
User Experience
Powered By
GitBook
1.POCE.4: Timer
Setup
Begin by forking this starter code repo:
https://github.com/rocketacademy/timer-bootcamp
Base
Match Game Countdown Timer
Add a countdown timer to
1.POCE.3: Match Game
. End the game when the time runs out.
Match Game Stopwatch
Below is a sample UI for a stopwatch we can implement. Build and test the stopwatch in stages. The following are stopwatch features.
1.
Counts up seconds, minutes and hours.
2.
Can be stopped.
Comfortable
Match Game Countdown Timer Reset
When the timer runs out, turn all the cards back over and reset the game. Message the user they've lost.
Stopwatch Reset
Add functionality to reset the stopwatch we created above.
More Comfortable
Stopwatch Laps and Splits
Implement the following features for our stopwatch.
1.
Record lap times, for example time between matches. What would be an appropriate data structure to record lap data?
2.
Shows splits at each lap, for example the differences in times between matches.
Reference solution
Click
here
to see the reference solution for this post class
Previous
1.POCE.3: Match Game
Next
1.POCE.5: Tic Tac Toe
Last modified
3mo ago
Copy link
Outline
Setup
Base
Match Game Countdown Timer
Match Game Stopwatch
Comfortable
Match Game Countdown Timer Reset
Stopwatch Reset
More Comfortable
Stopwatch Laps and Splits
Reference solution