82c98f0ca5e098bfa26550ca3f2e058adde32345
DailyChallenge_WebFrontend
web部2026纳新每日一题(前两周:HTML / CSS / JavaScript)
请克隆仓库以获取每日一题
学习方式
每天一个文件夹(Day_0 ~ Day_13),先看教程再动手做,每天控制在 30 分钟以内:
- 打开当天文件夹的
README.md - 先点开"先学(教程)"里的链接学习(文字教程为主,B站视频选看、卡住再点开)
- 再做"任务",卡住才看"参考解答"
- 把运行结果(截图或代码)贴在当日工单的评论里
提交方式
请在该工单下方"撰写"处提交你的文件然后点击"评论",如果显示"登录 并参与到对话中"就请点击"登录"并注册你的账户
课程安排(前两周)
| 目录 | 内容 | 前置要求 |
|---|---|---|
| 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命令运行脚本)
Description