This is the part of 30 Days of JS link
Learned to use window.addEventListner() and also learnt to play audio in the kewboard drum set.
Learned to use JS DOM methods.
Made a JS clock and Learned about Date methods in JS such as getMinutes(), getSeconds(), getHours() stc
also learned little about CSS transitions.
Just done a exercise to update the CSS variables using JS. Learned about CSS variables and change according to the input using JS.
Just learn about different Array methods such as Array.filter(), Array.reduce(), Array.sort(), Array.map().
Practiced them with the exercises given in the course
Learned about flexbox and different flex propertie and used JS DOM manipulations to make flex panels and toggle them.
Learned about AJAX and RegExp and fetch to extract data from json file and find it using html. Also used various Array Methods
Worked on different Array methods such as Array.find(), Array.splice(),Array.every(), Array.some().
Expanded knowledge on Array methods.
Learned about HTML canvas and made a interseting small canvas using it.
Learned about different dev tools and used various console methods.
Console methods such as console.warn(), console.error(), console.info(), console.group(),console.time() etc.
Learned to use DOM methods to hold shift to check multiple Checkboxes.
Learned to make a video player and added features such as volume Button, skip Button, update BUtton, toggle and fullscreen.
Made a key code detection which broughts changes in the screen when the particular key sequence is typed.
Made a webpage where the images come sliding in the frame when you are near it . Used Dom manipulations to get work on it.
Learn about how to copy arrays and and objects in JS.
how to prevent referencing in the arrrays and different methods of copying such as
Array.slice(), Array.from(), [].concat(Array) and [..Array]
Also Learn to copy objects with the help of Object.assign() and {... object} .
Learned about localStorage and Event delegation.
Also used localStorage.setItem() .
Made a mouse shadow property using DOM and text shadow
Completed a challenge in sorting an array excluding Articles(a,an,the). Used Array.sort()
printed the Sorted Array on the screen
Completed a challenge of counting the whole time of videos in a list and print out in form of hours,minutes,seconds.
Used Array.map() and Array.reduce() .
Learned to use webcam using navigator.mediaDevices.getUserMedia() Also used varoius JavaScript Methods to add filters in the webcam.
Also It can click photo and you can download it .
Learned about speechRecognition API and used it to make a simple application.
Also used inbuild Javascript geolocation API to make a speedometer and a compass.
Just completed a challenge on highlighting the links as we enter the mouse in it
Learned about speechSynthesis API and converted text to speech. Also brought changes in pitch and speed of the voice.
Learned to how to set a fixed navbar using javascript.
Learned about different topics such as Event propogation, bubbling, capturing and once.
Used e.stopPropagation() to stop capturing.
Made a follow along dropdown using JavaScript. used getBoundingClientRect() to get coordinates of components .
Made a Click and drag page using JavaScript. Used JS DOM methods.
Made a video speed controller UI.
Made a countdown timer with additional features such as specified timer .
Made a whack a Mole game. Used DOM manipulations learned till now.