30 Days 30 Projects In Vanilla JS Course - Wes Bos
With no Frameworks, no Compilers, No Libraries & no Boilerplate!
I'll recommend to give this a try, if u want to revise your basics! JS30
Day 1 : Drum Kit Project with basic Javascript!
Day 2 : Clock with js & little bit css properties like rotate, transform!
Day 3 : CSS Variables like root and how to use them with other properties!
Day 4 : Array Cardio learnt & practing with some predefined function of array in JS like .reduce/.map/.sort/.filter/.includes etc...
Day 5 : Flex-Panels played with some transition method, flex-properties, more css than js
Day 6: Ajax Type using REGEXP for regular expression,using a dropdown type css & fetch module to fetch the data of API
Day 7: Array Cardio Day 2 practicing with array functions like find, findindex, some, every
Day 8: HTMl5 Canvas Canvas is a HTML element which is used to draw on web pages, & with some JS to make it some designs on it. There are some JS properties which are new to work with!
Day 9: Dev Tools This is the awesome episode for console practice... such as assert, warn, table, timing, count, and many more!
Day 10: Checkboxes created gmail type feature to select multiple checkboxes in one click with shiftdown key!
Day 11: Video Player modified basic HTML5 video player with some cool CSS & make it alive by giving functionality to feature using vanillaJS!
Day 12: KONAMI Codes it's fun while building your own secret codes, such as when you've some secret codes to turn off the calculator!
Day 13: Scroll & Slide It's a type of animation effect while scrolling down & up in a webpage then images will scroll in to the page, it's done with the help of debouncing function of JS!
Day 14: Reference & Copy taken array, strings, objects for practicing on reference & copy by various methods such as ES6 spread, parsing, concatenate & more!
Day 15: local Storage