1、基础知识
html:
HTML 是用来描述网页的一种语言。
css:
(层叠样式表CascadingStyleSheets),样式定义如何显示 HTML 元素，语法为：selector {property：value}(选择符 {属性：值})。
javascript:
JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。
2、三者关系：
对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置网页的功能。
一个很经典的例子是说HTML就像 一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思 考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。
3、学习思路：分别了解三者基本语法，了解标签和结构。
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、开发工具
1、Sublime Text :代码编辑器，拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。
2、Pycharm：一种Python IDE，带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具，可配合django框架使用。
二者区别：
sublime只是文本编辑器， pycharm是全套的python开发工具。
3、快速上手
1、选定一个框架，使用组件库搭建一套纯前端系统框架。
查看官方文档和组件库，例如vue,react,layui等，官方地址：
vue——https://cn.vuejs.org/v2/guide/
react——https://react.docschina.org/
layui——https://www.layui.com/doc/
参考：可尝试vue+elementUI可快速构建单页面后台管理平台：https://www.cnblogs.com/dmcl/p/6722315.html
layui：hplus后台管理框架
2、前端框架中的数据用js和ajax代替，完成web系统的前后端数据交互，有些框架会封装一些基础js函数和class，可直接调用。
可模拟json，与前端框架中的js进行调试（代替后端功能接口的数据），可使用mock.js模拟数据：http://mockjs.com/
