既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
软件开发基础方面：需要你了解一下软件常见的设计模式，最重要的是需要你懂得Git版本控制的使用，这在后期公司项目中经常会用到，这里也可以关注一下博主对git的讲解专栏：Git专栏 。
前端工程化
前端工程化是使用软件工程的技术和方法来进行前端的开发流程。是技术、工具、经验等规范化标准化，其主要目的是为了提高开发过程中的开发效率，减少不必要的重复时间，一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。
处于前端工程化阶段，便可以接触一下前端相关的第三方库的使用了，有了第三方的插件库的使用便极大的提高了前端程序员的开发效率。下面博主也分享了一些宝藏网站供大家使用：
CSS工程化：
CSS可谓是前端的一个门户的学科了，你前端的样式如何都是基于CSS来实现的，可是如果每次的项目都要从零开始书写CSS，我想大部分的前端程序员都会花大量的时间在设计页面上，为了解决这个问题，许多前端程序前辈竭心齐力开发了许多宝藏的CSS网站，总结如下：
bootstrap：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
RGB颜色值与十六进制颜色码转换：颜色选择的工具。
CSS按钮设计：CSS按钮的样式设计。
按钮效果：设计许多按钮的样式，让自己的页面更加绚丽多彩。
波浪生成器：设置了波浪的CSS样式。
平滑阴影：设置了CSS的平滑阴影样式。
阴影生成器：设置了CSS的阴影生成样式。
等等等好多的设置CSS样式的网站，这里博主就举这几个典型的例子，使用好这些网站，自己的设置的网站一定会填出更加绚丽的色彩！希望大家灵活应用。
JavaScript工程化：
JavaScript是前端的一个交互学科，你能做出什么样的动作都依赖于JS的实现，虽然原生JS也能实现一些功能，但是操作DOM的效率太低，为此JS推出了一个专门操作DOM的第三方库：jQuery。这个第三方库极大的提升了前端操作原生DOM的效率，这个库在前几年还是比较流行，随着时代的更替开始走下坡路，当然还是有许多公司的老项目还是使用的jQuery的，拓宽自己的视野的话，学习一下也最好。
博主推荐学习视频：这里推荐pink老师讲解的jQuery视频，赋予链接：网站传送门 。
博主推荐查询网站：这里可以看一下W3c讲解的知识，赋予链接：网站传送门 。
博主推荐阅读专栏： 这里也可以关注一下博主对jQuery的讲解专栏：jQuery专栏 。
框架工程化：
框架工程化也是脱胎于JS工程化，在前端工程化阶段中，你至少需要学会并掌握一门主流的前端开发框架（Vue / React），并懂得配合脚手架、组件库工具等从0开始独立搭建并开发一个完整的前端网站，可以参考一些经典案例一些知名网站进行仿写，感受前端工程化的优势。
对于框架学习的先后顺序没有太大要求，Vue相对于React来说比较简单，符合国内人的开发编程习惯，先学Vue可能是一个比较不错的选择，可正因为Vue的简单，带来的就是会React的开发者工资会比会Vue的开发者工资高，当然看个人选择。
Vue框架学习路线总结如下
博主推荐学习视频：这里博主推荐首先看一遍黑马的pink老师讲解的Vue全套视频教程，赋予链接：网站传送门 ，这套教程讲解的比较基础，其次再看一遍尚硅谷的张天禹老师讲解的vuejs从入门到精通，赋予链接：网站传送门 。这套教程讲解的Vue比较底层一点，两套教程都建议去看一遍Vue才能说可以是入门了。
博主推荐查询网站：这里可以看一下vue的官方文档，赋予链接：网站传送门 。
博主推荐阅读专栏：这里也可以关注一下博主对vue的讲解专栏：vue技术栈 。
React学习路线总结如下
博主推荐学习视频：这里博主推荐首先看一遍黑马的pink老师讲解的React零基础入门教程，赋予链接：网站传送门 ，这套教程讲解的比较基础，其次再看一遍尚硅谷的张天禹老师讲解的React教程，赋予链接：网站传送门 ，这套教程讲解的React比较底层一点，两套教程都建议去看一遍React才能说可以是入门了。
博主推荐查询网站：这里可以看一下react的官方文档，赋予链接：网站传送门 。
博主推荐阅读专栏：这里也可以关注一下博主对react的讲解专栏：react技术栈 。
这个前端工程化阶段，可以说是整个前端的核心重点，需要大家去认真的打磨去积累，争取完整的做几个项目，并结合Git将自己的项目上线到开源仓库上，只有这样才能让自己的技术得到稳步的提高。
前端进阶
由于现在前端行业的内卷严重，导致现在很多的企业都要求你会其他的一些前端必备技能，如下：
现在许多公司都要求前端需要掌握nodeJS，现在给出如下学习路线
Node.js的话不要求你学的有多深，至少自己能够懂得express框架，能够自己独立的写一套接口出来就行，当然如果想法的朋友想从事全栈方向发展的，node.js的话，可以学的深一点，这样未来学习其他的后端语言的压力也能小一点。
博主推荐学习视频：这边博主推荐看一下黑马刘老师的Node.js全套入门教程，赋予链接：网站传送门 ，课程作为框架前置课，重点铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点。
博主推荐查询网站：这里可以看一下菜鸟教程讲解的Node.js的文章：网站传送门 。
博主推荐阅读专栏：这里也可以关注一下博主对node的讲解专栏：node专栏 。
现在好多的互联网公司的项目开始用TS来取代JS，所以学习TS来提升自己的核心竞争力，如下：
TS的话，博主建议还是好好学一学，现在的好多互联网公司项目都开始将TS来取代JS了，如果你懂得TS的话，未来去公司工作也能减少一些阻力。
博主推荐学习视频：博主这边推荐黑马的TypeScript零基础入门到实战全套教程，赋予链接：网站传送门 ，从零开始学习 TypeScript，上手时不需要工程化配置，完全没有任何学习负担。
博主推荐查询网站：这里可以看一下菜鸟教程讲解的TypeScript的文章：网站传送门 。
博主推荐阅读专栏：这里也可以关注一下博主对TS的讲解专栏：TS专栏 。
如果想往移动端方向发展的朋友，微信小程序是一个不错的选择，如下：
小程序的话，公司要求的不是很高，因为小程序基本算是vue和react缝合的一个东西，好多的功能实现比较简单，所以入门还是比较简单的，感兴趣的朋友也可以去学习一下。
博主推荐学习视频：博主这边推荐黑马的微信小程序讲解，赋予链接：网站传送门 ，课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。
博主推荐查询网站：微信小程序的话查阅资料还是推荐看官方文档，赋予链接：网站传送门 。
博主推荐阅读专栏：这里也可以关注一下博主对微信小程序的讲解专栏：小程序专栏 。
还想在前端更进一步的话，还是推荐学习一下网络安全方面的知识，结合自己的前端方向形成一套前端安全体系，这样自己的核心竞争力才能提高，当然还是一些前端优化方面的知识也是需要去了解一点的，至少知道一些基础的前端优化手段等等，后期博主会专门出一栏讲解前端安全方面的知识，尽请期待！！！
前端求职
目前前端行业的就业前景相较于前几年来说，开始走下坡路了，以前的前端求助只会一个jQuery框架就能找到实习工作，而相较于现在来看，你只会一个jQuery是HR连看你简历的欲望都没有，所以对于现在的前端就业来说，求职是一个漫长的过程，建议拉长战线尽早准备。
物竞天择，适者生存。任何一个行业如果不够努力的话，终究会在滚滚的历史洪流中被淹没，如果想尽早上岸，必须要时刻保持 谦逊、求知、坚持、热忱 的精神状态。以下是博主为前端求职者准备的一些小Tips，希望大家都能找到自己满意的工作，争取人人都能冲击大厂！！！
博主推荐学习视频：这里博主推荐的视频是金渡教育的前端高频面试讲解，赋予链接：网站传送门
博主推荐查询网站：面试查询的网站的话，博主推荐看一下牛客，赋予链接：网站传送门
博主推荐阅读专栏：这里也可以关注一下博主对面试的讲解专栏：手撕面试题
看完面试题，掌握了以前忘记的理论知识以后呢，还是要进行一些题目的练习的，编程不是只靠理论就能学会的东西，得自己多敲多练，形成自己的肌肉记忆，这样才能在任何的问题面前变得游刃有余，而不至于手忙脚乱不知所措。
博主推荐刷题网站：这里的话我个人是推荐力扣和牛客的，里面的题型众多，也有其他大佬的刷题的答案讲解，与自己所写的答案相互印证，这样我觉得提高还是很快的。
博主推荐阅读专栏：这里也可以关注一下博主的前端刷题讲解专栏：前端刷题 。
前端未来
从前端的岗位上来说，因为前端的工作性质，只要有互联网公司必定有前端。移动互联网在持续发展，前端开发技术也是在不断进步的，前端应用市场越来越广泛。前端开发现在正在走向工程化发展，无论是大小公司企业，对前端开发的需求都是越来越大，也越来越专业了。
总得来说，这个行业的前景是很广阔的。大家平时也可以多多看一下公司对前端的招聘需求等等，多多了解现在互联网公司对前端行业的要求有哪些，避免自己的盲目自学：
以上是一些互联网公司对前端工程师的一些要求，一言以蔽之：前端三件套、前端框架是必须得会的，也要懂一点后端语言，至少你也得有项目经验，毕竟公司招你是让你去干活而不是花代价去培养你的，不管未来如何波诡云谲，努力才是上岸的正确途径。
写在最后
以上是博主自学一年前端总结的一些经验，虽然不是特别的准确但是至少能够给刚入学的前端小白一个借鉴的分享，因为前端技术日新月异，博主会每年都会将这篇文章进行更新修改，争取能够符合当前的社会发展状态，接下来我也会把一些人可能问到的问题总结如下，给大家分享一下我的经历：
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
.(img-F8HDmw3P-1714906745227)]
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
963
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
