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