前端路线

前端路线：

第一部分：(基础)

• html

• css

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

• html5

• css3

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

• 尚优选（练习如何布局）

  https://www.bilibili.com/video/BV1ra411X7RX/?vd_source=fb74ca8f85f5680ee6b71243e4bd4322

• 学完这些之后，自己手敲一个京东页面，一个博学谷页面（脱离视频）

第二部分：（进阶）

• javaScript（这个很重要）

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

• javaScript高级

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

• AJAX（发请求用到的）

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

• es6（同样重要）

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

• Promise

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

• axios

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

• node.js（前端的后台）

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

• webpack5

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

  https://www.bilibili.com/video/BV1e7411j7T5/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

  https://www.bilibili.com/video/BV1e7411j7T5/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

第三部分：（框架）

• Vue2+Vue3

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

• vue2项目实战

  https://www.bilibili.com/video/BV1Vf4y1T7bw/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• 微信小程序

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

• 微信小程序实战

  https://www.bilibili.com/video/BV12K411A7A2/?spm_id_from=333.999.0.0&vd_source=621637a62188143a3e1e83d34f9035a2

• node项目

  https://www.bilibili.com/video/BV17b4y1778c/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• vue3教学（上面大部分都为vue2，此视频为单独的vue3教学）

  https://www.bilibili.com/video/BV1NR4y1x7Ab/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• vue3项目实战

  https://www.bilibili.com/video/BV1uB4y1a7se/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• TypeScript

  https://www.bilibili.com/video/BV1Xy4y1v7S2/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• React

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

• React项目（react版本更新快，并且版本之间更新比较大，如果博客更新不及时，请自行选择）

  https://www.bilibili.com/video/BV1gh411U7JD/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2（2021）

  https://www.bilibili.com/video/BV1FV4y157Zx/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2（2022）

第四部分：（其他）

• 大厂面试题

• Git

  https://www.bilibili.com/video/BV1vy4y1s7k6/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

  https://www.bilibili.com/video/BV1MU4y1Y7h5/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2

• jQuery（可学可不学）

• Linux

  https://www.bilibili.com/video/BV1Sv411r7vd/?spm_id_from=333.337.search-card.all.click&vd_source=621637a62188143a3e1e83d34f9035a2