前端学习路线指导

266 阅读2分钟

资源链接

网页翻译软件

前端学习路线总览-后面我会列出重点学习项

MDN-Web官方接口文档,在这里可以学到最准确的JS的webAPI用法和解释

前端面试题-1

前端面试题-2

前端面试题-3

前端练习题-1

前端练习题-2

AI工具

牛客

力扣

掘金

学习路线

第一阶段 - 基础技能

一、html+CSS

建议学习时长:1.5个月

重点:表单、CSS3选择器、盒模型、FlexBox、响应式设计思路、CSS预处理器

B站对应最好学习链接

二、JS基础+DOM+BOM+ES6+(重中之重)

建议学习时长2.5个月

重点:ES6语法、Promise、ES Modules、 事件循环机制、作用域、闭包、this指向、AJAX/Axios/Fetch API

B站对应最好学习链接

ES6+

三、Git

学习git版本控制的基础命令,Github的使用

学习时长:一周

第二阶段 - 前端框架与工程化

学习框架过程中可能会学到附带的东西如:包管理器npm/yarn/pnpm、UI框架、Axios、Linux命令、Canvas、调试技巧、可视化等等

一、TS

花一周时间先学习一下TS基础,在后续的框架实战上应用TS

二、Vue3

三、React

四、Webpack(了解是什么,怎么用即可,Vite类似)

五、uniapp

六:如果时间充裕且感兴趣的话、学一下Nodejs

  • 文件操作、HTTP 模块、Express/Koa 框架

阶段3 - 求职前准备

学到这里、你应该对前端有了自己的理解和认识、应该具备有知识盲点自己查阅资料的方法

  1. 根据框架视频有了自己的项目,至少2个项目,建议Vue3一个,uniapp微信小程序一个、react看时间充裕就加
  2. 整理 GitHub 主页和仓库(代码规范、README 文档)
  3. 部署个人网站展示项目(Vercel(纯前端或有现成接口免费)、或者自己买一个服务器部署)
  4. 背面试题、前端八股文、所有的面试题要至少过一遍
  5. 前端手写题
  1. 算法与数据结构
  2. LeetCode 热题100中的简单/中等题
  3. 简历面试
  4. 关注牛客、刷刷牛客,可以找到同路人
  5. 刷刷抖音(渡一)的视频
  6. 喜提offer