阅读 8357

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

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

第一阶段(基础):

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

web 前端路径
我的学习时长
按照这个路径学习完毕后,对jsdomjquery 等都有了一定了解。 也对一些界面实现有了基本概念。 另外还有 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 预处理: lesssassstylus node 因为无阻塞异步 I/O 的特性,也越来越受开发者青睐 推荐node.js 包教不包会深入浅出 node.jsnode.js 中文社区 模板引擎:Jade cdn:BootCDN

其他

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

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

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