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/