添加 README.md

2026-09-16 18:09:17 +08:00
commit 46198aa8c9
1 changed files with 450 additions and 0 deletions
@@ -0,0 +1,450 @@
 # DailyChallenge_APP
 APP部 2026 纳新每日一题（开发基础 / 命令行 / Git / 微信小程序）
 请克隆仓库以获取每日一题。
 ## 学习方式
 每天一个文件夹（`Day_1 ~ Day_7`），**先看教程再动手做**，每天控制在 **30～60 分钟以内**：
 1. 打开当天文件夹的 `README.md`
 2. 先阅读 `README.md` 中的内容，了解当天需要使用的知识
 3. 再完成任务，遇到问题时优先尝试查阅文档、搜索或使用 AI 辅助
 4. 将运行结果、截图或代码提交到**当日工单**评论区
 ---
 ## 提交方式
 请在对应的每日工单下方“撰写”区域提交你的代码、运行截图或仓库链接，然后点击“评论”。
 如果页面显示“登录 并参与到对话中”，请先点击“登录”并注册你的账户。
 推荐从第一天开始保留自己的练习仓库，例如：
 ```text
 DailyChallenge_APP_你的名字/
 ├── Day_1/
 ├── Day_2/
 ├── Day_3/
 ├── ...
 └── Day_7/
 ```
 后续会学习使用 Git 管理这些代码。
 ---
 ## 课程安排
 | 目录 | 内容 |
 | --- | --- |
 | `Day_1` | 环境配置：VS Code + 终端 + 微信开发者工具 |
 | `Day_2` | 命令行基础：目录、文件与路径 |
 | `Day_3` | Git 入门：clone / add / commit / pull / push |
 | `Day_4` | 小程序页面基础：WXML + WXSS |
 | `Day_5` | 小程序交互：事件、data 与 `setData` |
 | `Day_6` | 页面与组件：列表、页面跳转与简单数据展示 |
 | `Day_7` | 完成一个简单微信小程序 |
 每个目录包含：当日题目（`README.md`）、学习资料、任务要求、提示以及参考解答。
 > **定位目标：**这一阶段主要帮助零基础同学建立最基本的软件开发习惯，理解文件、终端、Git、页面、数据和事件之间的关系，并能够看懂和修改一个简单的小程序项目。
 ---
 ## 每日内容简介
 ### Day_1：搭建你的开发环境
 完成最基本的开发环境配置：
 - 安装 VS Code
 - 安装 Chrome / Edge
 - 安装微信开发者工具
 - 学会打开终端
 - 成功打开并运行第一个示例项目
 当天不要求掌握编程知识。
 目标只有一个：
 > **让开发环境真正跑起来。**
 ---
 ### Day_2：程序员如何操作文件？
 学习最基本的命令行概念：
 ```text
 当前目录
 文件
 文件夹
 绝对路径
 相对路径
 ```
 以及常见命令：
 ```bash
 cd
 dir / ls
 mkdir
 pwd
 ```
 这一部分虽然看起来和 APP 开发没有直接关系，但今后使用：
 ```text
 Git
 Gradle
 Node.js
 开发服务器
 项目脚本
 ```
 都会频繁接触终端。
 ---
 ### Day_3：第一次使用 Git
 学习最基本的版本控制流程：
 ```text
 工作区
   ↓
 git add
   ↓
 git commit
   ↓
 本地仓库
   ↓
 git push
   ↓
 远程仓库
 ```
 主要使用：
 ```bash
 git clone
 git status
 git add .
 git commit -m "..."
 git pull
 git push
 ```
 当天任务是：
 > 将自己的练习文件第一次提交到 Git 仓库。
 暂时不要求掌握：
 ```text
 rebase
 reset
 cherry-pick
 复杂分支管理
 ```
 这些会在真正参与项目后逐步学习。
 ---
 ### Day_4：第一个微信小程序页面
 正式进入微信小程序。
 学习：
 ```text
 WXML
 WXSS
 页面结构
 基础组件
 文字
 图片
 按钮
 简单布局
 ```
 理解最重要的两个概念：
 ```text
 WXML = 页面结构
 WXSS = 页面样式
 ```
 当天任务可以完成一个：
 > **APP 部个人介绍页面**
 例如显示：
 ```text
 姓名
 专业
 兴趣方向
 想学习的技术
 联系方式
 ```
 ---
 ### Day_5：让页面“动起来”
 学习小程序中的：
 ```text
 事件
 data
 setData
 bindtap
 ```
 理解：
 ```text
 用户点击
   ↓
 触发事件
   ↓
 执行函数
   ↓
 数据发生变化
   ↓
 界面更新
 ```
 当天任务：
 > 完成一个简单的计数器或 Todo 页面。
 例如：
 ```text
 当前次数：0
 [ +1 ]
 [ -1 ]
 [ 重置 ]
 ```
 重点不是功能复杂，而是第一次理解：
 > **页面其实是数据的一种表现。**
 ---
 ### Day_6：从一个页面到一个小应用
 学习：
 ```text
 列表渲染
 wx:for
 条件渲染
 页面跳转
 简单的数据传递
 ```
 当天任务可以完成一个：
 > **校园活动列表**
 首页：
 ```text
 APP 部新人培训
 程序设计比赛
 社团招新宣讲
 ```
 点击某一个活动后进入详情页。
 开始建立：
 ```text
 列表页
   ↓
 详情页
 ```
 这种真实 APP 中非常常见的页面关系。
 ---
 ### Day_7：综合小测
 最后一天不再学习大量新知识。
 使用前几天的知识完成一个简单小程序，例如：
 ## Campus Helper Mini
 可以包含：
 ```text
 首页
 活动列表
 活动详情
 个人页面
 ```
 最低要求：
 - 至少两个页面
 - 使用 WXML
 - 使用 WXSS
 - 至少一次点击事件
 - 至少一次 `setData`
 - 至少一次列表渲染
 - 至少一次页面跳转
 - 使用 Git 提交代码
 - 编写简单的 `README.md`
 Bonus：
 - 本地缓存
 - 表单输入
 - 搜索 / 筛选
 - 调用简单的公开 API
 - 自定义组件
 ---
 ## 环境准备
 `Day_1` 会详细介绍。
 ### 编辑器
 VS Code
 <https://code.visualstudio.com/>
 ### 微信开发者工具
 微信官方提供的小程序开发环境。
 后续的 WXML、WXSS、JavaScript 和页面调试都会在这里完成。
 ### 浏览器
 推荐：
 - Chrome
 - Edge
 浏览器的开发者工具也是今后调试 Web 页面、接口和网络请求的重要工具。
 ### Git
 用于：
 ```text
 获取代码
 保存修改记录
 提交作业
 团队协作
 ```
 后续 APP 部正式项目原则上都会使用 Git 进行代码管理。
 ---
 ## 与 Kotlin / KMP 学习的关系
 APP 部目前主要包含：
 ```text
 微信小程序
 +
 Kotlin / Kotlin Multiplatform
 ```
 本仓库主要用于技术扫盲和小程序开发启蒙。
 Kotlin / KMP 方向已有独立教程：
 ```text
 From Kotlin to Kotlin-Multiplatform
 ```
 本每日一题主要负责所有方向共同需要的基础能力：
 ```text
 开发环境
 命令行
 项目目录
 Git
 页面
 事件
 数据
 调试
 ```
 ---
 ## 关于 AI
 欢迎使用 AI。
 在现在的软件开发过程中，能够正确使用 AI 本身也是一种能力。
 你可以让 AI：
 ```text
 解释报错
 解释一段代码
 寻找某个 API 的使用方法
 帮助检查代码
 给出修改建议
 ```
 但不建议直接：
 ```text
 复制题目
 ↓
 让 AI 完整生成
 ↓
 不阅读代码
 ↓
 直接提交
 ```
 换句话说，
 > **AI 生成的代码，我大概知道每一部分是在干什么；修改一个需求时，我知道应该去哪里改。**
 如果你能够做到这一点，本阶段的学习目标就已经基本达成。
 ---
 ## 最后的目标
 完成这一阶段以后，不要求你能够独立开发一个完整 APP。
 希望你至少能够做到：
 ```text
 看到一个项目
 ↓
 知道怎么把它 clone 下来
 ↓
 知道应该在哪个目录运行
 ↓
 能够阅读基本项目结构
 ↓
 能够修改一个简单页面
 ↓
 能够处理点击事件和页面数据
 ↓
 能够通过 Git 提交自己的修改
 ```
 做到这些，你就已经具备继续学习微信小程序、Kotlin / KMP，以及参加 APP 部真实项目开发所需要的第一层基础。