前端技能树/2017年

Get Started. It's Free
or sign up with your email address
Rocket clouds
前端技能树/2017年 by Mind Map: 前端技能树/2017年

1. css

1.1. 推荐书籍

1.1.1. 《html5 与 css3 权威指南 上/下册》

1.2. postCss(推荐此项技能,在学习webpack与vue或者react之后可进行学习此技能,未来css趋势)

1.2.1. 推荐书籍

1.2.1.1. 《深入PostCSS Web设计 》

1.3. sass 了解即可

1.4. less 了解即可

2. html

2.1. 推荐书籍

2.1.1. 《HTML5权威指南》

2.1.2. 《JavaScript DOM编程艺术》

3. javascript

3.1. 原生js基础(必须熟练掌握)

3.1.1. 推荐书籍

3.1.1.1. 《JavaScript 权威指南》

3.1.1.2. 《JavaScript 高级程序设计》

3.1.1.3. 《你不知道的JavaScript 上/中卷》

3.1.1.4. 《JavaScript设计模式与开发实践》

3.1.1.5. 《JavaScript 忍者秘籍》

3.2. ES6,全称ECMAScript2015,js的新版本标准不得不掌握

3.2.1. 推荐书籍

3.2.1.1. 《ES6标准入门(第3版)》

3.2.1.2. 《深入理解ES6》

3.3. TypeScript 微软出品,解决js弱类型语言的缺点,不过最终也编译为js在浏览器运行,建议了解

3.4. 目前前端JS三大框架

3.4.1. Vue.js

3.4.1.1. 国人出品,个人认为vue为前端三大框架最好的! 建议熟练掌握, 易上手, 中文文档友好,大部分公司都有使用

3.4.1.2. 推荐书籍

3.4.1.2.1. cn.vuejs.org(官网为最好的学习地方)

3.4.1.2.2. 《vue2 实践揭秘》

3.4.2. React.js

3.4.2.1. 可后续掌握,大部分公司也在使用,与vue有异曲同工之妙,Facebook出品

3.4.2.2. 推荐书籍

3.4.2.2.1. 《React 引领未来的用户界面开发框架》

3.4.2.2.2. 《深入React技术栈》

3.4.3. Angular.js

3.4.3.1. 在angular 1.x 有使用过,后来版本大升级,由原生js切换到了TypeScript,没再关注,此框架太重不易驾驭,但毕竟google出品,还是值得学习。如果学习建议学习最新版本,可在网上自行搜索教程与购买书籍

3.5. jQuery 已被淘汰成为历史,不建议深度学习,不过其API封装还是值得学习与借鉴

3.6. react-native(Facebook出品移动端IOS与Android跨平台解决方案) 学习react的后续发展路线

3.6.1. 推荐书籍

3.6.1.1. 《React Native入门与实践》

4. 数据可视化

4.1. 百度 - echarts

4.2. highcharts

5. 自动打包构建工具, 这年头的项目,不再是在html中挨个引入js与css了,js文件合并、压缩混淆、增加hash值避免缓存与利用缓存、自动将地址插入到html,完全自动化

5.1. grunt 已成为历史

5.2. gulp 还没怎么火起来便已成为历史

5.3. webpack 当红明星,火气正旺

5.4. browserify 与webpack功能类似

6. node.js

6.1. 一般学习前端的都需要了解一下,因为许多的前端项目都是基于node运行的

6.2. npm 所有前端框架的包管理器(与java的maven功能一致),包括浏览器端与服务器端

6.3. 推荐书籍

6.3.1. 《Node.js 权威指南》

6.3.2. 《深入浅出 Node》

6.4. Koa2 (web框架)未来趋势

6.5. express (web框架)当前正火

7. 社区

7.1. 知乎(关注前端领域)

7.2. 掘金 高质量分享

7.3. segmentfault 优秀的问答社区,文章也不错

7.4. cnodejs.org 国内最活跃的node社区

7.5. 简书 整体都不错,就是有点杂

7.6. stackoverflow 全球最牛逼的IT问答社区,英语不好的请求自觉退步到segmentfault...

7.7. giithub 全球最大的开源托管社区,建议经常往自己的github上提交代码,如果一个毕业生有一个几百star的项目,那你的薪资起点会非常高

8. 其他

8.1. web VR 可能是未来的趋势

8.2. 机器学习 必将是趋势,建议关注