30 days of Vanilla JS projects.

Creating secret content on the website which can be accesable by typing secret code (key sequence).

Play sounds using keyboard. Learning about 'data' attribute and how to use it.

Just displaying current time by manipulating transformations and transitions using JS.

Working with some canvas properties and also learning about hsl().

Using localStorage to save data in the tacos list after refresh and between sessions.

Bunch of exercises with array methods ( filter(), sort(), map(), reduce() ), there is no actual output, but my understanding of arrays leveled up.

Again some exercises with array methods - some(), every(), find(), findIndex().

Manipulationg text shadow based on mouseover event and offsets.

Sorting an array alphabetically without articles up front.

Creating custom video player capable of skipping a video, manually moving inside video, changing volume and speed.

Manipulating CSS properties using inputs and JavaScript, getting to know with CSS variables.

Learning more about Flexbox and manipulating it using JS.

New stuff about selecting, listening and also that RegExp() method.

Going deeper into working with console in browser dev tools.

Playing with checkboxes events and keydown.

Working with window height html property and debounce function to make slideIn effect for images in text.

Console exercises with JS variable references vs coppying variables and differences between these two.

Adding seconds from data in DOM elements using map and reduce methods.

Enable speech detection in browser and displaying what was captured by microphone.

Creating a compas and speedometer based on geolocation.

Highlighting links based on mouseenter property and calculation of position inside browser window.

Simple sticky navigation + slide in logo, key thing is to add padding as high as navigation itself to avoid jumping content.

JS evant propagation, bubling, capture and once on a simple example.

More advenced navigation dropdown which follows mouse and adjust to the size of a content which should be displayed.

Click and Drag slider based on mouse event + simple css rotations, perspective and active class.

Changing video speed using mouseover effect and calculating percentage on speed bar.

Creating timer based on bunch of 'Date' build in methods, using intervals and click listeners.

JS game using functions based on Math.random, intervals and click listeners.