IIRF Online > Development > Web Development > JavaScript > 60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript

60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript by Udemy

HTML CSS JS (JavaScript). Build 60 projects to learn HTML CSS JavaScript. 50+ HTML5, CSS3, vanilla JavaScript projects

Highlight Curriculam FAQs

Course Highlights

Acquire the skills to develop exciting projects from scratch with pure HTML, CSS, and JavaScript - no external libraries or plugins needed!
Expand your knowledge of HTML, CSS, and JavaScript while mastering responsive web design principles.
mbark on a tutorial journey to learn the fundamentals of HTML, CSS, and JavaScript.
Each project kicks off with crafting the HTML section, then we progress to the CSS and JavaScript segments upon completion.
Immerse yourself in an engaging project-based course that teaches HTML, CSS, and JavaScript, while guiding you to craft sleek, trendy, and responsive websites.
Discover vital JavaScript methods in this fresh, new course.
Enhance your proficiency in HTML, CSS, and JavaScript through project-centered instruction.
Explore contemporary styling techniques like Flexbox, CSS animations, custom properties, and more.
Delve into advanced concepts such as Document Object Model (DOM) manipulation, event handling, array methods, HTTP requests, and beyond.
Perfect for beginners who desire to build unique projects within a reasonably brief timeframe.

Skills you will learn!

DevelopmentWeb DevelopmentJavaScript

Curriculum

Expand All

2 Topics

Introduction

Source code and project demo

4 Topics

Preview - Age Calculator

HTML - Age Calculator

CSS - Age Calculator

JavaScript - Age Calculator

4 Topics

Preview - Tip Calculator

HTML - Tip Calculator

CSS - Tip Calculator

JavaScript - Tip Calculator

4 Topics

Preview - Recipe Book App

HTML - Recipe Book App

CSS - Recipe Book App

JavaScript - Recipe Book App

4 Topics

Preview - Dice Roll Simulator

HTML - Dice Roll Simulator

CSS - Dice Roll Simulator

JavaScript - Dice Roll Simulator

4 Topics

Preview - Pomodoro Timer

HTML - Pomodoro Timer

CSS - Pomodoro Timer

JavaScript - Pomodoro Timer

4 Topics

Preview - Rock Paper Scissors Game

HTML - Rock Paper Scissors Game

CSS - Rock Paper Scissors Game

JavaScript - Rock Paper Scissors Game

4 Topics

Preview - Stopwatch

HTML - Stopwatch

CSS - Stopwatch

JavaScript - Stopwatch

4 Topics

Preview - Weather App

HTML - Weather App

CSS - Weather App

JavaScript - Weather App

4 Topics

Preview - Image Search App

HTML - Image Search App

CSS - Image Search App

Javascript - Image Search App

4 Topics

Preview - Basic Calculator

HTML - Basic Calculator

CSS - Basic Calculator

JavaScript - Basic Calculator

4 Topics

Preview - Dad Jokes Generator

HTML - Dad Jokes Generator

CSS - Dad Jokes Generator

JavaScript - Dad Jokes Generator

4 Topics

Preview - Photo Gallery

HTML - Photo Gallery

CSS - Photo Gallery

JavaScript - Photo Gallery

4 Topics

Preview - English Dictionary

HTML - English Dictionary

CSS - English Dictionary

JavaScript - English Dictionary

4 Topics

Preview - Anime Pics Generator

HTML - Anime Pics Generator

CSS - Anime Pics Generator

JavaScript - Anime Pics Generator

4 Topics

Preview - Note App

HTML - Note App

CSS - Note App

JavaScript - Note App

4 Topics

Preview - BMI Calculator

HTML - BMI Calculator

CSS - BMI Calculator

JavaScript - BMI Calculator

4 Topics

Preview - Random Quote Generator

HTML - Random Quote Generator

CSS - Random Quote Generator

JavaScript - Random Quote Generator

4 Topics

Preview - Temperature Converter

HTML - Temperature Converter

CSS - Temperature Converter

JavaScript - Temperature Converter

4 Topics

Preview - Currency Converter

HTML - Currency Converter

CSS - Currency Converter

JavaScript - Currency Converter

4 Topics

Preview - Loan Calculator

HTML - Loan Calculator

CSS - Loan Calculator

JavaScript - Loan Calculator

4 Topics

Preview - Random Emoji

HTML - Random Emoji

CSS - Random Emoji

JavaScript - Random Emoji

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

3 Topics

Preview

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

4 Topics

Preview

HTML

CSS

JavaScript

8 Topics

Preview

HTML

CSS

Bootstrap - Counter

Font Awesome - Counter

JavaScript

addEventListiner Method - Counter

Adding Color to the Number - Counter

5 Topics

Preveiw - Q&A Section

Start the HTML of the website - Q&A Section

Using Font Awesome for adding plus and minus icons to our website - Q&A Section

Using CSS to style the title buttom and the answere - Q&A Section

Start using JavaScript for toggling between classes - Q&A Section

4 Topics

Preview - Tabs Section

Completing the HTML part - Tabs

Styling the website using CSS - Tabs

Add functionality to the website using JavaScript - Tabs

5 Topics

Preview - Background Video

Start the project (HTML) - Background Video

CSS styling Bootstrap and Font Awesome - Background Video

Adding functionality using Javascript - Background Video

Adding a Preloader - Background Video

7 Topics

Preveiw - Sidebar Menu

Creating the logo of the website - Sidebar Menu

Adding the logo and menu to our website using HTML

Styling the menu using CSS and adding the sidebar

Using Font Awesome to add closing button and bars icons

Styling the closing and bars buttons using CSS

Using JavaScript to add and remove the sidebar

8 Topics

Preview - Navbar Menu

Creating the logo of the website

Create the menu using HTML

Learning how to use Font Awesome

Start Styling our website using CSS

Styling the bars

Styling the menu

Add and remove classes using JavaScript

Write a Review

60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript

Go to Paid Course

60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript by Udemy

Course Highlights

Skills you will learn!

Curriculum

Related JavaScript Courses

The Full JavaScript & ES6 Tutorial - (including ES7 & React)

JavaScript Complete Beginners Course For Web Development

JavaScript for Web Development

JavaScript Basics for Beginners

JavaScript 2019: JavaScript ES6 Certification Course

JavaScript for Beginners - The Complete introduction to JS

5 Day Coding Challenge

JavaScript for Absolute Beginners

JavaScript for Beginners - Step By Step Guide

The Modern Javascript Bootcamp Course

JavaScript programming: JavaScript for beginners

Master JavaScript from Scratch (with jQuery and React JS)

JavaScript for QA Engineers and SDETs

The Fastest Javascript Course: From ZERO to HERO in 6 Hours

JavaScript and React for Developers: Master the Essentials

JavaScript Bootcamp - Build Real World Applications

JavaScript Web Projects: 20 Projects to Build Your Portfolio

Modern Javascript for Beginners 2020 + Javascript Projects

Learning Algorithms in JavaScript from Scratch

Learn JavaScript - For Beginners

50 Projects In 50 Days - HTML, CSS & JavaScript

JavaScript Basics from Scratch

Learn JavaScript: Iterators

JavaScript Programming from A-Z: Learn to Code in JavaScript

JavaScript Masterclass 2021: Modern & Comprehensive

Get in Touch with Us

Quick links

Latest Ranking

Popular Specializations

60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript by Udemy

Course Highlights

Skills you will learn!

Curriculum

Introduction

Project - Age Calculator

Project - Tip Calculator

Project- Recipe Book App

Project - Dice Roll Simulator

Project - Pomodoro Timer

Project - Rock Paper Scissors Game

Project - Stopwatch

Project - Weather App

Project - Image Search App

Project - Basic Calculator

Project - Dad Jokes Generator

Project - Photo Gallery

Project - English Dictionary

Project - Anime Pics Generator

Project - Note App

Project - BMI Calculator

Project - Random Quote Generator

Project - Temperature Converter

Project - Currency Converter

Project - Loan Calculator

Project - Random Emoji

Project - Weight Converter

Project - Feedback UI

Project - Button Ripple Effect

Project - Digital Clock

Project - Rotating Image Gallery

Project - Random Color Generator

Project - Real-time Character Counter

Project - Profile Statistics

Project - Heart Trail Animation

Project - Mini Calendar

Project - Animated Search Bar

Project - Social Media Selector Menu

Project - Random Password Generator

Project - Testimonial Slider

Project - New Year Countdown

Project - Emoji Rating

Project - Sticky Navbar

Project - Double Landing Page

Project - Auto Text Effect Animation

Project - Background Image Scroll Effect

Project - Blurred Background Popup

Project - Dark Mode Toggle

Project - Drum Kits

Project - To Do List

Project - Random Photos

Project - Multiplication App

Project - Step Progress Bar

Project - Mouse Event

Project - Loading Bar

Project - Image Slider

Project - Video Trailer Popup

Project - Recipe Book App

Project - Anime Pics Generator

Project - Clock

Project - Month calendar

Project - Counter

Project - Q&A Section

Project - Tabs

Project - Background Video

Project - Sidebar Menu

Project - Navbar menu

Related JavaScript Courses

The Full JavaScript & ES6 Tutorial - (including ES7 & React)

JavaScript Complete Beginners Course For Web Development

JavaScript for Web Development

JavaScript Basics for Beginners

JavaScript 2019: JavaScript ES6 Certification Course

JavaScript for Beginners - The Complete introduction to JS

5 Day Coding Challenge

JavaScript for Absolute Beginners

JavaScript for Beginners - Step By Step Guide

The Modern Javascript Bootcamp Course

JavaScript programming: JavaScript for beginners

Master JavaScript from Scratch (with jQuery and React JS)