Pomodoro App Markup and Styling Refactoring
Explore how to refactor a Pomodoro app's markup and styling by applying block-element-modifier (BEM) CSS syntax. Learn to separate styling concerns from JavaScript, improve interface design, and connect markup with dynamic JavaScript code. This lesson develops both CSS and ES6 skills essential for frontend development.
We'll cover the following...
We'll cover the following...
Exercise:
Refactor the Pomodoro App from the previous exercise such that your tasks will be placed on cards, not table rows. Use the block-element-modifier syntax in your CSS and emphasize separation of concerns. Take care of the styling of the application as well as the functionality.
You have a free choice in your design decisions.
Source code:
Use the PomodoroTracker1 folder as a starting point. The end result is in ...