The first JavaScript Beginner Projects above comes from John Smigla’s, Javascript Tutorial and Projects Course. For the most part, I watched his intro and then built the JavaScript projects out myself. If I didn’t think I could do it, I’d first watch his video and then build out the project without following along. I highly recommend you do the same for all of the projects!
The first 18 JavaScript projects above focuses only on coding the JavaScript functionality for front-end projects. In other words, the HTML and CSS assets are given to you in a starter file but you’d have to build the app.js file. Consider these ‘warm up’ projects.
Tackling these small projects is similar to what you’d do if you were on a front-end development team with a web designer and a JavaScript Developer. In this case, you’d be the JavaScript Developer. The Web Designer would give you the HTML and CSS assets but you’d have to code in the JavaScript functionality to make the application work.
These projects cover a lot of core JavaScript. You’ll work with arrays, constructors, event listeners, object methods, immediately invoked function expressions, conditionals, and more!
Projects 15, 16, and 17 focuses heavily on JavaScript Object projects. You’ll build a course form, a flashcard system, and a budget application. Then, in project 18 you'll build out the full HTML, CSS, and JavaScript functionality of a coffee shop website.
Next, in project 19, you'll build out the full functionality of a car dealership website using features of the JavaScript language that were introduced in ES6.
Projects 20, 21, and 22 allows you freshen up your AJAX skills with Asynchronous JavaScript XML projects.
Then, the next projects, 23 -27 are more fully functioning front-end websites.
Consider these your ‘capstone JavaScript Projects.’ Once you complete them, you can move on to the next projects.