Skip to main content
Web & Full-Stack DevelopmentUdemy2023-7 Edition100% Free Video Course

10 Projects In 10 Days – HTML, CSS & JavaScript

Course 10 Projects In 10 Days – HTML, CSS & JavaScript. 10 Projects in 10 Days Course – HTML, CSS and JavaScript. Are you interested in learning web development and want to master the basics of HTML, CSS, and JavaScript? Do not look ahead! Our course, ”  10 Projects in 10 Days – HTML, CSS and JavaScript ” is designed to provide hands-on experience and hands-on skills in building interactive web projects. Over the course of 10 days, this intensive course guides you through the creation of 10 different projects, each focusing on a specific aspect of web development. By the end of the course, you’ll have a solid foundation in  HTML, CSS, and JavaScript  , as well as a portfolio of impressive projects to showcase your skills to potential employers or clients. Day 1: JavaScript accordion In this project you will learn how to make an accordion piece using JavaScript. You’ll explore techniques for changing the visibility of content in collapsible sections, allowing users to expand or collapse information. Day 2: JavaScript tab Tabs are a common feature on websites that allow users to navigate between different sections of content. Today, you’ll build a tabbed interface using JavaScript that gives users an intuitive way to navigate through information. Day 3: Learning JavaScript scroll up Smooth navigation to the top of a web page is a popular user experience improvement. You will learn how to implement this feature using JavaScript and ensure a seamless scrolling experience for your users. Day 4: JavaScript sticky header tutorial Sticky headers are static navigation elements that remain visible as users scroll down the page. You will learn how to create a sticky header using JavaScript and improve the usability and beauty of your website. Day 5: JavaScript side menu tutorial Side menus are commonly used for navigation in mobile and responsive designs. In this day, you will create a dynamic side menu using JavaScript that allows users to easily access different parts of your website. Day 6: JavaScript slider Sliders are great for displaying images or content in a visually appealing way. You will learn how to create a JavaScript slider that has smooth transitions and customizable features. Day 7: JavaScript confirmation box Confirmation boxes are used to ask users for confirmation before taking certain actions. You will learn how to create interactive confirmation boxes using JavaScript and increase the performance and interactivity of your web applications. Day 8: JavaScript Modal Box Medal boxes are popular for displaying additional information or capturing user input. On this day, you’ll build a JavaScript modal box that provides a focused and immersive experience for users. Day 9: JavaScript filter table Filtering and searching data in a table is a valuable feature for many web applications. You will learn how to implement a JavaScript filter table, which allows users to quickly find and sort information based on specific criteria. Day 10: JavaScript to-do list To-do lists are a staple of productivity programs. In this final project, you will create a JavaScript to-do list that allows users to add, remove, and manage tasks in a dynamic and responsive interface. During the course, you will not only learn the technical aspects of web development, but also gain valuable problem-solving and debugging skills. Each project challenges you to think critically and apply your knowledge to practical scenarios. By the end of “10 Projects in 10 Days – HTML, CSS and JavaScript”, you will be equipped with the skills and confidence to build your own interactive web projects. Whether you want to become a front-end developer or enhance your existing web development skills, this course is a great opportunity to take your abilities to the next level. Sign up now and start an exciting journey into the world of web development!

20 Video Lessons
12.9 Hours On-Demand
Created by Udemy
Uploaded Sep 2026
English
beginner to advanced
10 Projects In 10 Days – HTML, CSS & JavaScript
Preview This Course
Free$129.99100% Free

Instant high-definition streaming with zero paywalls.

Course Features:
12.9 hours on-demand video
20 complete lectures
1 downloadable project zip file(s)
Streamable on mobile, tablet & desktop
Self-paced curriculum with progress tracking
Direct MP4 downloads & offline video access
Verified course archives hosted on cloud infrastructure.

What You'll Master in this Course

Publisher:  Udemy
Lecturer: Jayanta Sarkar
Training level: beginner to advanced
Training duration: 3 hours and 46 minutes
Number of courses: 20

Course Curriculum20 Lectures

10 sections • 12.9 hours total length

Prefer offline learning? Download all 20 video lectures and project files for free.
Download Free

Requirements

  • Basic enthusiasm to learn and follow along with lessons
  • A computer or mobile device with a modern internet connection

Description

Course 10 Projects In 10 Days – HTML, CSS & JavaScript. 10 Projects in 10 Days Course – HTML, CSS and JavaScript. Are you interested in learning web development and want to master the basics of HTML, CSS, and JavaScript? Do not look ahead! Our course, ”  10 Projects in 10 Days – HTML, CSS and JavaScript ” is designed to provide hands-on experience and hands-on skills in building interactive web projects. Over the course of 10 days, this intensive course guides you through the creation of 10 different projects, each focusing on a specific aspect of web development. By the end of the course, you’ll have a solid foundation in  HTML, CSS, and JavaScript  , as well as a portfolio of impressive projects to showcase your skills to potential employers or clients. Day 1: JavaScript accordion In this project you will learn how to make an accordion piece using JavaScript. You’ll explore techniques for changing the visibility of content in collapsible sections, allowing users to expand or collapse information. Day 2: JavaScript tab Tabs are a common feature on websites that allow users to navigate between different sections of content. Today, you’ll build a tabbed interface using JavaScript that gives users an intuitive way to navigate through information. Day 3: Learning JavaScript scroll up Smooth navigation to the top of a web page is a popular user experience improvement. You will learn how to implement this feature using JavaScript and ensure a seamless scrolling experience for your users. Day 4: JavaScript sticky header tutorial Sticky headers are static navigation elements that remain visible as users scroll down the page. You will learn how to create a sticky header using JavaScript and improve the usability and beauty of your website. Day 5: JavaScript side menu tutorial Side menus are commonly used for navigation in mobile and responsive designs. In this day, you will create a dynamic side menu using JavaScript that allows users to easily access different parts of your website. Day 6: JavaScript slider Sliders are great for displaying images or content in a visually appealing way. You will learn how to create a JavaScript slider that has smooth transitions and customizable features. Day 7: JavaScript confirmation box Confirmation boxes are used to ask users for confirmation before taking certain actions. You will learn how to create interactive confirmation boxes using JavaScript and increase the performance and interactivity of your web applications. Day 8: JavaScript Modal Box Medal boxes are popular for displaying additional information or capturing user input. On this day, you’ll build a JavaScript modal box that provides a focused and immersive experience for users. Day 9: JavaScript filter table Filtering and searching data in a table is a valuable feature for many web applications. You will learn how to implement a JavaScript filter table, which allows users to quickly find and sort information based on specific criteria. Day 10: JavaScript to-do list To-do lists are a staple of productivity programs. In this final project, you will create a JavaScript to-do list that allows users to add, remove, and manage tasks in a dynamic and responsive interface. During the course, you will not only learn the technical aspects of web development, but also gain valuable problem-solving and debugging skills. Each project challenges you to think critically and apply your knowledge to practical scenarios. By the end of “10 Projects in 10 Days – HTML, CSS and JavaScript”, you will be equipped with the skills and confidence to build your own interactive web projects. Whether you want to become a front-end developer or enhance your existing web development skills, this course is a great opportunity to take your abilities to the next level. Sign up now and start an exciting journey into the world of web development!

Instructor

U

Udemy

Specialist in Web & Full-Stack Development

Passionate educator focused on real-world practical skills, modern frameworks, and production-ready engineering practices. Delivering step-by-step masterclasses accessible to learners globally on MJ Accedemy.

Recommended Curriculum

Students Also Viewed