想成为顶级开发者?你须要多练习!请收好这些资源

译者按: 其实咱们国内也有不少经典案例,好比饿了么、豆瓣、知乎。一样是很是不错的锻炼项目。javascript

为了保证可读性,本文采用意译而非直译。另外,本文版权归原做者全部,翻译仅用于学习。前端

图片描述

每一个人都很清楚要掌握一项技能须要充满激情积极地努力工做。若是你想在某一方面成为专家,那么你必须投入充分的精力。java

没有任何好东西是能够轻易获得的。虽然很难,可是值得去尝试。咱们都很喜欢写代码,可是每每没有好的想法,不知道写什么来锻炼本身的动手能力。在这里我给大家列出了一系列有挑战又有趣的项目。node

1. Node.js配合GraphQL来写后端

图片描述

GraphQL能够说是革命性的改变了咱们发送和接收数据的方式。所以,绝对值得你花时间去琢磨一下。git

具体操做

  • 用Node.js的Express框架建立一个服务器,并使用MongoDB和graphQL;
  • 对数据进行基本的建立、读取、更新和删除(CRUD)操做;
  • 从一个简单的前端获取数据。

我建议你能够看看这个Youtube视频教程:Introduction to GraphQLgithub

2. 终端app

图片描述

一个终端应用就是一个能够在终端(terminal)下运行的程序。web

能够从一个很小的简单的应用开始。终端应用的机制很简单:给定输入,返回输出。后端

一些简单的思路

  • 请求用户输入名字,而后输出结果;
  • 显示一些数学公式,而后让用户给定输入,返回输出结果。

这里有一系列终端应用示例能够学习。服务器

3. Electron桌面应用

图片描述

Electron可让你使用网页技术好比HTML、CSS和JavaScript来开发桌面应用。app

一些很是出名的Electron应用: Visual studio code, Atom, Slack, 和Webtorrent.io

推荐一个Electron的YouTube介绍视频:What is Electron: The Hard Parts Made Easy

再强调一遍,从一个简单的小应用开始,而后逐步构建复杂的。好比,你能够先建立一个Electron应用,给定输入,而后输出到终端。若是你对Web开发熟悉,那么你将会认为Electron很是方便。

4. 克隆Instagram

图片描述

Instagram是一个很复杂的应用,若是你能把它写出来,你会学到不少知识。若是你本身搭建一遍Instagram,你能够学到:

  • 复杂的Grid管理(请尝试用新的CSS grid技术);
  • 多点调用API/数据流管理(请尝试用GraphQL);
  • 能够搭建真实的大型应用。

你能够自由选择其余适合的技术。

很是棒的一点是:Instagram提供了API

5. 使用D3.js作数据可视化

图片描述

D3是Data-Driven-Documents的缩写。D3是一个很是流行的库。固然,他不是惟一的选择,还有ChartJSplotly.JS

D3js的介绍视频:D3js Workshop(Intro Into Creative Visualizations with SVG and D3)

真的很是棒!你能够从这里获取足够多的数据来练习:Awesome GitHub repository consisting of free-to-use public datasets

图片描述

以上提供的一些练习项目但愿可以助你锻炼开发的能力,就像Fundebug可以助你Debug同样!

相关文章
相关标签/搜索