一位 iOS 开发者的前端入门到入职 | 掘金技术征文

最近老是有朋友问到前端开发怎么入门，我以前是作 iOS 开发的, 其实转前端还算蛮快的, 打算写篇文章总结下自学经验。
前端技术突飞猛进，致使不少偏应用类技术书籍刚出现，已无人问津。可是偏基础的技术书籍仍是值得一看。在文中会推荐一些书籍。
有的人喜欢视频学习，有的人喜欢书籍、博客等，无论哪一种方式适合本身的就好，同时注重学习反馈。

第一阶段(基础)：

慕课网 前端开发工程师，大约须要 50 个小时。

web 前端路径

个人学习时长

按照这个路径学习完毕后，对 js， dom， jquery 等都有了必定了解。 也对一些界面实现有了基本概念。
另外还有 FreeCodeCamp Codecademy 等在线学习编程网站, 都很不错。
推荐的书籍有 JavaScript DOM编程艺术

第二阶段(提高):

这时候能够模仿一些效果实现， 好比拖放，滚动，搜索框，淘宝京东首页等等。

JavaScript：
www.fgm.cc/learn/
同时墙裂推荐阅读JavaScript高级程序设计，此书涵盖面很是广， 每次阅读都有新收获。
同时还有廖雪峰的 JavaScript
ES6：
info'Q 专栏 深刻浅出 ES6
阮一峰 ES6 入门
CSS3：
CSS3经常使用功能的写法
CSS动画简介

第三阶段(框架)

angular、react、vue 大有三分天下之势，但框架只是工具，目的是提高开发效率。初学者没必要太过于纠结选型，切勿舍本求末。

1. ng 出现的比较早，框架比较重，今天看到消息，半年后将会出 ng3 😂。
2. react 得益于 Facebook 的推介，国内大厂也都在使用，相继出了 react native,react 团队 和 oculus 团队正在开发 react vr。前端大一统是趋势所在嘛 😀。
3. vue 自成一派。很小清新，轻快敏捷。 2.0版本增长了 server side render，逐步进入大众视野。

推荐问答：
Vue 和 React 的使用场景和深度有何不一样？
react.js,angular.js,vue.js学习哪一个好？

第四阶段(工具)

编辑器： Sublime Text3，启动速度快(！！！)，插件丰富。
js 编译器 babel： Babel 中文网
打包工具 webpack：Webpack 中文指南, Vue + webpack 项目实践
自动构建工具 gulp：Gulp 中文网
开发框架 bootstrap Bootstrap中文网
css 预处理: less，sass，stylus
node 由于无阻塞异步 I/O 的特性，也愈来愈受开发者青睐 推荐node.js 包教不包会，深刻浅出 node.js， node.js 中文社区
模板引擎：Jade
cdn：BootCDN

其余

前端面试题1
前端面试题2

以上, 相信你若是认真学习, 找到一份前端开发工做仍是很容易的, 切记, 别纠结于框架, 别撕逼, 像 iOS 圈同样安安静静闷声发大财 👀

最后附上前段时间用 Vue2.0 写的豆瓣项目, 欢迎 Star 哦~
github.com/ericjjj/dou…