Packt
HTML, CSS, and JavaScript Basics with Simple Projects

Unlock access to 10,000+ courses with Coursera Plus. Start 7-Day free trial.

Packt

HTML, CSS, and JavaScript Basics with Simple Projects

Included with Coursera Plus

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Build and structure websites using HTML for clean, semantic layouts.

  • Style and format web pages professionally using modern CSS techniques.

  • Add interactivity and logic to websites using core JavaScript concepts.

  • Create real-world projects like apps, calculators, and UI tools from scratch.

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

December 2025

Assessments

13 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Hands-On Projects with HTML, CSS, and JavaScript Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 12 modules in this course

In this module, we will introduce you to the world of web development and the key tools used to build websites. You’ll learn how to install Visual Studio Code, explore its powerful extensions, and prepare your system for hands-on project work.

What's included

2 videos2 readings

In this module, we will develop a Photo Gallery project from scratch. You’ll learn to create the layout with HTML, style it with CSS for a modern look, and use JavaScript to add interactivity such as dynamic image display and transitions.

What's included

4 videos1 assignment

In this module, we will create a fully functional English Dictionary web app. You’ll design the HTML layout, style the interface for clarity, and use JavaScript to enable real-time word lookup and definition retrieval.

What's included

4 videos1 assignment

In this module, we will build a Note App that helps users organize their thoughts efficiently. You’ll combine HTML structure, CSS styling, and JavaScript functionality to create an interactive and visually clean note-taking experience.

What's included

4 videos1 assignment

In this module, we will design and develop a BMI Calculator to compute health metrics instantly. You’ll learn how to capture input, perform calculations in real-time, and present results attractively using front-end technologies.

What's included

4 videos1 assignment

In this module, we will build a Random Quote Generator that delivers inspiration at every click. You’ll use JavaScript to fetch or generate quotes dynamically and design the interface with elegant CSS styling.

What's included

4 videos1 assignment

In this module, we will create a Temperature Converter that allows users to switch seamlessly between Celsius, Fahrenheit, and Kelvin. You’ll master DOM manipulation and input validation techniques in JavaScript.

What's included

4 videos1 assignment

In this module, we will build a Currency Converter that dynamically updates currency values using APIs. You’ll learn to use JavaScript to fetch real-time data and present accurate conversions with professional design.

What's included

4 videos1 assignment

In this module, we will create a Loan Calculator that computes payment schedules and interest. You’ll combine HTML, CSS, and JavaScript to deliver an efficient, data-driven web application.

What's included

4 videos1 assignment

In this module, we will design a playful Random Emoji Generator that adds an element of fun to the learning process. You’ll master JavaScript’s randomization capabilities while enhancing the design with CSS animations.

What's included

4 videos1 assignment

In this module, we will build a Weight Converter that allows users to convert between kilograms, pounds, and other units. You’ll focus on precision, responsiveness, and clear visual design using front-end technologies.

What's included

4 videos1 assignment

In this module, we will build a Feedback UI that captures user responses dynamically. You’ll integrate HTML, CSS, and JavaScript to design a functional, responsive feedback system with interactive validation features.

What's included

4 videos1 reading3 assignments

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors
Packt
1,218 Courses295,149 learners

Offered by

Packt

Explore more from Mobile and Web Development

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Coursera Plus

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions