App Development
Duration : 75
The React Native course teaches you how to create high-performance mobile applications that work on both Android and iOS with a single codebase. You’ll learn React fundamentals, component-based architecture, state management, navigation, API integration, and styling techniques for mobile UI/UX. The course also covers debugging, performance optimization, and publishing apps to app stores. By the end, you’ll have the skills to design, develop, and deploy fully functional cross-platform mobile applications using React Native.
Course Outline
Introduction to App Development & JavaScript Refresher
Topics
What is Mobile App Development?
Native vs Cross-Platform
Introduction to React Native
Setting up Node.js, npm, VS Code
- JavaScript Basics (variables, functions, arrays, objects)
- ES6+ Features (arrow functions, destructuring, spread/rest)
React Basics
Topics
What is React?
JSX Syntax
unctional Components & Prop
useState Hook
useEffect Hook
List rendering and Conditional renderin
Events and Event Handling
Getting Started with React Native
Topics
Installing Expi
Creating your first React Native app
React Native folder structure
Styling with StyleSheet
Flexbox Layouts
Touchable Components (Button, TouchableOpacity, etc.)
Icons and Custom Fonts
React Navigation
Topics
Installing React Navigation
Stack Navigator
Bottom Tab Navigator
Passing Data Between Screens
Header Customization
Drawer Navigation (optional
Handling Forms & User Input
Topics
TextInput & Keyboard Avoidin
Form Handling with useState
Validation Basics
Introduction to Formik and Yup (form management and validation)
Keyboard Dismiss and SafeAreaVie
Working with APIs
Topics
What is an API?
Fetching data using fetch() and axios
Using FlatList with API dat
Pull to Refresh and Loading Indicator
Error Handling
Local Storage & Firebase Introduction
Topics
AsyncStorage for storing data locall
Firebase Setup
Firebase Authentication (Signup/Login
Firestore Basics (Read/Write Data)
Realtime Database (Optional
Advanced Topics
Topics
-Reusable Components
Context API for State Management
Push Notifications (basic intro with Expo
Image Uploads (with Firebase or server)
Responsive Design in React Native
Capstone Project
Topics
Build a Real-World App, such as
To-Do App with Login
Notes App with Firebase
Expense Tracker
E-Commerce Frontend Ap
Features Covered in Project
User Authentication
Topics
User Authentication
Navigation
Forms
API Integration
Local & Firebase Storage
Responsive UI
Debug, Test, and Deploy
Topics
Testing on Real Device
Debugging Techniques
Building APK (Expo EAS or React Native CLI)
Uploading app to Google Drive or sharing for review
Project Submission
Complete functional mobile app
Source code uploaded to GitHub
Project walkthrough/demo
Certificate of Completion
| Introduction to App Development & JavaScript Refresher | |
| Topics | |
|---|---|
| What is Mobile App Development? | |
| Native vs Cross-Platform | |
| Introduction to React Native | |
| Setting up Node.js, npm, VS Code | |
| - JavaScript Basics (variables, functions, arrays, objects) | |
| - ES6+ Features (arrow functions, destructuring, spread/rest) | |
| React Basics | |
| Topics | |
|---|---|
| What is React? | |
| JSX Syntax | |
| unctional Components & Prop | |
| useState Hook | |
| useEffect Hook | |
| List rendering and Conditional renderin | |
| Events and Event Handling | |
| Getting Started with React Native | |
| Topics | |
|---|---|
| Installing Expi | |
| Creating your first React Native app | |
| React Native folder structure | |
| Styling with StyleSheet | |
| Flexbox Layouts | |
| Touchable Components (Button, TouchableOpacity, etc.) | |
| Icons and Custom Fonts | |
| React Navigation | |
| Topics | |
|---|---|
| Installing React Navigation | |
| Stack Navigator | |
| Bottom Tab Navigator | |
| Passing Data Between Screens | |
| Header Customization | |
| Drawer Navigation (optional | |
| Handling Forms & User Input | |
| Topics | |
|---|---|
| TextInput & Keyboard Avoidin | |
| Form Handling with useState | |
| Validation Basics | |
| Introduction to Formik and Yup (form management and validation) | |
| Keyboard Dismiss and SafeAreaVie | |
| Working with APIs | |
| Topics | |
|---|---|
| What is an API? | |
| Fetching data using fetch() and axios | |
| Using FlatList with API dat | |
| Pull to Refresh and Loading Indicator | |
| Error Handling | |
| Local Storage & Firebase Introduction | |
| Topics | |
|---|---|
| AsyncStorage for storing data locall | |
| Firebase Setup | |
| Firebase Authentication (Signup/Login | |
| Firestore Basics (Read/Write Data) | |
| Realtime Database (Optional | |
| Advanced Topics | |
| Topics | |
|---|---|
| -Reusable Components | |
| Context API for State Management | |
| Push Notifications (basic intro with Expo | |
| Image Uploads (with Firebase or server) | |
| Responsive Design in React Native | |
| Capstone Project | |
| Topics | |
|---|---|
| Build a Real-World App, such as | |
| To-Do App with Login | |
| Notes App with Firebase | |
| Expense Tracker | |
| E-Commerce Frontend Ap | |
| Features Covered in Project | |
| User Authentication | |
| Topics | |
|---|---|
| User Authentication | |
| Navigation | |
| Forms | |
| API Integration | |
| Local & Firebase Storage | |
| Responsive UI | |
| Debug, Test, and Deploy | |
| Topics | |
|---|---|
| Testing on Real Device | |
| Debugging Techniques | |
| Building APK (Expo EAS or React Native CLI) | |
| Uploading app to Google Drive or sharing for review | |
| Project Submission | |
| Complete functional mobile app | |
| Source code uploaded to GitHub | |
| Project walkthrough/demo | |
| Certificate of Completion | |