对于“前端”开发咱们须要什么？

来自：http://lcepy.github.io/2015/07/20/%E5%AF%B9%E4%BA%8E%E2%80%9C%E5%89%8D%E7%AB%AF%E2%80%9D%E5%BC%80%E5%8F%91%E6%88%91%E4%BB%AC%E9%9C%80%E8%A6%81%E4%BB%80%E4%B9%88%EF%BC%9F/

我始终认为“工具”是第一辈子产力，为何说英国“第一次工业革命”开始，蒸气机的发明，“工具”变的很是重要，可是有时候又会想， 真的如此么？我在家乡湘西地区开始生态农业的试验，更多的是对生物多样态的利用和研究，食物链的结合转化，才能生产出有机食材，测量工具的使用功不可没。

那么“前端”咱们须要什么样的工具？

Mac OS X 是基于 Unix 的，这过重要了，这意味着Unix下一堆好东西能够随便捡，相信我，你值得拥有。在Mac上的开发环境，各类shell，应有尽有，不要客气，随便用。而 且Mac的工具以及操做方式，能让你沉浸在编程的世界中，这无形中提高了程序员的生产构思的效率。

有了retina显示屏你会更追究细节，我本身一向追崇“细节”决定一切，好的产品，细节会让人感受很舒服，才会留住“回头客”。

因此Mac OS X 也是迄今为止我认为开发最好的工具，无论从程序的运行效率，工具的多样性，以及兼容unix来看，这都是我惟一的选择。

废话很少说，推荐一本书池建强老师的书《MacTalk 人生元编程》,推荐一个开源项目收集&推荐优秀的 Apps/硬件/技巧/周边等，以及总结我的2015提升前端效率的方法和工具，不来看看绝对是你的损失。

在上一篇博文中阐述了我我的使用的提升效率的工具和方法，而今天，我想更进一步的阐述一些这么多年来的总结：咱们须要什么？

状态

就目前的形势来看“前端”这个行业的热火程度，应该能够用“爆发式”来描述，不论是PC端的原始开发技术， 移动端这几年膨胀的“框架”，手机App混合开发的ionic以及react native，连接硬件的cylonjs和osbean，服务端的Nodejs，都预示着“前端”应该说是JavaScript这门语言的可应用程度，超 出了不少人的预期，那么我须要问本身，“学的完吗？”

显而易见，学不完。

该如何起航

若是是一个初学者，我想极可能会被这“玩意”吓着了，平心而论，咱们应该学会适应它，从你的职业规划中寻找一个方向，方向会指引你的路途，佛教中讲述“方向”是从修行者的实际出发，那么咱们，也应该从你的职业规划中出发，找寻一个方向。

一些借鉴该如何起航：

就初学来看HTML，CSS，JavaScript是你惟一的入门方式，若是反过来，我真心的推荐Apple的Swift作为你的入门语言，为何？由于你须要了解程序的实质是什么，Swift能够很好的让你了解什么是类型系统，什么是面向对象，什么是编译器。

了解“程序”是你起航的开始。

====

前端多是这样的

分类	技术表明	评价
PC	原始生产HTML，CSS，JavaScript，最有表明的技术是jQuery	相信是大多数人的入门，适合传统页面的编程。
PC	开始考虑模块以及代码结构，最有表明的技术是RequireJS和Backbone.js，这一阶段也会使用了一些工具函数库，开始流行自动构建工具，好比Underscore.js和Grunt	相信你们到了这个阶段，也是Ajax使用最多的时候，无刷新页面，客户端模板也开始应用。
PC	从Angular开始，整个业界开始风靡双向绑定，依赖注入，自动化测试，Nodejs愈来愈多的应用在“前端”领域中，国内比较有表明的是司徒正美老师的avalon和尤小右老师的vue	WebApp兴起，以及硬件设备愈来愈给力的计算能力和内存利用率，意味着“前端”开始更加的追求体验，细致，的问题
PC	reactjs的出现，又开启了一次新的尝试，Nodejs也开启了从分裂成iojs，又合并成为了Nodejs的进程	Nodejs开始对于前端的工程化愈来愈重要，想一想你使用的工具，多多少少都构建在Nodejs之上。
PC	将来我的感受web components，编译型的JavaScript会成为不少团队的首选选择，好比Flow，TypeScript	编译能够减小在运行时的错误，能够检查代码有利于维护。
Mobile	基于HTML5，CSS3编写的页面，好比营销广告，最有表明性的技术是Zepto，基于它的效果插件很是多	也许你们开始适应了没有960px像素的时候
Mobile	HTML5单页应用的出现	大多数人会选择把PC端WebApp实现的技术移到这里来，相应的HTML5，CSS3技术开始大量的使用
Mobile	HTML5游戏的出现，《神经猫》在微信中的疯传，最有表明性的技术是COCOS2D-JS	游戏是你复习数学几何知识最好的基友
Mobile	PhoneGap的出现，让使用HTML CSS JavaScript开发App成为了可能	探索与摸索
Mobile	ionic让Angular与Apache Cordova结合开启了高级HTML5混合移动应用开发框架的进程，它最有表明性。	利用HTML5 CSS3 JavaScript编写的大量应用开始在市场上能够被找到。
Mobile	React Native让开发移动App有了一个新选择，虽然它实现的逻辑，已经有不少人在从前就实现了，可是愿意尝试使用这个技术的人仍是蛮多的	经过中间语言JavaScript转换成Native语言实现，虽然只有UI
Mobile	将来我的感受HTML5 CSS3 JavaScript会成为不少团队开发App首选选择，抛开一些（游戏）等须要高性能，复杂动画的领域，为何？	快速，简单，周期短，试错的机会增长
Server	Node.js我相信这应该是最有表明性的，并且将来也会愈来愈重要	使用JavaScript的用户数量巨大，服务器知识的普及，会让学习成本低
Database	MongoDB应该是在这个领域比较有表明性	数据库的出现，让存储的解决方案成为了可能
Docker	也许你应该要了解一下什么是Docker	你的开发效率会进一步提高
硬件领域	据说有人使用cylonjs开发机器人	国内也有一家公司推出了智能机器控制器与快速开发框架，嗨，JavaScript已经入侵硬件领域了
自动化	最有表明的应该是Grunt	可是你依然有不少选择，gulp是其中之一
2015年	经过了ES2015，也许你目前还不清楚这是什么，那么我告诉你，这就是ECMA6，随着今年（2015）Apple WWDC和Google I/O的落幕，一大波的硬件，软件即将更新，数不尽的各类服务类SDK，以及HTML5 Device Api	少年，将来的你面对无尽的学习，以及从PC切换到移动的思惟逻辑，可能还有可穿戴设备喔

写到这里，本身都有点感慨，原来这才是“前端”，在这个拼快速迭代，拼细致，拼用户体验的时代，若是你只具有div+css布局，会写一点动画效果，无疑在下一个五年极可能会被淘汰。

咱们须要什么？

就工做来看移动确定是大头，那么咱们还须要PC么？也须要，毕竟不少场景仍是要在电脑上完成，好比在工做时，你可能就在工做的电脑上，浏览一些网站，下订单，市场大不大？上班的人有多少，它就有多大。

作为一个过来人，我很认真的说，咱们须要的是解放本身的心。一句老话，心有多大，你前进的力量就有多大。也许你不在编程领域，你的风采也会在别的领域绽开。

那么，不巧，你选择了“前端”，你还须要坚决的信念，信念是你能够坚持下去的基石，是你不断提升本身专业的力量源泉，不少人说编程是一个青春饭，我 我的以为编程是一次青春思想的解放，是逻辑思惟造成的开始，它带给你的无形价值胜于“钱”这样的有形价值，虽然“钱”也很重要。

你还须要规划，这几日我经常坐在雪峰山的山头看星空，愈加的感受到我的的眇小，以及时间的宝贵，若是你不规划，只会让时间消耗在不少琐碎的事情上，学习不成系统，实践没有沉淀。人脑是一个容器，可是随着时间，不少信息片断将被遗忘。

你还须要“放弃”，学会放弃可能很艰难，确实，放弃是你一切的开始，无论以前或者以后，你都要有一个从零开始的心态，面对这些孜孜不倦。

下雨天，我也会瞪着三轮车去拖木屑，固然我指的放弃不是说放弃你的领域，而是要保持敬畏，生活就是这样，拖完木屑，我会到下河街去吃完米豆腐和米粉，

最后你还须要前瞻性，了解技术将来的发展趋势，你才能跟上队伍。

孜孜不倦

前端对于你来讲，这才刚刚开始。

我的建议：

• Swift是你了解编程，很好的去处中文版 Apple 官方 Swift 教程《The Swift Programming Language》，如今已经开启Swift 2.0翻译了哟～

• 开始学习CSS布局咯学习CSS布局也顺便学习一下HTML（不要看我，这个真的很是简单），再来份指导吧，更易理解通用 CSS 笔记、建议与指导

• 了解一下基础的JavaScriptJavaScript 标准参考教程（alpha）顺便再看一下简单使用jQuery

恭喜你，你能够作一些PC的网站了。

---

• 如今咱们开始尝试看一下编程的风格指南Airbnb 英文，中译，以及Google JavaScript Style Guide，良好的习惯，是你能够进一步的基础。

• 汤姆大叔翻译的深刻理解JavaScript系列（可能有点老了，印象中仍是三,四年前阅读过），不过没关系只要不是ES2015，它还有用，顺便若是有时间，也能够看一下《JavaScript 模式》

• 建议，从Angular开始，学习一个MVVM框架（其实它也是能够当作”MVC”喔，只不过C变成了ViewModel），一个入门的资源AngularJS入门教程——AngularJS中文社区提供，而后再来一个进一步的翻译“AngularJS”中译本 -《AngularJS》，以及模块化思想。

• 而后学习，你的第一款自动化构建工具吧gulp，全中文的喔，少年，Gulp

又要恭喜亲了，刷副本要升级了，如今你能够尝试一下WebApp了。

---

• 进一步改变咱们开发的方式，学习一下git，据说这玩意猴子都能学会。

• 开始尝试学习一下HTML5，API真的很全和CSS3CSS3 Tutorial 《CSS3 教程》，这玩意，你不学，我只能告诉你绝对吃亏。

• 准备好总结的项目Mars-腾讯移动Web前端知识库和之前认识的一个朋友搞的开源总结mobileTech，顺带看一看zepto，是否是跟jQuery很像呀？

• Nodejs也是不能错过的七天学会NodeJS

这一次，你还未升级，不过能够开始尝试作一些基于Nodejs的工具，和HTML5手机网站，小同志，你有向移动倾向咯。

---

• Mac工具，是你最好的良师益友，向某人给你推荐总结我的2015提升前端效率的方法和工具
• 能够看一看ECMA6和promises了
• 学习一下混合开发的框架ionic
• Nodejs也顺带看一看吧《Node.js 包教不包会》

这一次，ding了，快来行动吧，兄弟，制做你的第一款App并发布到市场

---

目前为止，“前端”的基础打好了。

将来

多屏设备是你尽心尽力的战场，可否胜利，一切在于你的信念，勇气，规划和“放弃”。