【干货】前端自学之路（持续更新)

前言：将我有过了解前端自学网站和书本分享给大家，互联网是个好东西，多多利用；希望能给大家提供一点帮助作为我对大家七夕的祝福，好好学习，天天向上。共勉，哈哈。

mooc网站（看视频）

• 慕课网：http://www.imooc.com/course/list
• MOOC学院（果壳）：http://mooc.guokr.com/
• 网易云课堂：http://study.163.com/
• 极客学院：http://www.jikexueyuan.com/
• 爱课程：http://www.icourses.cn/home/

看文档

• MDN：https://developer.mozilla.org/zh-CN/
• w3school：http://www.w3school.com.cn/index.html

http

• MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTTP

html

• MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTTP
• w3school：http://www.w3school.com.cn/h.asp
• 慕课网：https://www.imooc.com/course/list?c=html&is_easy=1

css

• w3school：https://www.imooc.com/course/list?c=html&is_easy=1
• MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS

js

• w3school：http://www.w3school.com.cn/b.asp
• MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
• imooc视频：https://www.imooc.com/course/list?c=javascript&is_easy=1
• 阮一峰老师《JavaScript 标准参考教程》：http://javascript.ruanyifeng.com/#introduction

ES6

• http://es6.ruanyifeng.com/#docs/intro

underscore.js源码练习

• 官网源码：http://www.css88.com/doc/underscore/docs/underscore.html
• 官网示例：http://www.css88.com/doc/underscore/
• 大神解析：http://www.qdfuns.com/house/17398/note/class/id/bb6dc3cabae6651b94f69bbd562ff370/page/2.html
• 大神解析2：https://github.com/hanzichi/underscore-analysis/issues

vue

• 慕课网视频：https://www.imooc.com/course/list?c=vuejs
• vue官网：https://cn.vuejs.org/v2/guide/installation.html
• vuex官方文档：https://router.vuejs.org/zh-cn/
• v-router：https://router.vuejs.org/zh-cn/
• v-resource：https://github.com/pagekit/vue-resource/blob/develop/docs/http.md
• vue官方资源汇总：https://github.com/vuejs/awesome-vue
• vue webpack配置分析：https://github.com/DDFE/DDFE-blog/issues/10
• github上vue相关汇总项目：https://juejin.im/post/584cc93b8e450a006ac2196d
• YouTube上的一个视频教程：https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-- - 8aZiQnBqJeyng4O
• 掘金：https://juejin.im/post/584cc93b8e450a006ac2196d

node.js

• node入门：https://www.nodebeginner.org/index-zh-cn.html
• express框架：http://expressjs.com/zh-cn/
• node中文社区资源汇总：https://cnodejs.org/topic/56ef3edd532839c33a99d00e
• 阮一峰《node.js概述》：http://javascript.ruanyifeng.com/nodejs/basic.html

react.js

• react中文文档：http://www.react-cn.com/
• react组件生命周期：https://github.com/dwqs/blog/issues/15
• 阮一峰老师的解析：http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html

微信小程序

• 知乎：https://www.zhihu.com/question/50907897
• 官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/
• weui：https://github.com/Tencent/weui
• zanui：https://github.com/youzan/zanui-weapp

wepy

• 官方文档： https://tencent.github.io/wepy/document.html#/
• awesome-wepy：https://github.com/aben1188/awesome-wepy

书本推荐

《JavaScript Dom编程艺术》 《JavaScript面向对象编程指南(基础)》 《JavaScript高级程序设计》 《高性能JavaScript》 《学习JavaScript数据结构和算法》 《javascript函数式编程》 《JavaScript模式 》 《你不知道的JavaScript-上》 《JavaScript设计模式》 《JavaScript设计模式与开发实践》 《你不知道的JavaScript-下》