HTML CSS JavaScript projects for beginners – 10 vanilla JavaScript projects

In this video, your are going to learn 10 HTML CSS JavaScript projects. You will learn basic HTML and create modern websites using only HTML CSS & JS, with versions of HTML5, CSS3, and JavaScript 2022.

The source code of the projects are available here: https://github.com/sahandghavidel/HTML-CSS-JavaScript-projects-for-beginners

This course will teach you HTML, CSS, and JavaScript while teaching you how to build simple but functional websites.

As you may know, the most effective way for learning HTML, CSS, and JavaScript is through building fun projects. Therefore, HTML, CSS, and JavaScript are used in this video to create responsive websites.

This new tutorial demonstrates firstly how to install Visual Studio Code and its necessary extensions in order to get started. Following that, we begin writing the HTML code for each project from scratch. Following the completion of the HTML section of the project, we will proceed to the CSS and JavaScript sections.

With examples, I explains HTML, CSS, and JavaScript syntax. So, you don’t need to know the basics.
Unless otherwise specified, all projects are started from scratch and completed without the use of any copied code.

Let’s get started if you’re as eager to learn HTML, CSS, and JavaScript as I am. Please contact me if you have any questions through the comment section.

00:00 Introduction and Projects review
4:03 Project 1 – Emoji Rating
54:24 Project 2 – Profile Statistics
1:42:00 Project 3 – Rotating Image Gallery
2:24:36 Project 4 – New Year Countdown
3:10:47 Project 5 – Random Password Generator
4:13:33 Project 6 – Animated Search Bar
4:54:43 Project 7 – Social Media Select Menu
5:43:03 Project 8 – Double Landing Page
6:21:56 Project 9 – To Do List
7:28:27 Project 10 – Step Progress Bar