Awesome

JS30 ++

This is a group of added chalenges to Wes Bos' challenge course JS30.

Getting Started

1. Go to https://javascript30.com/ and get yourself setup for the course
2. Each course come back here to see if there are added challenges
3. Profit 💰

Challenges

Day 01 - JavaScript Drum Kit

• Make each “key” have a click trigger as well.

Day 02 - JS and CSS Clock

• Fix the skipping animation for when a new cycle starts

Day 03 - CSS Variables

• Create an additional control using the previous controls as an example
• Ideas for new controls: W3Schools - CSS Styling Images

Day 04 - Array Cardio Day 1

• 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.

Day 05 - Flex Panel Gallery

• No added challenges

Day 06 - Type Ahead

• Report if there are no matches in a clean way.
• Return the original state if the search box is empty.

Day 07 - Array Cardio Day 2

• Similar to Day 04 - Attempt all challenges using only the inline comments as guidance. Unpause as needed and repeat for every challenge.

Day 08 - Fun with HTML5 Canvas

• 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.

Day 09 - Dev Tools Domination

• No added challenges.

Day 10 - Hold Shift and Check Checkboxes

• Make the multiple selections work for unselecting too
• Attempt to complete with minimal use of the walkthrough

Day 11 - Custom Video Player

• 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).

Day 12 - Key Sequence Detection

• 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.

Day 13 - Slide in on Scroll

• No additional challenges

Day 14 - JavaScript References VS Copying

• No additional challenges

Day 15 - LocalStorage

• 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.

Day 16 - Mouse Move Shadow

• No additional challenges

Day 17 - Sort Without Articles

• No additional challenges

Day 18 - Adding Up Times with Reduce

• No additional challenges

Day 19 - Webcam Fun

• No additional challenges

Day 20 - Speech Detection

• No additional challenges

Day 21 - Geolocation

• No additional challenges

Day 22 - Follow Along Link Highlighter

• No additional challenges

Day 23 - Speech Synthesis

• No additional challenges

Day 24 - Sticky Nav

• No additional challenges

Day 25 - Event Capture, Propagation, Bubbling and Once

• No additional challenges

Day 26 - Stripe Follow Along Nav

• No additional challenges

Day 27 - Click and Drag

• No additional challenges

Day 28 - Video Speed Controller

• No additional challenges

Day 29 - Countdown Timer

• No additional challenges

Day 30 - Whack A Mole

• No additional challenges