学习计划表
vscode，环境指引。
|---------------|----------------|-------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------|
| 章节 | 学习内容 | 重点知识点 | 推荐资源 | 预计时长 |
| 第1站：前端三大件速览 | HTML/CSS/JS基础 | HTML标签结构、CSS盒模型+Flex布局、JS变量/函数/DOM操作/事件 | B站：【3小时前端入门教程（HTML+CSS+JS）】https://b23.tv/FO6pZgO | 2小时 |
| 第2站：ES6+核心语法 | 现代JavaScript特性 | let/const、箭头函数、解构赋值、Promise、async/await、模块化 | B站：【ES6~ES13详解】https://b23.tv/uWyAlry | 1小时 |
| 第3站：React框架速览 | React组件开发 | 函数组件、JSX语法、Props传值、useState、useEffect | B站：【30分钟学会React18核心语法 】https://b23.tv/Bq3Has5 【选看-React18视频教程】https://b23.tv/tojFFep | 2小时 |
| 第4站：前端生态速览 | 开发环境与工具 | Node.js环境、npm/pnpm包管理、Vite构建工具、Ant Design组件库 | B站： 1.【20分钟入门 Node.js 】 https://b23.tv/XF3jWiw 2.【选看-Node.js零基础教程】https://b23.tv/NSriAD7 3.【npm等包管理工具】https://b23.tv/2Pl2jXG 4.【pnpm包管理器】https://b23.tv/L0Ejfnn 5.【前端构建工具】 https://b23.tv/8q6LAqQ | 1小时 |
| 第5站：网络请求与联调 | 前后端通信 | Axios请求库、Fetch API、跨域问题、CORS、代理配置 | B站：【20分钟学会网络请求的一切 前端新手遇到问题最多的技能 AJAX Axios Fetch API】 https://b23.tv/qo0lj5o | 1小时 |
| 第6站：CSS样式方案 | 样式开发方式 | CSS Modules模块化、Tailwind CSS原子化、Ant Design组件库 | B站：【1 套封神！Tailwind CSS 全链路教程】 https://b23.tv/WcSzoy5 | 1小时 |
| 第7站：状态管理速览 | React状态管理 | useState基础状态、useContext跨组件通信、状态更新原则 | B站：【一个视频带你速通react状态管理】 https://b23.tv/oTjLBes | 30分钟 |
| 第8站：调试与开发工具 | 开发效率提升 | 浏览器DevTools调试、React Developer Tools、VS Code前端插件 | B站： 1.【前端开发debugger调试秘籍】 https://b23.tv/ZoJKwwg 2.【如何像高级开发人员一样调试 React 应用程序】 https://b23.tv/SMkEcJ7 | 30分钟 |