In this project, you’ll support Sugarland Theaters’ effort to increase revenue by enabling guests to book their seats on the go using its web app.
Create a responsive seat selector UI in HTML, CSS, and JS
Create a responsive seat selector UI in HTML, CSS, and JS
5,046 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
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
Skills you'll demonstrate
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
About this Project
Project plan
This project requires you to independently complete the following steps:
Create a responsive visual layout
Create the seat/area map structure in Javascript
Switch between the desktop seat map and the areas mobile layout
Create the seat map detail of each seat area
Select a seat and send the data back to the server
Offered by
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
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.
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