JSBeginners is THE number one JavaScript projects resource website for novice and intermediate JavaScript Developers alike.
JSBeginners curates and provides resources to JavaScript projects so you can select and build them on your own, in order to become a better JavsScript developer.
JSBeginners is intimately familiar with the understanding that learning anything, especially JavaScript, is a timely process and it happens by building many small to medium projects, over and over again.
After all, this is exactly what you’ll be doing on the job (or as your hobby), right? When you select one of the suggest projects from this site, you'll either learn something new or refresh your memory by reusing techniques you've already learned.
There are literally thousands of resources all over the internet that can teach you JavaScript syntax, but there are ZERO resources like JSBeginners that challenges you to put the JavaScript syntax by building projects.
Why JSBeginners?
There are so many JavaScript internet resources competing for your attention, and there are so many JavaScript educators that encourage you to learn the newest JavaScript framework before you’ve even gotten comfortable with core JavaScript.
JSBeginners challenges you to first build AT LEAST 100 small to medium sized vanilla JavaScript projects, all by yourself. If you must use a video tutorial, use it see how the project is put together but NOT to code along with the instructor. Your job is to code the project by yourself.
You should only move on to learning a new framework or language when you've completed and deployed 100 projects without following along with a tutorial.
Building lots of small real-world projects is what turns a beginner Javascript Developer into a great Javascript Developer!
Small Javascript projects are what makes up large complex Javascript projects.
For example, providing functionality to a testimonial slider on a web page is just one small Javascript project.
Providing functionality to a search filter on a web page is just one small Javascript project.
Providing functionality to a background image slider on a web page is also just one small Javascript project.
But, when you put them all together (with more and more small Javascript projects), you’ll then have one large functionally event-driven website that’s just made up of many small Javascript projects!
Building small projects extremely well is how you create extremely well large JavaScript projects.
Even though this site encourages you to use the source files in the github repo to see how a project works in the browser, we still link to the video source where the instructor explains his or her solution. This is in part to give the instructor his or her credit and to give a way to watch a solution if you happen to get stuck.
Again, only once you've completed your 100 projects should you move on to learning a new framework like jQuery, Angular, Vue, or React, or beginning learning server-side Javascript like Node.js.
How to use JSBeginners?
- Find a suggested Javascript project to build by using the provided categories in JSBeginners side navigation.
- Read the description and click on the project to see it live in your browser.
- Git clone or download the source code to your local development environment.
- Completely DELETE the source javascript file (usually named app.js) and then build the Javascript project yourself!
- Once completed, provide a link to your project in the comment section so others can give you feedback and recognition!
VIDEO SOLUTIONS: If at any time you want to see the video solution of how the project creator solved the project, you’ll have to follow the link to their video (usually as part of a paid premium course).
Where to begin on JSBeginners?
If you’re not too comfortable with the basics of Javascript (like a bit of syntax and the ability to write small scripts in your browser’s console), but you want to challenge yourself to learn more, I'd start with the following course before attempting the projects on this site:
Andrew Mead’s, The Modern JavaScript Bootcamp
Andrew's course is rated 5-Stars for sure!
Here's my public review of Andrew's course:
I learned so much from this course. In comparison to the other ‘Modern' JavaScript courses I purchased on this platform, I enjoyed this one the best. In fact, it is the only course I committed to completing. One of the other courses' instructor spoke too slow and the other was too monotone. It was difficult to follow them. Additionally, the other instructors didn't necessarily emphasis the use of JavaScript documentation.
Andrew's course is not easy (no fault of his). However, it is very comprehensive and every concept is thoroughly explained…exceptionally well I might add. I just found myself watching his videos over and over a few times until things made sense.
One thing that stands out in this course is the flawless execution of his instruction. It's actually quite scary how flawless it is. He is very meticulous to discuss what he does, why he does it, and why the code works (or don't work) and goes from sentence to sentence without skipping a beat. There are no disinfluencies (ahh and umms) whatsoever. He does speak relatively fast though, which means that if you stray away from a concept for a few seconds you may miss an important explanation that carries on into future topics.
Thanks again for pouring your heart, soul, and time into this course, Andrew. I look forward to taking your other courses…after I finish your suggested Recipe App.
Andrew's course contains over 29 hours of content and unlike many other Javascript courses, he “teaches you how to fish so you can feed yourself” time and time again in the future.
This is great because as a budding developer, YOU WILL GET STUCK! But on those late nights when no one else is around and you need to figure out some functionality of JavaScript, you’ll be well-equipped to know exactly how to use the MDN JavaScript documentation (or StackOverflow) to understand what you need to know!
Not only does Andrew provide a resource guide in his course, he also shows you how to use the MDN JavaScript documentation pages every time he teaches a new concept.
He also forces you to complete over 80 coding small challenges in the process of you building 3 real world JavaScript applications.
And once the course is over, he forces you to build your own mini recipe application like the JavaScript recipe application here.
If you’re not yet super comfortable with Javascript’s core functionality, DOM Traversal and Selectors, AJAX, the Event API, or ES6, then I highly recommend you follow along and start building the four projects in Andrew’s The Modern Javascript Bootcamp course.
If you’re already comfortable with the JavaScript language and are simply looking for small projects to build, look no further than JSBeginners.
We find great content within courses and blogs, build them, and then provide the resources for you to build them too.
Just use the categories in JSBeginner's category navigation menu to find and build a project focused on the Javascript skill you're currently learning or want to get better at coding.
I can't wait to see you build at least 100 Javascript projects all on your own!
Happy coding!