arthur
61 lines
3.2 KiB
Markdown
61 lines
3.2 KiB
Markdown
# DailyChallenge_APP
|
||
|
||
APP 部 2026 纳新每日一题（开发基础 / 命令行 / Git / React Native）。
|
||
|
||
每个 `Day_1` ~ `Day_7` 文件夹中都有当天教学与任务。建议每天投入约 30～80 分钟（以当天题目为准）：先读 `README.md`，再完成任务，并将代码、运行截图或仓库链接提交到当天工单。
|
||
|
||
## 项目开发启蒙
|
||
|
||
前三天按各自题目完成：Day_1 创建 `CampusHelper` Expo 应用，Day_2 练习命令行，Day_3 建立个人 Git 仓库。Day_4 将 Day_1 的应用文件整理进 Day_3 的仓库；Day_5～Day_7 只在这个仓库里继续开发，不再创建新的应用或远程仓库。
|
||
|
||
每天固定执行同一套版本管理循环：
|
||
|
||
```text
|
||
进入含 package.json 的个人仓库 → git status / git pull → 编码并运行 → git diff
|
||
→ git add 指定文件 → git commit → git push
|
||
```
|
||
|
||
推荐的提交里程碑：
|
||
|
||
| 日期 | 项目增量 | 推荐 commit |
|
||
| --- | --- | --- |
|
||
| Day_3 | 建立个人 Git 练习仓库 | `docs: 完成 Day_3 的 git 练习` |
|
||
| Day_4 | 将应用纳入仓库，完成个人信息卡片 | `feat: 开始开发校园助手` |
|
||
| Day_5 | 学习打卡计数器 | `feat: 加入学习打卡器` |
|
||
| Day_6 | 数据驱动的校园活动列表 | `feat: 展示校园活动` |
|
||
| Day_7 | 想参加标记、测试与项目说明 | `feat: 完成校园助手_v1` |
|
||
|
||
> 开始当天任务前若 `git status` 不是干净状态，先处理昨天未提交的修改；不要带着来历不明的改动继续写。
|
||
|
||
## 课程安排
|
||
|
||
| 目录 | 内容 |
|
||
| --- | --- |
|
||
| `Day_1` | 环境配置：VS Code、Node.js、Git、Expo Go 与第一个 React Native 应用 |
|
||
| `Day_2` | 命令行基础：目录、文件与路径 |
|
||
| `Day_3` | Git 入门：clone / add / commit / pull / push |
|
||
| `Day_4` | React Native 页面基础：组件、JSX 与 StyleSheet |
|
||
| `Day_5` | React Native 交互：事件、state 与 `useState` |
|
||
| `Day_6` | 数据与列表：数组、对象、`FlatList` |
|
||
| `Day_7` | 综合实践：状态组合、测试、README 与版本回顾 |
|
||
|
||
> **目的：**帮助零基础同学建立项目意识与开发习惯，初步理解 React Native 的组件、样式、事件、状态和列表，并能说明自己如何逐步完成一个应用。
|
||
|
||
## 技术栈
|
||
|
||
本阶段使用 React Native + Expo：
|
||
|
||
- React：用组件描述界面，用 state 管理会变化的数据。
|
||
- React Native：将 React 组件渲染为 Android / iOS 原生界面。
|
||
- Expo：提供适合入门的项目脚手架、开发服务器与真机预览流程。
|
||
|
||
默认 Expo 模板可能带有 Expo Router 页面结构；本阶段先使用已有首页，不要求额外安装导航库或掌握多页面路由。
|
||
|
||
不需要 Android Studio、Xcode 或微信开发者工具；使用 Expo Go 扫码即可在手机上预览。
|
||
|
||
## 最终项目：CampusHelper
|
||
|
||
第七天将完成一个小型校园助手应用，至少包含个人信息卡片、学习打卡计数器、校园活动列表和“想参加”标记。该标记只是本地界面状态，不代表真实报名，也不会在重启后保留。
|
||
|
||
完成后，你应能从仓库根目录启动开发服务器、修改组件、处理点击事件、更新 state、渲染列表，并用 Git 和 README 说明项目的功能、限制与迭代过程。
|