译者注：其实我们国内有很多经典案例，比如饿了么、豆瓣、知乎。这也是一个很好的锻炼项目。原文：想成为顶级开发者？你应该建造东西。这是另一个帮助您入门的列表。译者：Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，转载仅供学习。每个人都知道掌握一项技能需要激情、动力和努力。如果你想成为某个领域的专家，那么你必须投入足够的精力。没有什么好事来得容易。这很难，但值得一试。我们都喜欢写代码，但往往没有好的想法，不知道写什么来锻炼动手能力。在这里，我为您列出了一系列具有挑战性和有趣的项目。1、Node.js配合GraphQL编写后端GraphQL可以说彻底改变了我们收发数据的方式。所以绝对值得你花时间去弄明白。具体操作使用Node.js的Express框架创建服务器，使用MongoDB和graphQL；对数据执行基本的创建、读取、更新和删除(CRUD)操作；并从一个简单的前端获取数据。我建议你看看这个Youtube视频教程：GraphQL2简介。Terminalapp终端应用程序是可以在终端（terminal）下运行的程序。您可以从一个小而简单的应用程序开始。终端应用程序的机制很简单：给定输入，返回输出。一些简单的想法要求用户输入一个名字，然后输出结果；显示一些数学公式，然后让用户进行输入，返回输出结果。这里有一系列的终端应用实例来学习。3.Electron桌面应用程序Electron允许您使用HTML、CSS和JavaScript等网络技术来开发桌面应用程序。一些著名的Electron应用程序：VisualStudioCode、Atom、Slack和Webtorrent.io。推荐一个ElectronYouTube介绍视频：WhatisElectron:TheHardPartsMadeEasy。同样，从一个小而简单的应用程序开始，逐步构建更复杂的应用程序。例如，您可以先创建一个Electron应用程序，给定输入，然后输出到终端。如果你熟悉web开发，那么你会觉得Electron非常方便。4.克隆InstagramInstagram是一个复杂的应用程序，如果你能把它写下来，你会学到很多东西。如果你自己搭建Instagram，你可以学习：复杂的Grid管理（尝试使用新的CSS网格技术）；多点调用API/数据流管理（尝试使用GraphQL）；您可以构建真正的大型应用程序。您可以自由选择其他合适的技术。很棒的是：Instagram提供了API5。使用D3.js进行数据可视化D3是Data-Driven-Documents的缩写。D3是一个非常流行的库。当然他不是唯一的选择，还有ChartJS和plotly.JS。D3js介绍视频：D3jsWorkshop（IntroIntoCreativeVisualizationswithSVGandD3）。非常好！你可以从这里获得足够的数据来练习：很棒的GitHub存储库，包含免费使用的公共数据集。以上提供的一些实践项目希望能帮助你锻炼开发能力，就像Fundebug可以帮你调试一样！
