前端向导-个人资料卡组件 欢迎！ :waving_hand: 感谢您检查此前端编码挑战。 挑战可让您提高现实工作流程中的技能。 为了应对这一挑战，您需要对HTML和CSS有基本的了解。 挑战 您面临的挑战是构建此配置文件组件并使它看起来尽可能接近设计。 您可以使用任何喜欢的工具来帮助您完成挑战。 因此，如果您有想要练习的东西，请随时尝试。 需要挑战方面的支持吗？ 并在#help频道中提问。 在哪里找到所有东西 您的任务是将项目扩展到/design文件夹中的/design 。 您会发现

前端编码挑战 小部件页面 请使用React和其他相关库构建一个简单的Web应用程序。 要求 小部件概述（主）页面 窗口小部件列表（名称，语言，删除按钮） 添加小部件按钮 添加小部件页面-多步骤向导 第1步-选择语言（下拉菜单） 第2步-输入名称 每个步骤的验证（所有必填字段） 创建小部件后成功返回概述页面 删除小部件询问带有模式窗口的确认（请不要添加window.confirm） 将小部件数据存储在localStorage中 测试场景 主页应该是小部件概述列表。 “添加小部件”按钮进入

前端导师-文章预览组件 欢迎！ :waving_hand: 感谢您检查此前端编码挑战。 挑战使您可以提高现实工作流程中的技能。 为了应对这一挑战，您需要对HTML，CSS和一点点Javascr ipt有基本的了解。 挑战 您面临的挑战是构建本文的预览组件并使它看起来与设计尽可能接近。 您可以使用任何喜欢的工具来帮助您完成挑战。 因此，如果您有想要练习的东西，请随时尝试。 您仅需使用Javascr ipt即可在有人单击共享图标时启动共享选项。 您的用户应该能够： 根据组件的设备屏幕

交互式定价组件-前端向导 我按照“前端导师”的设计和样式指南构建了此交互式定价组件。 挑战 面临的挑战是建立一个交互式的定价组件，并使它看起来与设计尽可能接近。 用户应该能够： 根据设备的屏幕尺寸查看应用的最佳布局 查看页面上所有互动元素的悬停状态 使用滑块并切换以查看不同浏览量的价格（详细信息如下） 技术领域 Reactv16.13.1 建立 将这个仓库git clone 克隆到您的桌面，然后运行npm install来安装所有依赖项。 运行项目 npm start 在开发模式下运行应用