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

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

6,893 人已注册

项目

向雇主展示您的技能，利用行业工具解决现实世界中的挑战

中级等级

推荐体验

5 hours

按照自己的节奏完成

项目

向雇主展示您的技能，利用行业工具解决现实世界中的挑战

中级等级

推荐体验

5 hours

按照自己的节奏完成

目标

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

您将展示的技能

要了解的详细信息

可分享的工作示例

添加至您的 Coursera 个人档案

授课语言：英语（English）

无需下载或安装

使用 Coursera Lab，这是预先配置的浏览器内云工作区（仅在桌面上可用）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

关于此项目

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