Coursera Project Network
Create a responsive seat selector UI in HTML, CSS, and JS
Coursera Project Network

Create a responsive seat selector UI in HTML, CSS, and JS

5,128 already enrolled

Demonstrate your skills to employers, and leverage industry tools to solve real-world challenges
Intermediate level

Recommended experience

5 hours
Complete at your own pace
Demonstrate your skills to employers, and leverage industry tools to solve real-world challenges
Intermediate level

Recommended experience

5 hours
Complete at your own pace

Objectives

  • Prototype a responsive seat map visual layout maximizing cross-device usage

  • Connect the visual seat map to a grid of seats (columns and rows) to be used for booking

  • Change the controls dynamically, depending on screen size, to increase booking completions

Details to know

Shareable work sample

Add to your Coursera profile

Taught in English
No downloads or installation required

Use a Coursera Lab, a pre-configured in-browser cloud workspace (only available on desktop)

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

Placeholder

About this Project

Project plan

This project requires you to independently complete the following steps:

  1. Create a responsive visual layout

  2. Create the seat/area map structure in Javascript

  3. Switch between the desktop seat map and the areas mobile layout

  4. Create the seat map detail of each seat area

  5. Select a seat and send the data back to the server

Offered by

Placeholder

Demonstrate your skills with Projects

Projects give you real-world challenges to solve with industry tools, and produce work samples that you can add to your Coursera Skills Profile to help you stand out to employers.

Manage my profile
Placeholder

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."

New to Mobile and Web Development? Start here.

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,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