棠哥-前端学习路线（v3.0：更新到vue基础）
为了方便小伙伴直接手机在线查阅笔记和代码资源链接，正在逐步移植到微信公众号上，如果小伙伴们需要获取视频中的笔记+代码，可以扫码下方的二维码关注公众号获取哦。（目前还处于试运行阶段，后续关注的小伙伴多的话会更新更多内容）
所以为了各位爱学习的小伙伴可以更好的自学好前端，棠哥把自己频道中的视频按照学习路径顺序排序并且贴上对应链接，需要的小伙伴可以收藏一下，但是最好不要只吃灰哦~ 没事多看看，并且需要下苦工，划重点：要想把前端学好，必须要：多敲多练。多敲多练才能把前端学好哦！前端是应用类的学科，需要通过不断的练习才能成为一名合格的：前端工程师，加油小伙伴们哦~
（如果觉得有帮助的小伙伴们可以点赞关注转发一键三连哦~ 你的关注是我最大的动力！ ）
前端学习路径+视频资料整理
第一阶段：前端基础
最终目的： 能够熟练掌握HTML+CSS，并利用标准流+浮动+定位等布局技巧，独立根据UI出的设计稿进行完美还原。
视频链接：
前端基础班-day01：https://www.bilibili.com/video/BV1Mi4y1o7Gj
前端基础班-day02：https://www.bilibili.com/video/BV1La411k7oX
前端基础班-day03：https://www.bilibili.com/video/BV1iL4y1J7Fh
前端基础班-day04：https://www.bilibili.com/video/BV1sR4y1W7ma
前端基础班-day05：https://www.bilibili.com/video/BV1rr4y1U7w2
前端基础班-day06：https://www.bilibili.com/video/BV1g44y1J7vX
前端基础班-day07：https://www.bilibili.com/video/BV1sm4y1X7Mn
前端基础班-day08：https://www.bilibili.com/video/BV1vL411j7YP
前端基础班-day09：https://www.bilibili.com/video/BV1ZZ4y1Q7Xw
前端基础班-day10：https://www.bilibili.com/video/BV1nq4y1B7Kg
第一阶段拓展
最终目的： 补充主体内容以外的拓展部分，了解即可
https://www.bilibili.com/video/BV1YL411w7D6
第一阶段拔高：
最终目的： 为了确保基础班的HTML+CSS学的最够熟练，还记得棠哥最开始说的重点吗？对的！就是得多敲多练，所以课程设计时在学习以上知识点的同时，还需要融入项目的练习才对，故此基础班中有两个项目，建议配合安排的时间节点食用是最好的！
前端基础班项目1-腾讯云项目【建议学完浮动day06后，练习巩固】
https://www.bilibili.com/video/BV1ZM4y1g7Xk
前端基础班项目2-学成在线项目【建议学完定位day07后，练习巩固】
https://www.bilibili.com/video/BV1dv411w7Uy
第二阶段：移动web
最终目的： 基础班咱们已经可以使用传统布局完成pc端网页布局了，但是对于移动端页面咱们还是一片空白，因此第二阶段的目的就是：能够通过flex、rem、vw等技术实现不同移动端网页的布局效果。
视频链接：
移动web-day01：https://www.bilibili.com/video/BV1Hi4y1y7DB
移动web-day02：https://www.bilibili.com/video/BV1yr4y1z7vP
移动web-day03：https://www.bilibili.com/video/BV1Vr4y1B7Lh
移动web-day04：https://www.bilibili.com/video/BV1iU4y1d7s5
移动web-day05：https://www.bilibili.com/video/BV1UL411A771
移动web-day06：https://www.bilibili.com/video/BV1xq4y1i7w2
移动web-day07：https://www.bilibili.com/video/BV113411J7mt
第二阶段拓展练习
最终目的： 有同学对于本阶段课程中的练习还觉得力度不够，因此额外加的案例，要求：通过flex布局完成
https://www.bilibili.com/video/BV1tB4y1U74Q
第三阶段：JS基础
最终目的： JavaScript是前端的核心语言，实际工作中最多的就是用JS书写业务逻辑，因此学好JS对于每一位预备前端开发工程师都是非常重要的事情，目的JS基础阶段更多的是学习JS的基本语法。从效果上没有页面那么好玩，甚至略显枯燥，但是只有JS基础学好了，才能在之后的前端学习中游刃有余，并且到了下一个阶段webAPIs，就会用JS实现炫酷的网页效果咯~
js基础day01：https://www.bilibili.com/video/BV1fq4y1C7zg
js基础day02：https://www.bilibili.com/video/BV1pr4y1U7cN
js基础day03：https://www.bilibili.com/video/BV1JY411h7cr
js基础day04：https://www.bilibili.com/video/BV1d3411a7MB
js基础day05：https://www.bilibili.com/video/BV12m4y1U7SP
第三阶段：webAPIs
最终目的： JavaScript的组成部分有三个：ECMAScript + DOM + BOM，在上一个阶段：JS基础阶段咱们主要学的就是ECMAScript（JS的基础语法），而本阶段webAPIs学习的内容其实就是JS的后两个组成部分：DOM和BOM，在本阶段，我们可以利用学习的JS操作到页面的元素完成更多好玩的效果了。
webapi-day01：https://www.bilibili.com/video/BV1mS4y1j7YZ
webapi-day02：https://www.bilibili.com/video/BV1oq4y1y7vE
webapi-day03：https://www.bilibili.com/video/BV1M44y1L7ti
webapi-day04：https://www.bilibili.com/video/BV1xm4y1U7JN
webapi-day05：https://www.bilibili.com/video/BV1yL4y1s7V5
webapi-day06：https://www.bilibili.com/video/BV1334y117b5
webapi-day07：https://www.bilibili.com/video/BV1jT4y1i7g3
第四阶段：JS进阶
最终目的： JS进阶重点是ES6的常用新语法，这些在之后项目的开发中会经常用到，比如：箭头函数、数组的相关方法如：map、filter、forEach......、解构赋值等等，这些是必须牢牢掌握的。至于其他的关于js底层及其他内容，理解可以应付面试即满足要求。
js进阶-day01：https://www.bilibili.com/video/BV1Kv4y1Q7Pw
js进阶-day02：https://www.bilibili.com/video/BV1eG4y1g734
js进阶-day03：https://www.bilibili.com/video/BV1uA411R7qj
js进阶-day04：https://www.bilibili.com/video/BV1eG4y1g7Gp
第五阶段：ajax
最终目的： ajax阶段重点就是要能做到利用axios向服务器请求数据并相应，此外还需要结合async和await语法改写axios。其他部分理解可以应付面试要求即可。
ajax-day01：https://www.bilibili.com/video/BV1gv4y1q7J9
ajax-day02：https://www.bilibili.com/video/BV1Rv4y1i7PM
ajax-day03：https://www.bilibili.com/video/BV1dG4y117wy
ajax-day04：https://www.bilibili.com/video/BV1vY411178K
第六阶段：git+数据可视化项目
最终目的： git部分需要熟练掌握git常见命令的使用，能做把代码进行git本地托管+远程仓库托管，数据可视化项目需要做到独立实现项目中echarts中的图表，能通过学习实现一整套增（添加学生）删（删除学生）改（修改学生）查（获取所有学生并渲染）功能
git+数据可视化项目-day01：https://www.bilibili.com/video/BV1oW4y1G7jw
git+数据可视化项目-day02：https://www.bilibili.com/video/BV1uK41117Pq
git+数据可视化项目-day03：https://www.bilibili.com/video/BV16e4y1G7in
git+数据可视化项目-day04：https://www.bilibili.com/video/BV1TY411y7J9
git+数据可视化项目-day05：https://www.bilibili.com/video/BV13G4y1A7WE
第七阶段：nodeJS
最终目的： node是后面框架阶段多种工具的使用环境，为了后期框架相关工具的正常使用，在当前阶段需要熟悉nodeJS的基本语法，对于模块化的思想和语法需要认知清楚，而且需要了解webpack打包工具的基本使用流程，为后续框架阶段学习做好铺垫。
框架前置课-day01：https://www.bilibili.com/video/BV1Jm4y1873N
框架前置课-day02：https://www.bilibili.com/video/BV1mX4y117SJ
框架前置课-day03：https://www.bilibili.com/video/BV1JV4y1k7B6
第八阶段：VUE
最终目的： VUE框架是目前前端行业最常用的框架之一，在公司的招聘启事中都会要求熟练掌握VUE框架用于开发，可以说，熟练使用VUE是作为前端程序员必须要求，也是就业的重要支撑。当前阶段需要熟练记忆和使用每一个VUE的基本语法，并能够熟练使用vant-ui/element-ui等组件库完成项目开发。
VUE基础-day01：https://www.bilibili.com/video/BV1vV4y1Y7xd
VUE基础-day02：https://www.bilibili.com/video/BV1iu4y1q7yX
VUE基础-day03：https://www.bilibili.com/video/BV16X4y1x7rH
VUE基础-day04：https://www.bilibili.com/video/BV1AV4y1e7ES
VUE基础-day05：https://www.bilibili.com/video/BV1Vr4y1d7gn
VUE基础-day06：https://www.bilibili.com/video/BV1Ap4y137is
VUE基础-day09：https://www.bilibili.com/video/BV13z4y137xS
（关于：day07、day08、day10、day11属于移动端项目+pc端项目课程，目前暂不便公开分享）
待更新......
新技术分享①：fetch
fetchAPI：
