前端技能樹:(所有資料匯總,暫不要求看)
https://github.com/JacksonTian/fks
說明
前端技能內(nèi)容眾多龐雜厚宰,目前只要求掌握『學(xué)習(xí)目標(biāo)』里設(shè)定的內(nèi)容。
第一階段:學(xué)習(xí)HTML,CSS
學(xué)習(xí)目標(biāo): 能夠自由安排HTML元素的位置,修改HTML元素的顏色。
重點了解以下:
布局相關(guān)的:
盒模型我抠,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/
第二階段:學(xué)習(xí)Javascript
學(xué)習(xí)目標(biāo):
會使用基本的for,if等語句
能自由操縱JSON對象
能用JS修改HTML元素的CSS樣式
http://www.imooc.com/learn/36
http://www.w3school.com.cn/js/index.asp
第三階段 學(xué)習(xí)React
學(xué)習(xí)目標(biāo):
能夠搭建react運行環(huán)境
能夠充分理解react官網(wǎng)上幾個小例子袜茧。
http://facebook.github.io/react
http://www.imooc.com/learn/504
日常工具:
目標(biāo):能夠安裝使用
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
幾個教程網(wǎng)站:
http://www.imooc.com/
http://www.jikexueyuan.com/
https://www.codecademy.com/
https://cn.udacity.com/
https://www.coursera.org