2026-09-28 18:12:34 +08:00
2026-09-28 18:12:34 +08:00
2026-09-18 12:16:12 +08:00
2026-09-28 18:12:34 +08:00
2026-09-28 18:12:34 +08:00
2026-09-28 17:55:58 +08:00
2026-09-28 17:55:58 +08:00
2026-09-28 17:55:58 +08:00
2026-09-28 17:55:58 +08:00

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 只在这个仓库里继续开发,不再创建新的应用或远程仓库。

每天固定执行同一套版本管理循环:

进入含 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 说明项目的功能、限制与迭代过程。

S
Description
APP部每日一题,希望大家有所收获
Readme 92 KiB