Build a Mobile App for Weather Broadcast with AI Code Generation Assistant
Workshop/ Training/ Webinar
-
Date
17 - 24 Feb 2025
-
Organiser
ITS
-
Time
14:30 - 16:30
-
Venue
Onsite (TBC) / Online
Enquiry
IT HelpCentre (Hotline) 2766 5900 / (WhatsApp/ WeChat) 6577 9669
Summary
Date: 17 Feb 2025 (Mon), 24 Feb 2025 (Mon)
Time: 14:30 – 16:30
Venue: Onsite (TBC) / Online
Target Audience: All students
Medium of Instruction: English
**Participants are required to join both sessions (2hrs x 2).
What You Will Learn
- Understand React Native and its role in mobile development.
- Understand APIs and how they work, including API endpoints, requests, and responses.
- Learn how to parse JSON data and handle errors and exceptions.
- Build a weather app using React Native, JavaScript and JSX.
- Understand the basic operation of GitLab
Agenda
- Introduction to React Native
- Overview of React Native
- Setting up the development environment - Building the App Structure
- Creating a new React Native project
- Building the basic UI for the weather app (Header, Main Content, Footer) - Fetching Weather Data
- Introduction to APIs and RESTful services
- Choosing a weather API (e.g., OpenWeatherMap, WeatherBit)
- Making API calls using React Native's fetch or Axios - Working with State and Props
- Understanding React's state and props
- Managing state in React Native (useState hook)
- Passing data between components using props - Styling the App
- Overview of React Native's styling system
- Creating reusable styles with StyleSheet - Adding Interactivity
- Handling user input (TextInput, Button)
- Allowing users to search for locations - Navigation and Routing
- Introduction to React Navigation
- Setting up navigation stack
- Navigating between screens (e.g., Home, Settings, Search) - Debugging and Testing
- Debugging techniques in React Native - Deploying the App
- Building the app for production (iOS and Android)
- Submitting the app-to-app stores (Apple App Store and Google Play Store)