1、HTML+CSS（1個月）

（1）視頻：B站李立超老師（[前端基礎(chǔ)入門教程 HTML CSS 李立超_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV18T411S71R/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

（2）官網(wǎng)：[w3school 在線教程](https://www.w3school.com.cn/)

（3）學(xué)完檢測方法：自己找一個官網(wǎng)模仿寫出一個靜態(tài)網(wǎng)頁（eg：京東、小米等）

2、Javascript（2個月）

（1）視頻：B站李立超老師（[JavaScript核心基礎(chǔ)_講師（李立超）_JS教程_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1mG411h7aD/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

?（2）官網(wǎng)：[JavaScript - 學(xué)習(xí) Web 開發(fā) | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/learn/JavaScript)

（3）學(xué)完檢測方法：

?方法一：將上述靜態(tài)網(wǎng)頁變成一個動態(tài)網(wǎng)頁

方法二：刷題：

- 1）求職刷題神器：[趣IT官網(wǎng)-互聯(lián)網(wǎng)求職刷題神器 (funit.cn)](https://www.funit.cn/)??

- 2）Leetcode刷題：配合以下資料

- 微信公眾號：labuladong

- YouTube：Back To Back SWE

- B站：花花醬LeetCode + 小Q刷題 + 綿羊教授

- 3）刷題：https://www.funit.cn/

?3、Git（4天）

?（1）視頻：B站李立超老師（[Git和GitHub視頻教程-李立超_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1124y117Dr/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

（2）官網(wǎng)：[快速入門 - GitHub 文檔](https://docs.github.com/zh/get-started/quickstart)

?（3）學(xué)完檢測方法：多練熟悉這些命令即可，同時可以創(chuàng)建GitHub或Gitee賬號

?4、WebPack（3天）

?（1）視頻：B站李立超老師（[前端構(gòu)建工具（webpack&vite）教程 李立超_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1Kd4y147gg/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

?（2）官網(wǎng)：[webpack | webpack 中文文檔 | webpack 中文網(wǎng) (webpackjs.com)](https://www.webpackjs.com/)

?（3）學(xué)完檢測方法：多練習(xí)視頻中的命令和代碼

?5、Ajax（4天）

?（1）視頻：B站李立超老師（[REST和AJAX（包含F(xiàn)etch和Axios）李立超_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1Gg411z7fA/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

?（2）官網(wǎng)：[Ajax - Web 開發(fā)者指南 | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX)

?（3）學(xué)完檢測方法：多練習(xí)視頻中的命令和代碼

?6、Nodejs（10天）

?（1）視頻：B站李立超老師（[REST和AJAX（包含F(xiàn)etch和Axios）李立超_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1Gg411z7fA/?spm_id_from=333.999.0.0&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

?（2）官網(wǎng)：[Nodejs官網(wǎng) - 搜索 (bing.com)](https://cn.bing.com/search?q=Nodejs%E5%AE%98%E7%BD%91&qs=n&form=QBRE&sp=-1&lq=0&pq=nodejs%E5%AE%98%E7%BD%91&sc=10-8&sk=&cvid=6BACD20BD1DF458B931F860875CA7604&ghsh=0&ghacc=0&ghpl=)

?（3）學(xué)完檢測方法：多練習(xí)視頻中的命令和代碼

7、Vue（1個月）

?（1）視頻：B站尚硅谷（[尚硅谷Vue2.0+Vue3.0全套教程丨vuejs從入門到精通_嗶哩嗶哩_bilibili](https://www.bilibili.com/video/BV1Zy4y1K7SH/?spm_id_from=333.337.search-card.all.click&;vd_source=fe7716d1fb7f47158157be0a5684fb46)）

?（2）官網(wǎng)：[Vue.js - 漸進式 JavaScript 框架 | Vue.js (vuejs.org)](https://cn.vuejs.org/)

（3）學(xué)完檢測方法：寫項目

?8、其它工具

?（1）Obsidian做筆記

?（2）Vscode寫代碼