前端开发学习（从零开始一步步进化）

一、HTML/CSS 零基础入门（Day1-3）

1. MDN 官方文档（最权威，查语法必备） https://developer.mozilla.org/zh-CN/docs/Web/HTML https://developer.mozilla.org/zh-CN/docs/Web/CSS
2. 菜鸟教程（快速过知识点，适合速成） https://www.runoob.com/html/html-tutorial.html https://www.runoob.com/css/css-tutorial.html
3. Flex 布局可视化练习（练布局神器，上机必考） https://flexboxfroggy.com/#zh-cn
4. 响应式媒体查询实操案例 https://www.w3schools.com/css/css_rwd_mediaqueries.asp

二、原生 JavaScript（Day4-5）

1. 菜鸟 JS 快速入门 https://www.runoob.com/js/js-tutorial.html
2. MDN JS 完整教程 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
3. JS 在线代码运行（不用装软件，即时调试） https://jsrun.net/
4. JavaScript30（30 个小交互案例，练 DOM 实战） https://javascript30.com/

三、TypeScript（Day6）

1. TS 官方中文文档（速成只看基础类型、接口） https://www.typescriptlang.org/zh/docs/handbook/intro.html
2. 菜鸟 TypeScript 极简教程 https://www.runoob.com/typescript/ts-tutorial.html

四、Vue3 + Vite（Day7-8）

1. Vue3 官方文档（必看，组合式 API 核心） https://cn.vuejs.org/
2. Vite 官方快速上手 https://cn.vitejs.dev/guide/
3. Vue 在线代码沙盒，快速写 demo https://play.vuejs.org/

五、UniApp / 小程序 + ECharts（Day9）

1. UniApp 官方文档（跨端开发） https://uniapp.dcloud.net.cn/tutorial/
2. 微信小程序官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/
3. ECharts 可视化图表（直接复制示例代码） https://echarts.apache.org/handbook/zh/get-started/

六、面试刷题、上机测试题库（Day10）

1. 牛客网前端题库（实习笔试高频原题） https://www.nowcoder.com/intelligentTest
2. 前端面试题汇总（快速背诵） https://www.nowcoder.com/discuss/front-end
3. 在线上机代码测试平台（面试模拟） https://codepen.io/

七、配套工具 / 资源网站（写项目必备）

1. VS Code 下载（开发编辑器） https://code.visualstudio.com/
2. GitHub（存放你的项目代码，简历加分） https://github.com/
3. 免费图片素材（做页面项目用） https://picsum.photos/
4. 在线配色工具（页面美化） https://coolors.co/