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