web前端学习路线

1.基础部分(HTML,CSS,JS,HTML DOM)

      学习地点：(1)视频

                          HTML+CSS+JS https://www.imooc.com/course/programdetail/pid/31( java工程师-web初识-web基础 )

                    (2)文档

                       HTML http://www.w3school.com.cn/html/index.asp,http://www.runoob.com/html/html-tutorial.html

                       CSS http://www.w3school.com.cn/css/index.asp,http://www.runoob.com/css/css-tutorial.html

                       JS http://www.w3school.com.cn/js/index.asp,http://www.runoob.com/js/js-tutorial.html

                      HTML DOM http://www.w3school.com.cn/htmldom/index.asp

               (3)新增属性(HTML5,CSS3)

                          HTML5  http://www.w3school.com.cn/html5/index.asp

                          CSS3   http://www.w3school.com.cn/css3/index.asp

2.基础实战(结合运用HTML,CSS,JS)

      （1）及简个人博客（HTML+CSS简单运用，组织前端文件结构,熟悉HTML(主结构)，CSS(主样式)作用及组织，sumline编辑器的插件安装及快捷键）：https://www.bilibili.com/video/av8533758/?p=6

      （2）电商首站（HTML+CSS复杂运用，盒子模型，浮动及浮动清除）：https://www.bilibili.com/video/av8710320/?p=4&t=333

3.熟悉常用布局flex布局以及grid布局

        flex:https://blog.csdn.net/baiding1123/article/details/47663217

　　grid:http://www.css88.com/archives/8510

4JS框架JQuery

      学习地点 http://www.w3school.com.cn/jquery/index.asp，http://www.runoob.com/jquery/jquery-tutorial.html

5.js面向对象

    文档 http://www.w3school.com.cn/js/index_pro.asp

6.前端框架Bootsrap

     学习地点 http://www.runoob.com/bootstrap/bootstrap-tutorial.html

7.响应式布局（主：bootstrap框架）

    学习视频（基本介绍和运用）：https://www.imooc.com/learn/41

    学习文档（框架文档）：https://v3.bootcss.com/getting-started/