文件名称:挑战1
文件大小:297KB
文件格式:ZIP
更新时间:2024-03-11 19:30:55
HTML
前端导师-工作清单挑战 欢迎! :waving_hand: 感谢您检查此前端编码挑战。 挑战使您可以提高现实工作流程中的技能。 为了应对这一挑战,您需要对HTML,CSS和JavaScript有基本的了解。 挑战 您面临的挑战是建立此工作清单页面,并使其看起来与设计尽可能接近。 您可以使用任何喜欢的工具来帮助您完成挑战。 因此,如果您有想要练习的东西,请随时尝试。 您的用户应该能够: 根据设备的屏幕尺寸查看网站的最佳布局 查看页面上所有互动元素的悬停状态 根据类别过滤工作清单 筛选 选项1 使用HTML data-属性根据类别过滤作业列表。 在此选项中,您将使用文件中已经存在的硬编码内容。 类别为: 角色:前端,后端,全栈 级别:初级,中量级,高级 语言:Python,Ruby,JavaScript,HTML,CSS 工具:React,Sass,Vue,Django,RoR(Ruby on
【文件预览】:
challenge1middle-master
----design()
--------desktop-preview.jpg(49KB)
--------mobile-with-filters.jpg(28KB)
--------desktop-design.jpg(106KB)
--------mobile-design.jpg(105KB)
--------active-states.jpg(32KB)
----images()
--------loop-studios.svg(5KB)
--------myhome.svg(2KB)
--------bg-header-mobile.svg(588B)
--------bg-header-desktop.svg(1KB)
--------the-air-filter-company.svg(1KB)
--------insure.svg(3KB)
--------manage.svg(4KB)
--------account.svg(2KB)
--------favicon-32x32.png(1KB)
--------photosnap.svg(4KB)
--------icon-remove.svg(253B)
--------eyecam-co.svg(2KB)
--------faceit.svg(1KB)
--------shortly.svg(2KB)
----style.scss(13KB)
----index1.html(3KB)
----index.html(10KB)
----reset.css(1KB)
----data.json(4KB)
----.gitignore(522B)
----style.css.map(2KB)
----style-guide.md(547B)
----README.md(6KB)
----style.css(7KB)
----script.js(2KB)