└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Vanilla JS practice exercises 2 | A collection of JavaScript exercises, sorted by difficulty (ascending). 3 | 4 | 1. Calculate age in seconds 5 | 2. Sticky Navigation 6 | 3. Click and drag to scroll 7 | 4. Countdown clock 8 | 5. Click outside modal to close 9 | 6. Tabs 10 | 7. New year countdown 11 | 8. Distance Between Two Cities 12 | 9. Tax Calculator 13 | 10. Reverse a String 14 | 11. pig latin 15 | 12. Count Vowels 16 | 13. Count Words in a String 17 | 14. Get Atomic Time from Internet Clock 18 | 15. Hold shift to check multiple checkboxes 19 | 16. Easteregg keysequence detection 20 | 17. Slide in on scroll 21 | 18. HTML 5 video player 22 | 19. Speed controller for video 23 | 20. Form validator 24 | 21. Exchange rate calc 25 | 22. Menu slider & modal 26 | 23. Sortable list 27 | 24. Find pi to the nth digit 28 | 25. Mortgage Calculator 29 | 26. Unit Converter (temp, currency, volume, mass and more 30 | 27. Credit Card Validator 31 | 28. Number Names - Show how to spell out a number in English 32 | 29. Coin Flip Simulation 33 | 30. Fizz Buzz 34 | 31. Check if Palindrome 35 | 32. Create A Progress Bar for Downloads 36 | 33. Fetch Current Weather 37 | 34. Name generator 38 | 35. Rock paper scissor 39 | 36. Find the largest number in an array and print position 40 | 37. Graphical digital clock 41 | 38. Calculate users typing speed 42 | 39. Image gallery 43 | 40. Ajax type ahead 44 | 41. Draw on canvas 45 | 42. Etch a sketch 46 | 43. Face detection and censorship 47 | 44. Sarcastic text generator 48 | 45. Shopping form with custom events 49 | 46. Building a gallery 50 | 47. Building a slider 51 | 48. Dad jokes 52 | 49. Currency converter 53 | 50. Web speech colours game 54 | 51. Movie seat booking 55 | 52. Custom video player 56 | 53. Hangman game 57 | 54. Meal finder 58 | 55. Expense tracker 59 | 56. Music player 60 | 57. Typing game 61 | 58. Memory cards 62 | 59. Lyrics search app 63 | 60. Relaxer App 64 | 61. Breakout game 65 | 62. Speak number guessing game 66 | 63. Find Cost of Tile to Cover W x H Floor 67 | 64. Calculator 68 | 65. Text Editor 69 | 66. Guestbook / Journal 70 | 67. Online White Board - 71 | 68. Turtle Graphics 72 | 69. Rock paper scissors lizzard spock 73 | 70. Password generator 74 | 71. Haiku generator 75 | 72. Magic 8 ball 76 | 73. Text adventure game 77 | 74. Snake game 78 | 75. Css grid from form input 79 | 76. Flex layout from form input 80 | 77. Whack a mole game 81 | 78. Audio visualization 82 | 79. Classic Games 83 | - Pong 84 | - Astroids 85 | - Pacman 86 | 80. Multi sort & filter list (sort by different values, also filter values) 87 | 81. 2D platform game 88 | 82. Circle with smaller circles in it that move a straight line but appear to be cirling (https://imgur.com/a/aOnzerj) 89 | 83. Pixelart Editor 90 | 84. create an OS with JS 91 | 92 | # sources 93 | 94 | [Github Mega Project List by Karan](https://github.com/karan/Projects) 95 | [Programming projects for Noobz](https://wiki.installgentoo.com/images/5/5c/Programming-Projects-for-N00bz.jpg) 96 | [Wesbos, javascript 30 days, selected exercises](https://javascript30.com/) 97 | [Wesbos, beginner javascript, selected exercises](https://beginnerjavascript.com/) 98 | [Brad Traversy 20 vanilla JS projects, Udemy, selected exercises](https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75) 99 | 100 | 101 | --------------------------------------------------------------------------------