Skip to content
UdemyJavaScriptPaid courseBeginner levelCertificate

JavaScript Web Projects: 20 Projects to Build Your Portfolio (Udemy.com)

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!

Created by: Andrei Neagoie

Last updated February 2026

icon
What you will learn

  • 20 projects with pure JavaScript, HTML5, CSS3 with all code provided
  • Go from a total beginner to a confident JavaScript developer
  • Learn UI/UX practices to build responsive and mobile first web applications
  • Asynchronous programming with AJAX, Fetch API, Promises & Async + Await
  • Write clean, maintainable and performant Javascript code
  • Work with Web APIs (localStorage, DOM, + more)
  • Modern HTML5 (Canvas, Video, Audio + more)
  • Modern CSS3 (Animations, Transitions, Variables + more)
  • Avoid common mistakes other Javascript programmers and beginners make
  • Build 20 beautiful and customizable, real world frontend applications

How it compares

Against the other 239 rated Udemy courses in JavaScript on CourseDuck:

  • Rating4.6 out of 5higher than 70% of them
  • Reviews4,201#37 of 240 by number of reviews
  • Length33 hourslonger than 90% of them
  • Last updatedFebruary 2026more recently than 88% of them

icon
Course Description

Just updated with all modern features of HTML5, CSS3 and JavaScript! Join a live online community of over 900,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with JavaScript!

This course is focused on efficiency and getting you hired by building your dream portfolio so you can get a job or work as a freelancer. Never spend time on confusing, out of date, incomplete tutorials anymore! Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies (seriously, google this to verify some testimonials).

Whether you want to become a freelancer, get hired, or to just advance your career, this brand new course will take you step by step through 20 JavaScript projects that you will be able to customize and put on your portfolio right away. Along the way, you will learn to build projects using HTML, CSS and JavaScript and truly build your skills as a JavaScript developer.


Whether you want to one day learn React, Angular, Vue JS, Node.js, Svelte, or any other toolchain of a modern developer, at the end of the day, JavaScript fundamentals are key, and learning JavaScript is an investment that will pay off many years into the future. By solidifying your JavaScript knowledge and being able to build thing without crutches like libraries and frameworks, you will future proof yourself.


Here is the truth: It’s easy to find JavaScript projects to work on online. You can copy and paste code. You can watch YouTube videos. That’s simple (and free). This course is different in that not only de we have modern projects using the latest features of JavaScript, and browser APIs, but we also do a Code Review of each project. After we build a website, we go through the code and talk about how we can improve the code, how to improve the security, or improve the performance of your projects.


It’s like having a senior developer finally teach you what good code means, what are the common mistakes beginners make, and how to  write maintainable code.


All code is going to be provided to you, and even if you don’t like to code along, you will get access to the code for the projects to put them on your portfolio right away.


So what are we building? Get ready for this:

  • Spock Rock Game - Confetti.js, Modules

  • Quote Generator - Fetch, Async/Await, Quote API, CORS

  • Picture-in-Picture - Picture-in-Picture API, Screen Capture API

  • Bookmarks App - DOM, localStorage

  • NASA APOD - Fetch, Async/Await, NASA API, DOM, localStorage

  • Animated Navigation - CSS Animations

  • Infinite Scroll - Fetch, Async/Await, Unsplash API, DOM, Scroll Event Listener

  • Countdown App - Date, localStorage

  • Music Player - HTML 5 Audio API

  • Calculator - Math Methods

  • Splash Page - DOM Basics

  • Light/Dark Mode - DOM, localStorage

  • Form Validation - DOM, Forms

  • Joke Teller - Fetch, Async/Await, Joke API, Text-to-Speech

  • Video Player - HTML 5 Video API

  • MS Paint Clone - Advanced HTML Canvas, localStorage

  • Pong Clone - Advanced HTML Canvas

  • Math Sprint Game - SetInterval, DOM, Array Methods, localStorage

  • Animated Template - Template, AOS.js

  • Drag and Drop - Drag and Drop API, localStorage

We will be using modern ES6,ES7,ES8,ES9,ES10 features to master JavaScript! Think of this as a full on JavaScript bootcamp to get you from a beginner to a confident programmer! on top of that, we also cover common UI/UX practices to make sure we have good designs and our projects are mobile friendly.


The course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in JavaScript to someone that is able to build projects on their own.

So the best time to begin? It's Today! By taking that first step right now, you are that much closer to developing the skills that get you hired and closer to your dream career.

See you inside the course :)


Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Andrei Neagoie

Andrei is the instructor of some of the highest rated programming and technical courses online. He no longer teaches on Udemy. Instead, he is now the founder of ZTM Academy which is one of the fastest growing education platforms in the world

ZTM Academy is known for having some of the best instructors and success rates for students. 


icon
More courses by Andrei Neagoie

$129.99

$129.99

$139.99

$129.99

$139.99

$129.99

icon
More JavaScript courses

Free

Free

Free

$24.99

Free

$79.99

icon
Reviews

4.6

4,201 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Vitali on 3/4/2024

Jacinto is more than just a teacher; he's a beacon of inspiration and knowledge in the realm of education. With an unparalleled passion for empowering students, Jacinto transforms the ordinary into the extraordinary with his unique teaching style. His dedication to his craft is evident in every lesson, as he effortlessly weaves together expertise, enthusiasm, and empathy to create an unparalleled learning experience. What sets Jacinto apart is his innate ability to connect with his students on a profound level, fostering an environment of trust and mutual respect. Jacinto has a remarkable knack for making even the most complex concepts accessible and understandable. But it's not just Jacinto's knowledge and teaching prowess that make him stand out—it's his unwavering commitment to his students' success. Jacinto's energy is contagious, igniting a passion for learning that extends far beyond the confines of the 20+ projects. In essence, Jacinto is not just a teacher—he's a catalyst for growth, a champion of curiosity, and a true visionary in the world of education & frontend. With Jacinto leading the way, students don't just learn—they thrive, they excel, and they emerge as confident, empowered individuals ready to take on the world.

By Eduard A. on 10/26/2022

If you learned JavaScript already, this is the next step for you. Lots of projects to apply what you learned! This being said, it is not a course for JavaScript beginners, you need to have some good knowledge, because there isn't much explanation from the instructor's part. But that is correct, this is a practical course, not a theoretical one. The projects are nice, they look modern, they have quite some room for improvement (which is a good thing in my opinion, because you can personalize them). The reason why I gave 4.5 starts is because on the last two projects there are some big code chunks with zero explanation. I would've liked to write that too along with at least a bit of instructor's explanation. All being said, incredible value for money!

By Ben Christie on 5/24/2022

Really engaging and entertaining coruse to complete, all the projects are well assmebled and I found completing the projects in the order outlined was incredibly beneficial in building my understanding of javascript. Jacinto does a fantastic job at explaining everything in simple English and Andrei's code reviews really helped me to develop an understanding of the finer details of javascript. Overall would highly recommend to those entering the world of programming or those like myself who have experience with other programming languages!

By Jingxuan Liu on 5/9/2022

I totally loved this course! I feel more confident about starting my own projects. Just a suggestion: perhap consider using relative units (em, rem, %) rather than absolute units. It's something important to learn. My screen is too small for most pixel values in this course and I have to spend a lot of time converting everything to relative units before starting dom manipulation

By Putra Fajar Febrianto on 4/21/2022

This is the second course I've completed provided by ZTM. Like the previous course, it doesn't dissapoint in taking time to finish it. I found many tricks and new things in designing HTML, CSS and JavaScript. Many interesting project we made in the course and now I am ready to make the next new project. Thank you for course..

By Xiaoxiao Chu on 3/30/2022

The course is great especially the first few projects. I just finished the Web Development Bootcamp by Dr. Angela Yu and was looking for some projects to practice. I really learned a lot. However, the last few projects had pre-coded templates and for the last 2 projects, you just need to uncomment the codes to make them work for the most of the time. Also I think the TA is not quite helpful. I've seen a few questions under some lectures and the TA were just like "thanks for pointing this out". I also left questions there but got a really brief answer which didn't help at all. It feels like the TA didn't want to bother at all but must reply to all the questions. Anyway I still learned a lot from this course and Andrei and Jacinto are both wonderful instructors.

By Noah Hamann on 10/25/2021

I am new to coding but I am finding that I am quite passionate about it. I am hopefully on the path to get a job. I wanted to learn coding without spending money on a bootcamp or university (seeing as I already have a philosophy degree). For 20 dollars, this course has been a great addition to the free resources I am using to learn. I have been following along, making the quote generator and watching tutorials and other resources to really try and understand what I am doing. I really really want a job in this and I am thankful for things like this that will hopefully help me get there!

By Jiren Zhang on 6/21/2021

I definitely have learnt a lot from building these projects, however the last 3 projects were a little disappointing as almost all the codes are given to us . Some of the code reviews were not that meaningful, almost felt like adding them just to stand out from other courses. But I really enjoyed building most of the projects and I like Jacinto's teaching, it really worth the money I spent.

By Anders Bergsten on 6/12/2021

The course is quite ok. But there are some flaws that make it an average course instead of a five star course. 1. I had higher expectations on the code reviews at the end of each project. However only a few were good, such as the code review of the math-sprint-game project. 2. The picture-in-picture project was confusing. 3. Too much template code provided in most projects, mainly CSS and HTML but also JS in the last 5-6 projects. Why not build the HTML from scratch in each project? With Emmet in VScode it just takes seconds. You may argue that the projects get repetitive if building HTML and CSS from scratch. Well, I don't know about you, but my learning gets far better if I repeat many times. And ... I know, this is a JS course, not a CSS or HTML course. However teaching JS without HTML and CSS is like teaching someone to write but not to read. My suggestion is to build all HTML and CSS in each project but only the bare minimum while skipping explanations of the HTML and CSS features used.

By Fabio Artuso on 2/26/2021

I took this course in order to make some practice with JS and it has been great. Everything is well explained and it touches different topics. I loved the code review at the end of each section as well. Now I'm going to personilize a couple of them and add them on my resume!!.. Thanks a lot Jacinto and Andrei..

By Secuencia Capacitacin on 12/27/2020

Amazing course. I want to take all the courses made by Jacinto and Andrei. You will learn advanced html, css and js concepts, taught in an easy way, and with recommendations to improve your professional programmers career. The projects learned are awesome and modern.

By Atul Sharma on 12/20/2020

Loving it! Very engaging course. Loving every part of it and expanding my portfolio.

Showing 12 of 177 reviews

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100