前端知识学习资料

前端技能树：（所有资料汇总，暂不要求看）
https://github.com/JacksonTian/fks

说明

前端技能内容众多庞杂，目前只要求掌握『学习目标』里设定的内容。

第一阶段：学习HTML,CSS

学习目标: 能够自由安排HTML元素的位置，修改HTML元素的颜色。

重点了解以下：

布局相关的：
盒模型，width,height,margin,padding,aligin,display,postion,relative/absolute,z-index
基本样式：
background-color,color,border,font
理解id和class

教程：

http://www.imooc.com/learn/9
http://www.w3school.com.cn/html/index.asp
http://www.w3school.com.cn/css/index.asp
http://zh.learnlayout.com/display.html

es6语法（不做要求，仅供参考）
http://es6.ruanyifeng.com/

第二阶段：学习Javascript

学习目标：
会使用基本的for,if等语句
能自由操纵JSON对象
能用JS修改HTML元素的CSS样式

http://www.imooc.com/learn/36
http://www.w3school.com.cn/js/index.asp

第三阶段 学习React

学习目标：
能够搭建react运行环境
能够充分理解react官网上几个小例子。

http://facebook.github.io/react
http://www.imooc.com/learn/504

日常工具：

目标：能够安装使用

Chrome 或 QQ浏览器
http://www.google.cn/intl/zh-CN/chrome/browser/
http://browser.qq.com/mac/index.html

postman
https://github.com/ruanyf/jstraining/blob/master/docs/preparation.md
sublime text
http://www.sublimetext.com/

nodejs
https://nodejs.org/
webpack
http://webpack.github.io/
git
http://www.bootcss.com/p/git-guide/
bootstrap
http://www.bootcss.com/

其他:

在线教程汇总: (仅供参考，暂不要求看)
https://segmentfault.com/a/1190000000351251
几个教程网站：
http://www.imooc.com/
http://www.jikexueyuan.com/
https://www.codecademy.com/
https://cn.udacity.com/
https://www.coursera.org