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

前端学习路线

基础三件套

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

相关推荐
超哥--3 小时前
B站视频内容智能分析系统(九):React 前端与管理面板
前端·react.js·前端框架
Cutecat_6 小时前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
qq_422152576 小时前
PDF 加水印工具怎么选?2026 年文档版权保护方案对比
前端·pdf·github
kyriewen6 小时前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
前端·javascript·面试
brucelee1867 小时前
OpenClaw 浏览器控制(Chrome MCP)完整教程
前端·chrome
ct9788 小时前
React 状态管理方案深度对比
开发语言·前端·react
胡志辉的博客8 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·chrome·chromium·event loop
代码不加糖8 小时前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty8 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js
AI焦点8 小时前
跨越协议鸿沟:Tool Use状态机从Anthropic到OpenAI兼容体系的适配要点
前端·人工智能