从零开始的前端学习路线

        想着也还一年就毕业了，虽然本科是软件工程，读的研是计算机应用技术，但打算学点稍微不卷的前端来规划未来。本文将作为自己从零开始学习前端的技术路线心得，并分析在每一阶段的考量、需求。记录学习心得。

前景与入门

        首先和之前学的开发、算法不同，学前端能让人处于一种比较好的反馈状态，能随时更新进展随时看到效果，这样的话对于学习的积极性会有很大的提高。在这之后学的东西可能也会变深，但一开始就培养了好兴趣，后面的枯燥学习、甚至是学全栈我觉得都是比直接学开发利大于弊的。

调查学习技术

        学习技术以阿里的P6要求为准:前端p6什么水平？如何衡量？但也只是看看，对于刚入门的我来说还是太遥远了，想着先把三个基础组件(html、css、js)学会了。另一个要求可以查阅应该怎么样学习前端呢？算是作为另一方面的补充。

调查学习路线

一、完整学习视频

摘自：https://www.bilibili.com/video/BV1i7411Z7d8
第一阶段：主打基础-HTML、CSS、JavaScript、jQuery、bootstrap
第二阶段：主打深度-JavaScript、深度jQuery、深度前后台整合jQuery+bootstrap框架
第三阶段：主打Nodejs、前端项目管理、微信小程序系列
第四阶段：主打Vue和React
小结一下看了几个视频，每阶段基本20天左右。这个的话以项目开发为主，跟着实时开发页面。但和我想要的学习更为扎实的基础，理解语言逻辑和深入XX原理的有点不一致，先放着。

二、分步学习

链接：https://www.zhihu.com/question/391474781/answer/1825774973
这篇文章是在自己看来该问题下比较真挚靠谱的回答。因此打算跟着其学习一段时间，
摘自原文：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
tip：这部分没有什么逻辑可以说的，半个月搞定，自学也顶多一个月吧？

自学路线

一、pink前端入门

        黑马程序员pink老师前端入门视频教程讲的挺基础的，自己看是开着2倍速看，目标是能实现每节课的同样效果。就目前学到P32来说，内容容量和内容深度对于纯新手友好度比较高。前30P为第一天的学习内容，和之前学校开办暑期前端培训的内容相比节奏会快一些，内容也会更多。但对于有基础的同学来说第一天的内容可能会偏少，更多的是在复习知识，能比较好的立即掌握。虽然是这样，但仍然可以自己拓展思路，在一些代码中不拘于课堂内容自己随时拓展思考和采用不一样的代码去尝试拓展新知识新内容。
        朋友建议我HTML和CSS学习直接看网上的文字教程，如博客或者W3school之类的，但我觉得反正时间还早，老老实实把这些基础过一遍不仅能培养对前端的热情和感情，还能在这过程中吸收不同前端人员的学习方法、代码习惯、审美水平。