Packt
Advanced Web Development, Real-Time Apps & Final Projects

Unlock access to 10,000+ courses with Coursera Plus

Packt

Advanced Web Development, Real-Time Apps & Final Projects

Included with Coursera Plus

Gain insight into a topic and learn the fundamentals.
Advanced 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.
Advanced level

Recommended experience

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

What you'll learn

  • Build real-time, interactive web apps using HTML, CSS, and JavaScript.

  • Implement API integrations for live data and responsive design.

  • Create advanced projects with animations, timers, and calculators.

  • Apply UI/UX design and front-end logic to complete full applications.

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

December 2025

Assessments

16 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 14 modules in this course

In this module, we will build a Tabs interface that allows users to navigate between multiple content sections effortlessly. You’ll learn to structure the layout with HTML, style it with CSS, and use JavaScript to enable dynamic tab switching for a seamless user experience.

What's included

4 videos2 readings1 assignment

In this module, we will develop a Background Video webpage that adds cinematic motion to your design. You’ll integrate media elements, enhance them with CSS and Bootstrap styling, and use JavaScript to manage playback and loading animations.

What's included

5 videos1 assignment

In this module, we will create a Sidebar Menu that enhances user navigation in modern web apps. You’ll learn to combine layout, icons, and interactivity using HTML, CSS, Font Awesome, and JavaScript for a sleek, functional sidebar experience.

What's included

7 videos1 assignment

In this module, we will build a Navbar Menu that adapts seamlessly to all screen sizes. You’ll apply responsive design techniques, use icons for better usability, and add interactivity with JavaScript for smooth navigation transitions.

What's included

8 videos1 assignment

In this module, we will develop an Age Calculator that computes exact age in years, months, and days. You’ll learn how to handle user input, apply real-time calculations with JavaScript, and design a clean, interactive user interface.

What's included

4 videos1 assignment

In this module, we will create a Tip Calculator that quickly calculates tips and totals for any bill. You’ll practice data input handling, perform math operations in JavaScript, and style your calculator for a professional look.

What's included

4 videos1 assignment

In this module, we will build a Recipe Book App that allows users to browse and search for their favorite recipes. You’ll integrate HTML structure, CSS styling, and JavaScript functionality to create an interactive and user-friendly app.

What's included

4 videos1 assignment

In this module, we will create a Dice Roll Simulator that replicates real dice-rolling behavior. You’ll apply random number generation, dynamic updates, and creative animation techniques to deliver a fun, interactive experience.

What's included

4 videos1 assignment

In this module, we will build a Pomodoro Timer that boosts productivity through timed work sessions. You’ll implement countdown functionality in JavaScript and use CSS to visually separate work and break intervals.

What's included

4 videos1 assignment

In this module, we will develop a Rock Paper Scissors Game that lets users play against the computer. You’ll learn to combine logic, interactivity, and animations to make the game both entertaining and responsive.

What's included

4 videos1 assignment

In this module, we will create a functional Stopwatch to track elapsed time accurately. You’ll use JavaScript timing events, CSS design, and responsive layout techniques to produce a precise and elegant stopwatch application.

What's included

4 videos1 assignment

In this module, we will build a Weather App that delivers live weather updates based on location. You’ll integrate APIs, handle asynchronous data, and design a sleek, responsive interface for real-time information delivery.

What's included

4 videos1 assignment

In this module, we will develop an Image Search App that retrieves and displays photos from online databases. You’ll practice using APIs, manage dynamic content loading, and design a responsive gallery layout.

What's included

4 videos1 assignment

In this module, we will build a Basic Calculator that performs fundamental arithmetic operations. You’ll combine HTML structure, CSS styling, and JavaScript logic to create an efficient and responsive web-based calculator.

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