1、基礎(chǔ)知識(shí)
html:
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
css:
(層疊樣式表CascadingStyleSheets),樣式定義如何顯示 HTML 元素，語(yǔ)法為：selector {property：value}(選擇符 {屬性：值})。
javascript:
JavaScript是一種腳本語(yǔ)言，其源代碼在發(fā)往客戶(hù)端運(yùn)行之前不需經(jīng)過(guò)編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運(yùn)行。
2、三者關(guān)系：
對(duì)于一個(gè)網(wǎng)頁(yè)，HTML定義網(wǎng)頁(yè)的結(jié)構(gòu)，CSS描述網(wǎng)頁(yè)的樣子，JavaScript設(shè)置網(wǎng)頁(yè)的功能。
一個(gè)很經(jīng)典的例子是說(shuō)HTML就像 一個(gè)人的骨骼、器官，而CSS就是人的皮膚，有了這兩樣也就構(gòu)成了一個(gè)植物人了，加上javascript這個(gè)植物人就可以對(duì)外界刺激做出反應(yīng)，可以思 考、運(yùn)動(dòng)、可以給自己整容化妝（改變CSS）等等，成為一個(gè)活生生的人。
3、學(xué)習(xí)思路：分別了解三者基本語(yǔ)法，了解標(biāo)簽和結(jié)構(gòu)。
html——http://www.runoob.com/html/html-tutorial.html
css——http://www.runoob.com/css/css-tutorial.html
js——http://www.runoob.com/js/js-tutorial.html
jQuery——http://www.runoob.com/jquery/jquery-tutorial.html
2、開(kāi)發(fā)工具
1、Sublime Text?:代碼編輯器，拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。
2、Pycharm：一種Python IDE，帶有一整套可以幫助用戶(hù)在使用Python語(yǔ)言開(kāi)發(fā)時(shí)提高其效率的工具，可配合django框架使用。
二者區(qū)別：
sublime只是文本編輯器， pycharm是全套的python開(kāi)發(fā)工具。
3、快速上手
1、選定一個(gè)框架，使用組件庫(kù)搭建一套純前端系統(tǒng)框架。
查看官方文檔和組件庫(kù)，例如vue,react,layui等，官方地址：
vue——https://cn.vuejs.org/v2/guide/
react——https://react.docschina.org/
layui——https://www.layui.com/doc/
參考：可嘗試vue+elementUI可快速構(gòu)建單頁(yè)面后臺(tái)管理平臺(tái)：https://www.cnblogs.com/dmcl/p/6722315.html
?layui：hplus后臺(tái)管理框架
2、前端框架中的數(shù)據(jù)用js和ajax代替，完成web系統(tǒng)的前后端數(shù)據(jù)交互，有些框架會(huì)封裝一些基礎(chǔ)js函數(shù)和class，可直接調(diào)用。
可模擬json，與前端框架中的js進(jìn)行調(diào)試（代替后端功能接口的數(shù)據(jù)），可使用mock.js模擬數(shù)據(jù)：http://mockjs.com/
