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

前端学习路线

基础三件套

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

相关推荐
Shi_haoliu12 小时前
openClaw源码部署-linux
前端·python·ai·openclaw
程序员小寒12 小时前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·网络·性能优化
烛阴12 小时前
Claude CLI AskUserQuestion 工具详解:让 AI 开口问你
前端·claude
wal131452013 小时前
OpenClaw教程(九)—— 彻底告别!OpenClaw 卸载不残留指南
前端·网络·人工智能·chrome·安全·openclaw
mon_star°13 小时前
在TypeScript中,接口MenuItem定义中,为什么有的属性带问号?,有的不带呢?
前端
牛奶13 小时前
分享一个开源项目,让 AI 辅助开发真正高效起来
前端·人工智能·全栈
次顶级14 小时前
表单多文件上传和其他参数处理
前端·javascript·html
why技术14 小时前
我拿到了腾讯QClaw的内测码,然后沉默了。
前端·后端
谪星·阿凯15 小时前
XSS漏洞解析博客
前端·web安全·xss