Skip to content

Repository for all (future) 100+ JavaScript projects for beginners created on JSBeginners.com.

Notifications You must be signed in to change notification settings

romeojeremiah/javascript-projects-for-beginners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

100+ Javascript Projects for Beginners by JSBeginners.com

This is the entry repository for all of my projects over at, JSBeginners.com.

If you want to see these projects in action, go to 100+ javascript projects for beginners.

Follow the links on the above page to see the individual project and to see the source from which the project came.

You'll also find the link to each project's individual source files so you can do all these beginner projects yourself.

Please note, if there isn't a link to one of the projects on the page above, I just haven’t completed the project yet.

List of 100+ JavaScript Projects for Beginners

  1. Change Background Color Project
  2. Hex Change Background Color Project
  3. Random Quotes Project
  4. Pass the Message Project
  5. Counter Project
  6. Background Image Slider Project
  7. Testimonials Project
  8. Filter Project
  9. Modal Project
  10. Calculator Project
  11. Tip Form Project
  12. To Do List Project
  13. Grocery Cart Project
  14. Grocery List Project
  15. Course Form Project
  16. Flashcard Project
  17. Budget Application Project
  18. Coffee Shop Project
  19. Car Dealership Project
  20. Random Joke Project
  21. Random Person Project
  22. HTTP Methods Project
  23. Wikipedia Search Project
  24. Weather Data Project
  25. Github Project
  26. Zomato Restaurant Project
  27. Comfy House Project
  28. Analogue Clock Project
  29. Mortgage Loan Calculator Project
  30. Quote of the day Project
  31. BMI Calculator Project
  32. Weight Conversion Project
  33. Background Color Switcher Project
  34. 2D Breakout Game Project
  35. Digital Calculator Project
  36. Digital Clock Project
  37. Event Countdown Timer Project
  38. Tip Calculator Project
  39. Word Count Tool Project
  40. Contact Form Project (using local storage)
  41. Day of Week App Project
  42. Background Color Changer Project
  43. Image Slider Project
  44. Addition Game Project
  45. Todo List Project
  46. Interactive Quiz Project
  47. Countdown Timer Project
  48. Balloon Popping Game Project
  49. RSS News Feed Project
  50. Number Guessing Game Project
  51. Light Switch Effect Project
  52. Greeting Message Project
  53. Height Conversion Project
  54. Wack A Mole Game Project
  55. Notes App Project
  56. Todo App Project
  57. Hangman App Project
  58. Recipe App Project
  59. Tip Calculator Project
  60. Welcome Messages Project
  61. Dynamically Changing Message Project
  62. Coin Toss Application Project
  63. Rock Paper Scissors Game Project
  64. Ultimate Dice Game Project
  65. Play Audio Files and Sounds Project
  66. JavaScript Dynamic Typing Test Project
  67. Functionator Function Practice Project
  68. Magic Eight Ball JavaScript Project
  69. Combination Guesser Game Project
  70. Word Scramble Project
  71. Countdown Timer Project
  72. Pattern Matching Game Project
  73. Click Popper Game Project
  74. High Low Card Game Project
  75. Click Shape Game Project
  76. Word Finding Game Project
  77. JavaScript Car Game Project
  78. Input Field Character Counter Project
  79. Element Scrolling Content Code Snippet Project
  80. Fun with The Document Object Model Project
  81. Just JavaScript Click Counter Project
  82. Image Popup Window Project
  83. JavaScript Word Guessing Hangman Game Project
  84. JavaScript Modal Popup Example Project
  85. Image Carousel JavaScript Animated Slideshow Application Project
  86. Star Rating Project
  87. Plane Bomber Game Project
  88. JavaScript Accordion Component Project
  89. Chaser Box Game Project
  90. Tool tip Project
  91. Email Exacter Application Project
  92. Popup Message Project
  93. Clipboard – Copy and Move Project
  94. Pure JavaScript Calculator Project
  95. Editable Shopping List Project
  96. Placeholder Image Path Generator Project
  97. Catch Element Game Project
  98. Element Mouse and Click Events Project
  99. Create Form Validation Project
  100. Cookie Get Set Tester Project
  101. DOM Interaction Application Project
  102. Google Sheet Data to CSV Exporter Project
  103. Flying Bird Game Project
  104. Number Guessing Game Project
  105. Element Catcher Game Project
  106. Alien Invader Game Project
  107. Card War Game Project
  108. YouTube API Connection Project
  109. Brick Breaker Paddle Ball Game
  110. Drum Kit Project
  111. CSS + JavaScript Clock
  112. Playing with CSS Variables and JS
  113. Array Cardio Day 1
  114. Flex Panels Image Gallary
  115. Ajax Type Ahead
  116. Array Cardio Day 2
  117. Fun with HTML5 Canvas
  118. 14 Must Know Dev Tools Tricks
  119. Hold Shift to Check Multiple Checkboxes
  120. Custom HTML5 Video Player Project
  121. Key Sequence Detection (KONAMI CODE)
  122. Slide in on Scroll Project
  123. Objects and Arrays – Reference Vs Copy
  124. LocalStorage and Event Delegation
  125. CSS Text Shadow Mouse Move Effect
  126. Sorting Band Names without articles
  127. Tally String Times with Reduce
  128. Unreal Webcam Fun
  129. Native Speech Recognition Project
  130. Geolocation based Speedometer and Compass Project
  131. Follow Along Links
  132. Speech Synthesis Project
  133. Sticky Nav Project
  134. Event Capture, Propagation, Bubbling and Once Project
  135. Stripe Follow Along Dropdown Navigation Project
  136. Click and Drag to Scroll
  137. Experimental Video Speed Controller UI Project
  138. Countdown Clock Project
  139. Wack-a-Mole Game Project

100 JavaScript Projects for Beginners Challenge

It's simple, but not easy.

  1. Follow the link above to find any of the projects in the above list.

  2. Read the description and follow the link on the project’s page to see how it functions (If the link is not available yet, it means I haven’t yet completed the project. But no worries. You can simply go to the course where I found the project).

  3. For the projects I’ve completed, download or clone my repository from GitHub.

  4. Delete the contents of the app.js file (or any other relevant js files) and then try to code out the JavaScript functionality for yourself.

  5. Once you complete the app, share it in the comments on the JavaScript project page on the blog so everyone can acknowledge your accomplishment! That’s it!

  6. Bonus: Share your completed project on Twitter with the hashtags #JSBeginners #100DaysOfCode

Coming Later, React and Node Projects...

About

Repository for all (future) 100+ JavaScript projects for beginners created on JSBeginners.com.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published