Mobile App Development Using React Native

Introduction to software and mobile application development, and establish strong JavaScript foundations.

Module 1: JavaScript Syntax & Fundamentals

• 1.1 programming concepts and problem solving, variables, constants, and data types, operators and expressions, conditional statements, loops and iteration, functions, arrays and objects, string and number manipulation, error handling

Module 2: ES6+ JavaScript

• 2.1 arrow functions, destructuring, spread/rest operators, modules, introduction to asynchronous JavaScript: promises and async/await

Module 3: Tooling

• 3.1 introduction to Git and GitHub, programming exercises and JavaScript mini applications

Capstone: Personal Productivity App

• 4.1 Learners build a command-line/browser-based productivity application that demonstrates JavaScript programming fundamentals.

Introduce React and React Native, and build the first mobile interfaces.

Module 1: Introduction to React

• 1.1 React architecture, components, JSX, props, state, events, conditional rendering, lists and keys, forms and validation, React Hooks: useState, useEffect, component lifecycle concepts, reusable components

Module 2: Introduction to React Native

• 2.1 React Native architecture, Expo and React Native CLI, Android and iOS development environments, mobile layouts: View, Text, Image, ScrollView, TextInput, Button, Pressable, styling and Flexbox, responsive mobile interfaces

Capstone: Mobile To-Do & Task Management App

• 3.1 A functional mobile task-management application with task creation, editing and deletion, categories, task completion, search/filter, a responsive UI, and local data storage.

Develop professional React Native applications with navigation, forms, and reusable components.

Module 1: Navigation & Screen Management

• 1.1 React Native project structure, stack, tab, drawer, and nested navigation, navigation parameters

Module 2: Forms & Storage

• 2.1 form validation, keyboard management, local storage with AsyncStorage, device capabilities and permissions

Module 3: Lists, Media & UI

• 3.1 images and media, FlatList and SectionList, pull-to-refresh, loading and error states, reusable UI components, mobile UI/UX principles

Capstone: Expense & Personal Finance Mobile App

• 4.1 A mobile app with a user dashboard, income and expense categories, transaction history, search and filtering, monthly summaries with charts, local persistence, and a responsive mobile interface.

Connect React Native applications to backend systems and implement secure authentication.

Module 1: REST APIs

• 1.1 understanding REST APIs, HTTP and HTTPS, GET, POST, PUT, PATCH, DELETE, JSON, Fetch API, Axios, API service architecture

Module 2: Authentication

• 2.1 registration, login/logout, password security, token-based authentication, JWT, refresh tokens, secure authentication flows, protected screens, role-based access

Module 3: Integration

• 3.1 API error handling, environment variables, backend integration using Node.js/Django APIs

Capstone: Mobile Business Management Application

• 4.1 A mobile application connected to a backend API, with possible features including user registration, login, a dashboard, customer management, products/services, orders, sales, search, notifications, and profile management with API-based data storage.

Integrate cloud services, offline data, and device-level capabilities into mobile applications.

Module 1: Mobile Data Architecture

• 1.1 SQL and NoSQL concepts, Firebase fundamentals, Cloud Firestore, authentication services, cloud storage

Module 2: Real-Time & Offline

• 2.1 real-time data, push notifications, Firebase Cloud Messaging, offline-first application concepts, data synchronisation

Module 3: Device Capabilities

• 3.1 image/file uploads, camera integration, location services, maps, geolocation, deep linking, QR/barcode scanning, device permissions, background tasks

Capstone: Service Booking Mobile Application

• 4.1 A service-booking application supporting customer accounts, service discovery, provider profiles, booking, a calendar, location, notifications, image uploads, booking status, and customer/provider dashboards.

Secure, test, and optimise a mobile application to production standard.

Module 1: Secure Mobile Application Development

• 1.1 OWASP Mobile Application Security, secure authentication, token protection, secure API communication, input validation, secure local storage, secrets management, data encryption concepts, application permissions, authentication vulnerabilities, API security, secure file uploads, mobile threat modelling

Module 2: Testing

• 2.1 React Native testing: unit, component, integration, and end-to-end testing, Jest, React Native Testing Library, error monitoring, debugging

Module 3: Performance

• 3.1 performance optimisation, memory management, application startup performance, network optimisation

Capstone: Secure Mobile Application

• 4.1 Learners take an existing mobile application and perform a security assessment, authentication hardening, API security improvements, input validation, secure storage implementation, automated testing, performance optimisation, and error monitoring.

Apply advanced React patterns, state management, and real-time features at production scale.

Module 1: Advanced React Patterns

• 1.1 TypeScript with React Native: strong typing, interfaces and types, generic components, state management: Context API, Redux Toolkit, advanced and custom hooks

Module 2: Application Architecture

• 2.1 feature-based architecture, clean code principles, design patterns, dependency management, API caching, offline applications

Module 3: Real-Time & Production Readiness

• 3.1 real-time communication: WebSockets, chat functionality, advanced notifications, payment integration concepts, analytics, crash reporting, CI/CD fundamentals: GitHub Actions, build automation

Capstone: Real-Time Mobile Platform

• 4.1 A production-style application with authentication, user profiles, real-time communication, push notifications, API integration, search, file/image sharing, state management, offline support, analytics, and secure data handling.

Prepare, deploy, and maintain mobile applications in production, and complete the final capstone.

Module 1: Preparing for Production

• 1.1 Android and iOS application lifecycle, Android APK/AAB, iOS builds, Expo Application Services (EAS), app signing, certificates, provisioning profiles, application and environment configuration

Module 2: Deployment & Monitoring

• 2.1 production APIs, database deployment, cloud deployment, CI/CD pipelines, version control and release management, semantic versioning, application performance monitoring, crash monitoring

Module 3: Store Submission & Portfolio

• 3.1 App Store and Google Play requirements and submission, application privacy, terms and conditions, production maintenance, updates and version releases, mobile application portfolio development, technical documentation, CV/GitHub/portfolio development, interview preparation

Capstone: Production-Ready Mobile Application

• 4.1 The final capstone: learners design, develop, test, and deploy a complete real-world mobile application (e.g. healthcare, e-commerce, food delivery, LMS, hotel booking, property management, pharmacy, business/POS, social networking, financial management, or logistics), demonstrating professional UI/UX, authentication and authorisation, REST API integration, database integration, state management, push notifications, file/image handling, secure data management, error handling, automated testing, performance optimisation, analytics/monitoring, production deployment, and technical documentation.