DailyChallenge_WebDepartment/README.md

DailyChallenge_WebFrontend

web部2026纳新每日一题（前两周：HTML / CSS / JavaScript）

请克隆仓库以获取每日一题

学习方式

每天一个文件夹（Day_0 ~ Day_13），先看教程再动手做，每天控制在 30 分钟以内：

1. 打开当天文件夹的 README.md
2. 先点开"先学（教程）"里的链接学习（文字教程为主，B站视频选看、卡住再点开）
3. 再做"任务"，卡住才看"参考解答"
4. 把运行结果（截图或代码）贴在当日工单的评论里

提交方式

请在该工单下方"撰写"处提交你的文件然后点击"评论"，如果显示"登录 并参与到对话中"就请点击"登录"并注册你的账户

课程安排（前两周）

目录	内容	前置要求
Day_0	环境配置：VS Code + 终端 + 浏览器	无
Day_1	HTML 文档结构与常用标签	完成 Day_0
Day_2	HTML 表单与输入控件	承接 Day_1
Day_3	CSS 选择器与颜色字体	承接 Day_2
Day_4	CSS 盒模型	承接 Day_3
Day_5	Flexbox 布局	承接 Day_4
Day_6	响应式基础 + 看懂一个 AI 页面（第一周小测）	承接 Day_5
Day_7	JS 入门：变量与数据类型	承接 Day_6
Day_8	数据类型转换与运算符	承接 Day_7
Day_9	条件判断 if/else	承接 Day_8
Day_10	循环 for/while	承接 Day_9
Day_11	函数	承接 Day_10
Day_12	数组方法 push/filter/map/forEach	承接 Day_11
Day_13	对象 Object 与 JSON（第二周小测）	承接 Day_12

每个目录包含：当日题目（README.md，含教程链接、任务、参考解答）。

定位目标：前两周不要求独立手写，能看懂 AI 生成的 HTML/CSS/JS 代码就算达成。 难度递进：环境 → HTML → CSS → 布局 → JavaScript 基础

环境准备（Day_0 会详细讲）

• 编辑器：VS Code（https://code.visualstudio.com/）
• 浏览器：Chrome / Edge（自带的 F12 开发者工具是前端调试利器）
• 运行环境：Node.js（https://nodejs.org/ ，第二周 JS 需要用 node 命令运行脚本）