Week 1: Introduction to Programming and JavaScript Basics

• Topics Covered:
  • Basics of programming: Variables, data types, operators, and conditionals.
  • JavaScript fundamentals: Arrays, objects, loops, and functions.
  • Optional: Basic DOM manipulation for understanding.
• Activity: Write simple JavaScript programs, such as a calculator or array manipulation tasks.

Week 2: Introduction to React

• Topics Covered:
  • Introduction to React: Components, JSX, and props.
  • Setting up a React project.
  • Creating and rendering functional components.
• Activity: Build a basic React app to display and filter a list.

Week 3: State and Event Handling in React

• Topics Covered:
  • Understanding state with useState and handling events.
  • Conditional rendering and rendering lists.
  • Introduction to React hooks.
• Activity: Create a counter app and a dynamic to-do list.

Week 4: Introduction to React Native

• Topics Covered:
  • Key differences between React and React Native.
  • Setting up the environment (Expo CLI/React Native CLI).
  • Basic components: View, Text, StyleSheet, and Button.
• Activity: Build a “Hello, World” app with styled components.

Week 5: Core Components and Styling

• Topics Covered:
  • Core components: TextInput, Image, ScrollView, FlatList.
  • Using Flexbox for layouts.
  • Dynamic styling and external libraries for styling.
• Activity: Create a responsive profile screen layout.

Week 6: Navigation in React Native

• Topics Covered:
  • Introduction to React Navigation.
  • Stack Navigator and Tab Navigator.
  • Passing data between screens.
• Activity: Build a multi-screen app with navigation (e.g., Home and Details screens).

Week 7: Fetching Data from APIs

• Topics Covered:
  • Using Fetch API and Axios.
  • Working with asynchronous JavaScript (async/await).
  • Handling errors in API requests.
• Activity: Create an app that fetches and displays data from a public API using FlatList.

Week 8: State Management and Forms

• Topics Covered:
  • Managing state with Context API.
  • Building controlled forms.
  • Validating forms using libraries like Formik and Yup.
• Activity: Create a login form with validation and state management.

Week 9: Local Storage and Animations

• Topics Covered:
  • Persisting data with AsyncStorage.
  • Introduction to React Native’s Animated API.
  • Adding transitions and gestures.
• Activity: Build a note-taking app with animations and persistent storage.

Week 10: Using Native Features

• Topics Covered:
  • Accessing device features like camera and location.
  • Handling permissions and integrating libraries like expo-camera and expo-location.
• Activity: Develop an app that captures a photo or retrieves the user’s location.

Week 11: Preparing for Production

• Topics Covered:
  • Testing and debugging React Native apps.
  • Optimizing app performance.
  • Preparing a production-ready build.
  • Discussion on publishing apps on Google Play Store (and optional Apple App Store).
• Activity: Test and optimize an app for deployment.

Week 12: Capstone Project

• Activity:
  • Build a complete app (e.g., e-commerce, weather, or social feed app).
  • Features: Multi-screen navigation, API integration, state management, and animations.