34 Vanilla JavaScript Project

• No Frameworks
• No Compiler
• No Libraries
• No Boilerplate

Every project comes with its own README. You can view its screenshots and find links to the deployed versions to try. Let's start!

To clone the repository, run:

https://github.com/HilalKocak/Vanilla-JavaScript-Projects.git

Projects

1- JavaScript Drum Kit

2- CSS + JS Clock

3- Playing with CSS Variables and JS

4- Array Cardio Day 1

5- Flex Panels Image Gallery

6- Ajax Type Ahead

7- Array Cardio Day 2

8- Fun with HTML Canvas

9- 14 Must Know Dev Tools Tricks

10- Hold Shift and Check Multiple Checkboxes

11- Custom Video Player

12- Key Sequence Detection

13- Slide in And Scroll

14- JavaScript References Vs Copying

15- LocalStorage and Event Delegation

16- CSS Text Shadow Mouse Move Effect

17- Sort Without Articles

18- Adding Up Times with Reduce

19- Webcam Fun

20- Speech Detection

21- Geolocation

22- Follow Along Links

23- Speech Synthesis

24- Sticky Nav

25- Event Capture, Propagation, Bubbling and Once

26- Stripe Follow Along Nav

27- Click and Drag

28- Video Speed Controller

29- Countdown Timer

30- Whack A Mole

31- Build a Speed Typing Game

32- Weather App

33- To Do List

34- Quiz App

References

• https://javascript30.com/
• https://www.youtube.com/watch?v=R-7eQIHRszQ&ab_channel=WebDevSimplified
• https://www.youtube.com/playlist?list=PLjwm_8O3suyOgDS_Z8AWbbq3zpCmR-WE9