前端开发入门

最近总是有朋友问到前端开发怎么入门,我之前是做 iOS 开发的, 其实转前端还算蛮快的, 打算写篇文章总结下自学经验。
前端技术日新月异,导致很多偏应用类技术书籍刚出现,已无人问津。但是偏基础的技术书籍还是值得一看。在文中会推荐一些书籍。
有的人喜欢视频学习,有的人喜欢书籍、博客等,不管哪种方式适合自己的就好,同时注重学习反馈。

第一阶段(基础):

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

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

第二阶段(提升):

这时候可以模仿一些效果实现, 比如拖放,滚动,搜索框,淘宝京东首页等等。

JavaScript:
http://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 预处理: lesssassstylus
node 因为无阻塞异步 I/O 的特性,也越来越受开发者青睐 推荐node.js 包教不包会深入浅出 node.jsnode.js 中文社区
模板引擎:Jade
cdn:BootCDN

其他

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

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

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