1.8 KiB
1.8 KiB
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 保存修改。