JavaScript Tips and Tricks
Once you've learned the basics, there are a bunch of cool JavaScript-ey things you can learn to to simplify your life. These tutorials showcase some of those cool things!
Cool Beans
CSS Variables + JavaScript = Win!
Page Navigation on Click
Preloading Images
Detecting If the User is Idle or Inactive
Custom Data (data-*) Attributes
Storing Data Using Web (aka Local) Storage
Making HTTP Requests in JavaScript
Displaying PHP Data in HTML
Generating Random Numbers
Generating Random Colors
Variable and Function Hoisting
Doing More with Arrays
Arrays
Mapping, Filtering, and Reducing Things in an Array
Useful Array Tricks
Shuffling an Array
Picking a Random Item from an Array
Hashtables vs. Arrays
Swapping Items in an Array
Filtering Items In A List
Removing Duplicate Arrays from an Array of Arrays
Device Stuff
Getting the Mouse Click Position
Getting the Mouse Movement Direction
Check If You Are On a Touch Enabled Device
Accessing Your Webcam in HTML
The Battery Status API
-
Playing Sounds Using the Audio Element
Shenanigans
The Konami Code Challenge
The Devowelizer
Dynamically Create and Populate List Items
Going from a String to a Number
Checking If A File Exists
Rounding Numbers
Detect Whether a Font is Installed
Using Emojis in HTML, CSS, and JS
