刚入大学,如何自学前端

楼主 bg 是 211 本,4段实习,秋招到目前为止拿到了 宇宙厂、鹅厂等 Offer

有很多uu问我前端学习路线,我在这里大概准备了一套完整的路线,跟着学就好。

刚开始的话,推荐下面三个内容,可以跟着刷课,动手(20~30 天)

  • W3School:一个提供全面Web技术教程的中文网站,涵盖HTML、CSS、JavaScript等。
  • JS 除了用上面的网站,其实还会看 《你不知道的 JavaScript》(上/中/下),以及 JS 红宝书。
  • FreeCodeCamp:一个非营利性的在线学习平台,提供交互式的编程课程,专注于帮助人们通过构建项目来学习Web开发、数据可视化等技术。

在 HTML、CSS、JavaScript 都掌握的差不多了,可以简单学习一下 React & Vue,在这里做个 Demo。(5~10 天)

  • 非常推荐 React 官网提供的井子棋,可以去官网看看~
  • 以及 Vue 官网提供的一套互动教程。

在这些基础知识都了解的差不多的时候,就可以开始一个完整的项目了。(20 天+)

  • React/Vue 项目推荐 coderwhy Or 黑马的网课,可以体验一下从 0-1 如何搭建一个后台之类的系统~

在这些事情都做完之后,我后续会再写一篇文章记录如何在这个阶段找实习。

一些额外 Tips:

  • 可以关注百度/字节的青训营,我在字节青训营做的前端监控系统几乎是我秋招每场面试都会聊的东西。
  • 这个阶段也可以找些掘金上的八股一起看看,边学边记。
全部评论
神!
2 回复 分享
发布于 2024-09-25 13:02 江苏
感谢
点赞 回复 分享
发布于 2024-11-20 19:21 河南
好强!
点赞 回复 分享
发布于 2024-10-21 00:16 广西
后续呢大佬
点赞 回复 分享
发布于 2024-10-16 22:22 四川
m
点赞 回复 分享
发布于 2024-09-28 14:46 湖北
跪了
点赞 回复 分享
发布于 2024-09-25 20:47 山西
神!
点赞 回复 分享
发布于 2024-09-25 17:44 上海

相关推荐

点赞 评论 收藏
分享
11/20 火山引擎一面如何选择学习前端的学习前端过程中的感受学习过程中一些自己解决得比较有难度,比较有成就感的事页签为什么不用第三方库,和你自己做的区别是什么不同页签之间的 url 相同吗如何区分不同页签的(动态路由参数)说一下你对 websocket 的了解Websocket 如何拿到历史消息说一下文件在服务端被 ai 解析的大致流程,涉及到了哪些技术平时有用一些 ai 工具吗介绍一下双 token 无感刷新的原理请求出错时如何处理为什么不用单 token,直接延长 token 有效期不行吗为什么不全部存在 cookie 里Http 状态码有哪些500 系列一般代表什么如何处理跨域Cors 能设置哪些字段,能设置什么维度的跨域,除了域名还能设置什么什么是组合式 api,有什么好处虚拟 dom 是什么为什么一些框架的最新版在尝试去掉虚拟 dom实现一个 event 类Js 编码二叉树的实现与遍历Js 闭包应用手写11/27 火山引擎二面自我介绍接触前端时间,怎么学习的介绍一下项目,包含业务场景介绍一下技术难点介绍一下基于 websocket 的库的选择你提到了自己封装了 websocket 类,和这些库的区别是什么描述一下这个类主要的功能和 apiStomp 和 websocket 的区别是什么从网络协议七层模型上看的话,stmop 位于哪一层Tcp 和 udp 的区别Stomp 支持二进制数据传输吗还了解别的类似 stmop 的协议吗知识库用到了 rag 吗介绍第二个项目有用到微前端吗你提到了多页签功能,页签之间的隔离怎么做的权限控制的力度是怎么样的,做到了什么层级登陆怎么做的,基于 sso 还是 oauth介绍一下你了解的 oauth 的底层原理登陆态是如何保存的Jwt 的优势是什么Keep-alive 的底层原理是什么讲讲泛型判断一个变量的类型有多少种方法Promise 有多少种状态Promise all 和 race 的区别Race 的第一个失败了怎么办,会执行第二个吗,返回结果是什么前端的网络安全了解 csp 吗说一下对前端工程化的理解前端有哪些性能优化的手段了解 webpack 的 model federation 吗最小子数组和(不要求时间复杂度)实现一个 event 类12/02 字节火山三面自我介绍介绍部门业务,商业化逻辑自己的规划是什么样的介绍学生干部经历,比赛经历如何激励同学们参加学生活动的比赛中团队做了什么,自己做了什么事你觉得你们的比赛课题有实践前途吗复盘的话后续有哪些可以优化的点讨论比赛项目前端当中,做的那些事对个人成长帮助比较大说一下产品形态和技术方案这个项目是你从 0 到 1 去做的吗你刚开始的时候是如何设计代码框架的为了保证项目的扩展性,做了哪些抽象详细介绍业务拆分逻辑,一直往下拆分的话会到什么程度一个比较完整的技术方案需要包含哪些内容如何确保工程稳定性,怎么选择一个好的技术栈做业务的时候涉及到了哪些,技术栈当中有没有需要提前确定的部分什么时候开始学习的前端有什么快速学习的方法吗工作过程中,你喜欢和不喜欢和拥有什么特质的人合作针对不喜欢的人如何共处你会去做 final call 吗,强行做决定可能有哪些问题反问秋招最后的面试了,拖了好久的面经一直懒得写,但看起来有不少同学应该用得上,还是写出来了,字节的三面确实会更注重考察候选者的个人潜质和 leadership,和之前的其他的技术三面感觉很不一样
点赞 评论 收藏
分享
评论
29
121
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务