Created by using ES6 template strings, data keys, and CSS transformation effects to emulate a drum kit.
Focused on manipulating the CSS via JavaScript to allow the clock hands to move.
Learned about using CSS variables to store values and manipulate them using JavaScript in real time.
Practiced in learning how to manipulate arrays using various functions from sort, reduce, and map.
Learned about using FlexBox to transform the panels and used JavaScript to add the animation to the text.
Used the Fetch function to grab information from a JSON file and manipulate it to be searchable.
Learned how to use various prototype functions including some(), find(), and every().
Learned how to use the HTML5 Canvas to create a rainbow paint brush effect as well as an ES6 trick called structing.
Learned some various hidden debugging tips and tricks we can do on the google chrome inspector.
A simple checkbox that can check by shifting either up or down using regular JavaScript.
Created a music player from scratch using regular JavaScript via multiple event listeners.
Allows the user to activate an event when typing the correct keyword in the proper order.
Focuses on the animation effect whenever the user scrolls down a webpage via fading in.
Focuses on the core JavaScript concepts when it comes to storing data and when to use them appropriately.
Learned how to take advantage of the Google Chrome Browser's local storage to store previous data and SVG.
Tracked the user's mouse actions by having a shadow project to the opposite side of where the user is moving.
Learned how to sort the bands array without including articles such as "The", "A", and "An".
Using the reduce function, we can convert all the video times in hours, mins, and seconds.
By being able to access the camera in JavaScript, we can manipulate images in real time to create photobooth effects.
Using Google Chrome's speech detector, we can automatically show what the user is saying in real time.
Using the gyroscope function built in a user's browser, we can use it to act like a compass.
Tracks the user's mouse actions by having a shadow follow them around whenever they highlight a link.
Using Google Chrome's voice API's, we can change the speed and the pitch of the voice by user input.
An animation effect that sticks the navigation bar on top of the page when the user scrolls down the page.
