This is a group of added chalenges to Wes Bos' challenge course JS30.
- Go to https://javascript30.com/ and get yourself setup for the course
- Each course come back here to see if there are added challenges
- Profit 💰
- Make each “key” have a click trigger as well.
- Fix the skipping animation for when a new cycle starts
- Create an additional control using the previous controls as an example
- Ideas for new controls: W3Schools - CSS Styling Images
- Pause after challenge 4 and attempt to complete the rest of the challenges from what you’ve learned. Proceed after you solve or get stumped on each one.
- No added challenges
- Report if there are no matches in a clean way.
- Return the original state if the search box is empty.
- Similar to Day 04 - Attempt all challenges using only the inline comments as guidance. Unpause as needed and repeat for every challenge.
- Pause at about the 13 minute mark and attempt to mimic his drawing mode (line width only).
- Create a new tool that will act like an eraser. Consider binding this to right click.
- No added challenges.
- Make the multiple selections work for unselecting too
- Attempt to complete with minimal use of the walkthrough
- Pause video at the 13 minute mark and use what you’ve learned so far to build some additional functionality.
- Use this resource to help you understand video events: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events
- Do the challenge Wes outlines (making the fullscreen work).
- Add a custom functionality when your code is added.
- Rewrite the comparitor to use
pressed
in it's array form instead of converting it to a string.
- No additional challenges
- No additional challenges
- As you start to feel comfortable with the concepts start pausing and applying them as best as you can before you continue on. Use this code refactoring to help solidify the content.
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges
- No additional challenges