JavaScript

All posts related to JavaScript.

#JavaScript30 - Wrap Up

I did it!!! I built 30 JavaScript challenges and blogged about each one. I have learned sooooo much and feel more solid with my skills. This has truly inspired me to keep going. You don't have to build large projects just to learn - and I know I forget that »

#JavaScript30 - Day 30

Day 30: Whack A Mole Game DAY 30!!! I can't believe it!! What a super fun way to end off the course. Making a game where a user tries to click on the mole that randomly pops up. What Did I Learn? Event.isTrusted: To avoid a user cheating through »

#JavaScript30 - Day 29

Day 29: Countdown Clock This challenge included building a countdown clock which was started by clicking on pre-determined time intervals or entering in the number of minutes. What Did I Learn? Take a look at the below code: <form name="customForm" id="custom"> < »

#JavaScript30 - Day 28

Day 28: Video Speed Controller UI This challenge included adding a speed controller to the corresponding video. What Did I Learn? I didn't learn anything new but it was nice to put what we had learned in previous challenges and bring them together to create a common feature. Interested in »

#JavaScript30 - Day 27

Day 27: Click and Drag to Scroll We're building the ability for the user to click and drag the contents horizontally. What Did I Learn? This was a challenging exercise and one I had to review a few times. Just when I thought I was feeling more confident with offsets, »

#JavaScript30 - Day 26

Day 26: Stripe Follow Along Dropdown Extending what we learned in Day 22's challenge, we will continue building out the dropdown menu that transforms the height, width and content as you navigate from one menu item to the next. What Did I Learn? In past posts, I've commented on how »

#JavaScript30 - Day 25

Day 25: Event Capture, Propagation, Bubbling and Once This challenge was to go a bit more in depth of the event listener method. What Did I Learn? The event Listener method includes an options object which includes once. This will listen for an event once and then unbind itself so »

#JavaScript30 - Day 24

Day 24: Sticky Nav This challenge was to make a nav bar stick to the top of the page as you scroll down. What Did I Learn? I didn't learn anything brand new but it was great to see it completed using JS fundamentals. Interested in participating in #JavaScript30? Register »

#JavaScript30 - Day 23

Day 23: Speech Synthesis This challenge provided multiple voices to choose from that read your input text. You can change the voice pitch and speed. What Did I Learn? The speech concept is new to me. I had no idea that SpeechSynthesisUtterance existed and that its function is to contain »

#JavaScript30 - Day 22

Day 22: Follow Along Links Visit Stripe's website and navigate to the menu links along the top of the page. As you hover, the dropdown transforms to different sizes as you move from one menu item to the next. This challenge tackles the first part, which is to highlight and »

#JavaScript30 - Day 21

Day 21: Geolocation based Speedometer and Compass This challenge utilized the Geolocation API to obtain a user's speed and which direction they are headed. What Did I Learn? When using the Xcode simulator, you can open up its dev tools in Safari to help debug. The Geolocation API contains a »