forked from ITStudio_OUC/DailyChallenge_WebDepartment
49 lines
2.1 KiB
Markdown
49 lines
2.1 KiB
Markdown
# 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` 命令运行脚本）
|