先看视频教学，配置好FQ环境，在 chrome 插件中添加掘金插件用于查看前端最新信息，之后可自行按需要学习
视频教程
[Udacity](https://cn.udacity.com/) 优达学城，美国 4 大在线教育网站之一
[慕课网](http://www.imooc.com/) 国内新兴在线教育平台
Udacity 更专业，但课程均为英文，少量带有中文字幕
书籍
先通过视频学习，再看书，书籍均可以去找电子书，有些只有电子书版
主要看经典书籍：
基础
+ javascript 语言精髓
+ javascrupt 权威指南
+ [ECMAScript6 入门](http://es6.ruanyifeng.com/)
+ 了不起的 Node.js，前端大量优化手段均需要有后端知识
进阶
代码质量
+ 编写可测试的 javascript
+ 编写可维护的 javascript
+ 数据结构与算法 javascript 描述
+ 高性能 javascript
+ 深入浅出 NodeJS
网站优化
+ 高性能网站建设指南
+ 高性能网站建设进阶指南
+ Web 性能实践日志
团队协作 / 架构
+ The Art Of ScaLability（中文译名：架构即未来）
资讯网站
+ [掘金](http://geek.csdn.net/)，整合型网站，汇总了多个开发者社区的资讯
+ [V2EX](https://www.v2ex.com/)
+ [知乎](https://www.zhihu.com/)
+ [GitHub](https://www.github.com/), 全球最大开源社区，各种框架几乎都在此开源
+ [StackOverflow](http://stackoverflow.com/)，开发者提问社区
框架
在课程中通常就会学习到，这里只列出需要学习的框架与技术，可按顺序学：
1. 原生 Dom 操作
2. jQuery
3. [Bootstrap](http://www.bootcss.com/)
4. ES6
5. React / Vue2 / Angular2, 目前建议学 Vue
6. React Native / Weex，使用前端技术开发移动端应用
其它
系统
有条件使用 Mac，没条件可使用 Linux，尽量不使用 Windows
版本控制、团队代码管理
Git，不使用其它的
浏览器
使用 chrome，熟悉开发者工具用法，也可使用 FireFox
写作
使用 Markdown 写文章
FQ
尽量不使用 VPN，可选择以下两种方案，方案详细用法自行查找即可
+ [蓝灯](https://github.com/getlantern/lantern)，免费，但不太稳定
+ [shadowsocks](https://github.com/shadowsocks/shadowsocks/tree/master)，需要购买 VPS，可以到 host1plus 购买，或者到淘宝买一个帐号，较稳定