前端培训任务:Doodle-place,Apple Podcast,Site Blocker,解析CSV文件

涂鸦场所克隆



图片



doodle-place是一个充满动画涂鸦的在线世界。您可以四处逛逛,查看世界各地用户创建的涂鸦,也可以贡献力量。



通过制作Doodle-place副本,您将学到什么:





将CSV文件解析为JSON



此应用程序使用d3-dsv(客户端)来解析CSV文件。d3-dsv是d3(流行的数据可视化库)附带的实用程序,但也可以单独使用,如下所示。



图片



通过创建CSV到JSON解析器将学到什么。



  • 如何使用不同的数据源(例如CSV和JSON),以及如何解析数据集。
  • 您将获得d3-dsv库的动手经验是d3-dsv文档


网站阻止扩展克隆



Site Blocker是一个Web扩展,它允许您通过添加域名来阻止一个或多个站点。有效地管理您的时间而不会分心。



图片



通过构建“站点阻止程序”克隆您将学到什么:



  • 创建浏览器扩展所需的一切
  • JavaScript,HTML和CSS用于构建扩展。
  • 在Chrome / Firefox / Safari中使用扩展程序站点。


克隆概念



Notion是一款轻巧,快速且无干扰的笔记应用程序,以及更多。我用它来跟踪我的任务和想法。我喜欢Notion的原因是它对Markdown标记语言的支持。



没有限制:您可以创建桌面版本的Notion,也可以创建移动版本或Web版本。选择您喜欢的环境(或您最想探索的环境)。



图片



通过创建概念克隆,您将学到什么:



  • 如果要取得成功,请在CSS中使用Grid网格非常适合创建布局。
  • 使用数据库。您将需要将笔记存储在数据库中,以便以后查询。
  • DevOps。完成后,将应用程序部署到Web或应用程序商店。向世界展示您的成就。


苹果播客克隆



适用于iOS和macOS 的Podcasts应用程序可使用应用程序底部的导航图标轻松访问流行的和新兴的Podcast。



图片



通过创建Podcast克隆您将学到什么:



  • 如何从API获取数据。在此应用程序的情况下,数据由播客表示。使用此API获取所有播客。
  • 如何为Mac OS或iOS应用程序开发桌面应用程序并将其部署到应用程序商店。如果您喜欢为网络构建,那就太好了!
  • 构建本机接口。例如,您将学习如何在屏幕上显示数据。


图片


通过参加SkillFactory的付费在线课程,了解如何从头开始或获得技能和薪资水平提高的详细信息:












All Articles