5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)

我们继续开展一系列的培训项目。

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)

www.reddit.com/r/layer

Layer 是一个社区,每个人都可以在共享“板”上绘制像素。 最初的想法诞生于 Reddit。 r/Layer 社区是共享创造力的隐喻,每个人都可以成为创造者并为共同的事业做出贡献。

创建自己的 Layer 项目时您将学到什么:

  • JavaScript 画布如何工作 了解如何操作画布是许多应用程序中的一项关键技能。
  • 如何协调用户权限。 每个用户每 15 分钟可以绘制一个像素,无需登录。
  • 创建 cookie 会话。

Squoosh

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)
斯库什应用程序

Squoosh 是一款具有许多高级选项的图像压缩应用程序。

动图 20 MB5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)

通过创建您自己的 Squoosh 版本,您将学到:

  • 如何使用图像尺寸
  • 了解 Drag'n'Drop API 的基础知识
  • 了解 API 和事件侦听器的工作原理
  • 如何上传和导出文件

注: 图像压缩器是本地的。 无需向服务器发送额外的数据。 您可以在家里使用压缩机,也可以在服务器上使用它,这取决于您的选择。

计算器

快点? 严重地? 计算器? 是的,确切地说,是计算器。 了解数学运算的基础知识以及它们如何协同工作是简化应用程序的一项关键技能。 迟早你将不得不处理数字,而且越早越好。

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)
jarodburchill.github.io/CalculatorReactApp

通过创建自己的计算器,您将学习:

  • 处理数字和数学运算
  • 使用事件侦听器 API 进行练习
  • 如何排列元素,了解风格

爬虫(搜索引擎)

每个人都使用过搜索引擎,那么为什么不创建自己的呢? 需要爬虫来搜索信息。 每个人每天都使用它们,对这项技术和专家的需求只会随着时间的推移而增长。

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)
谷歌搜索引擎

通过创建自己的搜索引擎您将学到什么:

  • 爬虫如何工作
  • 如何对网站进行索引以及如何按评级和声誉对网站进行排名
  • 如何在数据库中存储索引站点以及如何使用数据库

音乐播放器(Spotify、Apple Music)

每个人都听音乐——它是我们生活中不可或缺的一部分。 让我们创建一个音乐播放器,以更好地了解现代音乐流媒体平台的基本机制是如何工作的。

5 个更大胆的开发人员培训项目(Layer、Squoosh、计算器、网站爬虫、音乐播放器)
Spotify

通过创建自己的音乐流媒体平台,您将学到什么:

  • 如何使用 API。 使用 Spotify 或 Apple Music 的 API
  • 如何播放、暂停或快退到下一个/上一个曲目
  • 如何改变音量
  • 如何管理用户路由和浏览器历史记录

PS

您建议自己“复制”哪些项目来提高您的技能?

来源: habr.com

添加评论