Create a responsive seat selector UI in HTML, CSS, and JS
By External Provider
About this course
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. You’re task is to build a responsive seat selector UI component, specifically a responsive web interface using HTML, CSS, and Javascript that lets guests manage their seat reservations with an interactive map and adapt the seat map to their device screen size. There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers. ROLE: Software Developer SKILLS: HTML, CSS, Javascript PREREQUISITES: Media queries and layout modalities such as flexbox and grid with HTML5 and CSS Manage arrays, visual breakpoints and DOM interactions with Javascript
What you will learn
- 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