过来人的经验-前端学习路线

前端学习路线

基础三件套

1、HTML+CSS

视频资源 1:尚硅谷前端 html+css 零基础教程,2023 最新前端开发 html5+css3 视频哔哩哔哩 bilibili

视频资源 2:https://www.bilibili.com/video/BV14J4114768/

注意 这部分最好看尚硅谷的 黑马的讲的较为简略 且自我感觉很多都没讲明白

学习周期:2-3 周

学习注意事项:html 快速过一遍即可,开发当中往往用 div 标签可以解决 90% 的场景,标签

效果不重要,但不是默认效果不重要,语义最重要,css 当中浮动快速过一遍即可,属于过时的技术。位移、动画、3D 快速过一遍即可,特别是 3D,我至今没见过实际应用场景,面试也没讲过靠 3D 的。css 当中的 flex 布局重点学习,非常重要!!!现代前端开发需求当中,布局基本都是使用 flex 布局,此外定位也要认真学习,使用频率非常多。

2、JavaScript 和 es6

JS 基础视频资源:【黑马程序员前端 JavaScript 入门到精通全套视频教程,javascript 核心进阶 ES6 语法、API、js 高级等基础知识和实战教程】https://www.bilibili.com/video/BV1Y84y1L7Nn

ES6 视频: https://www.bilibili.com/video/BV1uK411H7on/

ES6 文档:https://es6.ruanyifeng.com/ 阮一峰

学习周期:2-3 周

注意事项:学习一遍知道有这些东西就行,最好上手敲一下,加深记忆,做项目的时候做到某个需求你能知道该用什么,然后再搜用法就行,看完自己做项目手动敲发现不会很正常,要不然企业也不会看重项目经历和实习经历了。es6 的 promise 认真学习,很重要,迭代器、生成器可以跳过。后面有时间再认真学习,推荐后面进阶的时候看下面的 JavaScript 进阶课程,讲的比较透彻。

框架

1.Vue2+Vue3

视频资源(强烈推荐):https://www.bilibili.com/video/BV1Zy4y1K7SH/

vue3 独享版:https://www.bilibili.com/video/BV1Za4y1r7KE/

vue 视频教程看到安装 node 的时候,不要安装 node,去安装 nvm:

nvm 安装教程:https://www.cnblogs.com/rnny/p/17839190.html

注意:其实教程里面的知识点都很重要,实际开发当中最常用的就是 ref、onMounted、watch,这三个能解决 90% 的问题

2.React

视频资源:https://www.bilibili.com/video/BV1ZB4y1Z7o8/

注意:这个也是都很重要,不过实际开发最常用的是 useState、useRef、useEffect,这三个能解决 90% 的问题

注:初学者 react 和 vue 学其一即可,然后等后面做完实战项目后,另一个看文档学习即可,上手很快

学习周期:两周

注意事项:vue 使用中小厂居多,大厂使用 react 居多,根据自己的目标选择学习,当然也不是说所有大厂都用 react,所有中小厂都用 react。自己综合判断,业内都倾向于 vue 比较好上手(可以参考一下)。学完其中一个冰鞋上手做过项目之后,学习另外一个就会变得很快

网络请求: axios:https://www.bilibili.com/video/BV1wr4y1K7tq

学习周期:一天

学习项目

小兔鲜(vue3):https://www.bilibili.com/video/BV1Ac411K7EQ/

学习周期:2-3 周

注意:找实习尽量还是不要去写这个项目到简历上面,最好是在个人介绍的时候介绍一下。这个项目能让你初步认识前端如何用 axios 和后端沟通以及组件库如何使用,认识一下组件库。当然如果觉得上手组件库比较困难,可以观看一下视频看看如何使用组件库,市面上的组件库有很多,还是建议大家可以养成看组件库文档的习惯和能力,因为很多组件库是没有相应的上手教程视频的。

简历项目

推荐前端项目方向:前端编辑器,比如 markdown 编辑器、富文本编辑器等等;打包工具,比如 mini-vite、mini-webpack 等等;协同在线文档;低代码平台;框架,比如 mini-react、mini-vue 等等.......

前端八股

https://juejin.cn/post/6905539198107942919

学完以上这些内容,完成 2-3 个项目,你就可以写简历投递实习了,简历做到尽可能体现自己的能力而不是把一些不想关的东西放到简历上面,比如我是班长、我在学生会做过什么等等,没有用,跟你的岗位没有任何匹配度。个人介绍可以写热爱技术之类的话语,一定要尽量往岗位匹配度上面靠,之后我会写一个单独的简历制作相关视频和文档,教大家如何制作简历

相关推荐
掘金安东尼15 小时前
⏰前端周刊第 453 期(2026年2月9日-2月15日)
前端·javascript·面试
Amumu1213815 小时前
CSS进阶导读
前端·css
anyup15 小时前
uniapp开发的鸿蒙应用上架后,竟然月入4000+
前端·vue.js·harmonyos
无尽的沉默15 小时前
使用Thymeleaf配置国际化页面(语言切换)
前端·spring boot
代码老中医16 小时前
接手老项目的一个月,我重构了那个2000行的“祖传”React组件
前端
用户830407130570116 小时前
路由传参刷新丢失问题:三种解决方案与最佳实践
前端
从文处安16 小时前
「前端何去何从」高效提示词(prompts):前端开发者的AI协作指南
前端·aigc
大时光16 小时前
gsap--《pink老师vivo官网实现》
前端
www_stdio16 小时前
全栈项目第五天:构建现代企业级 React 应用:从工程化到移动端实战的全链路指南
前端·react.js·typescript
my_styles16 小时前
window系统安装/配置Nginx
服务器·前端·spring boot·nginx