前端知识学习资料

前端技能树:(所有资料汇总,暂不要求看)
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

你可能感兴趣的:(前端知识学习资料)