前端学习路线

前端学习路线

大致的路线图：

（个人看法）

1.笔记管理

• 使用 Typora / vscode 等工具将笔记存储在本地；

  破解版：http://www.itmind.net/13398.html

• 使用 github / gitee 笔记存放到云端；

• 使用 github page 外加 vuepress 等工具将笔记在线发布；

2.git 和 github

git 教程：

https://www.bilibili.com/video/BV1TA411q75f/?spm_id_from=333.337.search-card.all.click&vd_source=e5d12c1cab2795094fb351bf2e212c4e

3.html,css,JavaScript

html，css 教程：

https://www.bilibili.com/video/BV14J4114768/?spm_id_from=333.337.search-card.all.click

JavaScript 教程：

https://www.bilibili.com/video/BV1Sy4y1C7ha/?spm_id_from=333.337.search-card.all.click&vd_source=e5d12c1cab2795094fb351bf2e212c4e

4.框架

Vue2，Vue3 教程：

https://www.bilibili.com/video/BV1zq4y1p7ga/?spm_id_from=333.337.search-card.all.click&vd_source=e5d12c1cab2795094fb351bf2e212c4e

React 教程：

https://www.bilibili.com/video/BV1wy4y1D7JT/?spm_id_from=333.337.search-card.all.click

5.js 后端

nodejs，express 教程：

https://www.youtube.com/watch?v=sq3FAlPQEyM&list=PLE4XbebCbtzFwGFTalZIRkRgGTXoKfW-1

Mysql 数据库：

（看基础部分就行）

https://www.bilibili.com/video/BV1Kr4y1i7ru/?spm_id_from=333.337.search-card.all.click

axios 和组件库：

看官网和一些文章上的实例就 ok，会用就行

6.项目

在 b 站上搜索就 ok，可以对着抄一些项目，但是最后还是要自己加入项目组做项目才行，现在 hr 一眼就能看出你是培训班出来的。

一个商城：

https://www.bilibili.com/video/BV17b4y1778c/?p=33&spm_id_from=333.880.my_history.page.click&vd_source=e5d12c1cab2795094fb351bf2e212c4e

7.uniapp

可以制作小程序，没必要找教程去学了，就是 Vue2 和 Vue3 的内容。

8.typescript

建议找一个最短的视频看一下就行，因为本身和 JavaScript 的语法是没有区别的，重要的是拿它再写一个项目。

9.canvas 游戏开发

这个其实是 h5 的新特性，但是平时用的比较简单，甚至用不到，实际上是可以用来做游戏的。

canvas 教程：

https://www.youtube.com/watch?v=9FpWOCiVqJE&list=PLE4XbebCbtzHBTKXC0k7LQm6RGRFd-fwx

10.TS 项目

教程里有 vue, 可以直接看项目：

https://www.youtube.com/watch?v=XzrhjDu062o&list=PLQAeuK_iqYCcO1NhqCnl-6PGY-GCt713_

个人经验

一开始的时候觉得前端东西和后端比很少，但其实还是非常多的，主要是各种各样的设备上都需要有页面，也就催生了所谓的大前端时代，前端不仅开发安卓、苹果、甚至手表，不仅前端，甚至后端都可以由前端来完成，但是由于本身的一些缺陷，企业大多选择 java 框架来做后台开发。但 js 确实是为数不多可以写全栈的语言。

• 不要同时学几样东西，往往一样都学不会，像我就比较急躁，有时候会贪多嚼不烂的；
• 基础的东西能看多快就多快，有些东西面试的时候会问到，但平常开发根本用不到；
• 最关键是要知道整个做项目的流程，这个往往比用什么技术要更重要，也就是说比如要做一个 app，明确需求和技术栈就行，具体的做不了还是做得了，往往都是会做的，网上都有答案
• 学会阅读技术博客和官方文档，一般人像我根本看不下去的；
• 和后端之间的交流很重要，和 ui 之间的交流很重要；
• 其实看什么课程根本无所谓，重要的是会用（做项目），而不是搞懂（这里是个人见解），我一般都是在会用之后过一段时间用多了才知道为什么这么写方便，而不是学的时候就一直纠结为什么这么写，没有意义；
• 确定自己的方向还是挺重要的，前端、后端、运维、测试，后端的发展空间会更高，其实就是因为我说的第三点，后端对整个项目的把控是远远高于其他成员。