如何自学前端

前端自学学习规划：

1.怎么练习 HTML+CSS？

使用现成的 UI 设计稿然后还原他 静态的页面。 主要学习 PC+移动端网页的开发。

2.怎么找 UI 设计稿？

Figma，找几套开源的页面，你先做出来。

3.怎么学习 JavaScript

学习基本的语法，做动态效果。

学习如何使用 ajax、fetch api 请求后端数据并且显示在页面中。 把之前学习的静态页面，改为使用 JavaScript 请求返回的数据显示出来。 接口可以找带你的前端给你写好。

4.ES6 和 JS 高级

先学习理论，在工作中慢慢的使用他，用到了在回顾。 不需要立即理解掌握它，知道有就行，在做项目的时候要用到。

5.学习 nodejs。

Nodejs 就是一个可以操作客户端的语言，它可以操作电脑，当然作为服务器也是它一个功能之一。简单入门，架设 web 服务器，可以返回 json 的数据就可以了。不用特别深入，等你正式上班了，可以深入学习。

6.学习 Webpack，vite，如何打包你的 html，css，JavaScript 代码。

简单入门了解就行，不需要深入，知道有这个工具可以打包，压缩代码就可以了。初学者不需要掌握太多，一般公司用的是 vue-cli（已经不维护）。

7.学习 vue2。

Vue2+vue-cli+vuex+vue-router+axios +elementui +scss 技术栈开发多个管理后台项目。 需要熟悉一个开源项目 vue-element-admin，减少走弯路。

8.学习 vue3。

了解 vue3 组合式 api 的使用，特别是<script setup> 语法的使用，需要了解 vue2 和 vue3 的开发差异。 使用 vue3 开发 2 个管理后台项目。

Html+css(scss)+javascript+vite+Vue3+element-plus+echarts 等技术栈

9. react 入门（选学 - 有点难）

学习 react 的基本语法，主要学习 react hook 的使用。 使用 react 做 2 个管理后台项目。了解 vue 和 react 的差异，真实的项目体验。

10.小程序开发（选学）

完整跟着老师做一个项目。就算是入门了，但是做完之后，要自己做一个差不多类似的项目。不用特别难，可以简单一点的，主要是可以自己独立完成小程序开发，以及流程。

11.面试题

需要了解面试官是如何提问的，应该怎么回答，怎么做，怎么准备，准备到什么程度。

12.简历编写

你是谁、怎么联系你、你的教育经历、你会什么、怎么证明 对应的就是：基本信息，联系方式，学历信息，个人技能，项目经验

13.投简历、面试

模拟面试，查缺补漏 真实面试，要复盘面试问了什么，技术问题还是非技术问题，你怎么答的，正确答案是什么，下一次再有面试官问能不能答上来。

14. 入职

收到 offer，挑选自己喜欢的、对职业发展有帮助的公司入职