大牛的秘密：写好这些应用，你就能成为顶尖开发者！

软件开发没有诀窍，我们只能通过努力和高度实践，才能成为一个强大的开发者。同样的道理，通过阅读大量健身的书籍，你也无法达到身体健康。还是需要你实际去健身房，把时间和汗水投入进去，才能有效果！

同样的道理也适用于编码。

下面介绍八个梦幻软件项目来训练你的“编码肌肉”！ 目标是让你能够适应建立任何技术栈且喜欢的应用程序。

请你保持勇气与自由，可以使用任何喜欢和擅长的技术。

项目 1 ： 克隆 Trello

你将从构建trello克隆应用中学到以下之技术：

·路由

·拖放

·创建新对象（白板，列表，选项卡）

·处理用户输入与数据验证

·客户端路径：如何使用本地存储，将数据保存到本地存储，从本地存储读取数据。

·服务器端路径：如何使用数据库，将数据保存到数据库，从数据库读取数据。

下面是Repository的例子-用React + Redux完成。

项目＃2：用户管理仪表盘

Github存储库

简单的CRUD应用程序，非常适合初学者。你会学到什么：

·创建用户，管理用户

·与数据库交互：创建，查看，编辑，删除用户。

·输入验证以及使用表单

项目＃3：Cryptocurrency跟踪器（原生移动应用程序）

Github存储库

必须使用本地语言应用开发- Swift，Objective-C，React Native，Java，Kotlin。

完成后，你将会学到什么：

·原生应用程序如何工作

·从远端API获取数据

·如何进行原生布局

·如何使用客户端模拟器

使用这个API。发表评论，如果你找到一个更好的。如果你对这个如何构建感兴趣，我写了一个教程。

项目＃4：从头开始设置Webpack配置

当然，从技术上讲，这不是一个应用程序。但是仍然需要你理解webpack如何工作。它不再是一个“黑匣子”，而是一个强大的工具。

要求：

·编译es7到es5。（基础）

·编译jsx到js -或- .vue到.js（您将了解从基础到加载器）

·安装webpack dev服务器和热模块重新加载。（vue-cli和create-react-app都使用）

·使用Heroku，now.sh或Github页面进行生产准备生成并部署它（您将学习如何部署webpack项目）

·设置你最喜欢的预处理器来编译为纯CSS - scss，less，paint。

·学习如何使用webpack使用图像和SVG。

这是一个很好的资源，可以让初学者从入门到精通。

项目＃5：Hackernews克隆

每个人都可以建立了自己的黑客新闻版本，我们也不例外。通过开发黑客新闻，我们可以学习以下几点：

·与黑客新闻API交互。

·创建单页面应用程序

·如何实现功能，如查看评论，单个评论，配置文件。

·路由。

这里是Hacker NewsAPI文档。

项目＃6：Todo应用

TodoMVC

也许你会问，这是真的？一个待办事项应用程序，现在不知道有多少个了。是的，我当然知道。但是请听我说，它们是比较受欢迎的一个。

开发TodoList 待办应用是保证打好基础的好方法，尝试用普通的JavaScript/Cookie，然后用你最喜欢的框架/库建立。你会学到什么：

·创建新的任务

·验证字段

·筛选任务（完成，活动，全部）。可以用filter和reduce功能。

·理解Javascript的基本原理。

项目＃7：一个可排序的拖放列表

Github存储库

理解拖放api非常有用。如果你能够创建复杂的应用程序，让你脱颖而出。

你会学到什么：

·拖放API

·创建丰富的用户界面

项目＃8：Messager克隆（原生应用）

了解本机应用软件和Web应用程序的工作原理将会使你从众程序员中轻松脱颖而出。

你会学到什么：

·网络套接字Socket（即时消息）

·原生应用程序如何工作

·原生布局如何部局

·原生应用程序的路由。

小结

我想，这些应用该让你忙上一两个月了，挑一些重点感兴趣的产品，创建它们，相信你能行，成功了不要忘了回来留个言，说说进展。

感谢大家的阅读。如果你喜欢本文，不要忘记点赞和分享，让更多的人们看到它。

随手赞助一杯咖啡：）

作者：Indred lasn

译者：21CTO社区

来源：https://medium.freecodecamp.org/the-secret-to-being-a-top-developer-is-building-things-heres-a-list-of-fun-apps-to-build-aac61ac0736c