Files
DailyChallenge_APPDepartment/README.md
T
2026-09-18 12:16:12 +08:00

1.8 KiB
Raw Blame History

DailyChallenge_APP

APP 部 2026 纳新每日一题(开发基础 / 命令行 / Git / React Native)。

每个 Day_1 ~ Day_7 文件夹中都有当天教学与任务。建议每天投入 30~60 分钟:先读 README.md,再完成任务,并将代码、运行截图或仓库链接提交到当天工单。

课程安排

目录 内容
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 综合完成一个 React Native 校园助手应用

**目的:**帮助零基础同学建立开发习惯,理解项目、组件、状态、事件、列表与导航,并能阅读和修改一个简单的 React Native 应用。

技术栈

本阶段使用 React Native + Expo:

  • React:用组件描述界面,用 state 管理会变化的数据。
  • React Native:将 React 组件渲染为 Android / iOS 原生界面。
  • Expo:提供适合入门的项目脚手架、开发服务器与真机预览流程。
  • React Navigation:处理多页面应用的页面跳转。

不需要 Android Studio、Xcode 或微信开发者工具;使用 Expo Go 扫码即可在手机上预览。

最终项目:CampusHelper

第七天将完成一个小型校园助手应用,至少包含个人信息卡片、学习打卡计数器、校园活动列表,以及活动详情页与报名状态切换。

完成后,你应能从项目目录启动开发服务器、修改一个组件、处理点击事件、更新 state、渲染列表、在页面间传递参数,并用 Git 保存修改。