Two weeks React Native Training Plan

 

Friday interview

What are the requirement to get started

Hardware Requirements

·         Computer or Laptop

·         Smartphone (optional, for testing)

Software Requirements

·         Node.js

·         Expo CLI or Expo Go

·         VS Code or any code editor

·         Web Browser

Knowledge Requirements

·         Basic Computer Skills

·         Basic JavaScript knowledge

·         Optional: Basic React.js knowledge

·         Optional: HTML & CSS basics

·         Internet connection

Teacher Background

1. Can you briefly introduce yourself and your experience in React Native?
2. How long have you been teaching programming or mobile app development?
3. Have you worked on real-life React Native projects?

Course Content

4. What topics will be covered in this React Native course?
5. Will students build any projects during the course?
6. How do you make the lessons suitable for beginners?

Teaching Style & Method

7. Do you focus more on theory, practice, or a mix of both?
8. How do you handle students who are struggling with the lessons?
9. Do you provide step-by-step guides, examples, or assignments?

 Student Support

10. Will students get help outside class hours (like online or via chat)?
11. How do you give feedback on assignments or projects?
12. Are there any recommended resources or tools for students to practice?

Outcome & Expectations

13. What should students be able to do by the end of the course?
14. Is prior experience in programming required?
15. How can students continue learning after the course ends?

Week React Native Plan with Assignments

WEEK 1

Day	Topics / Activities	Assignment
Thursday (Class 1)	·         Introduction to React Native & Expo setup. ·         Create first screen using <View> and <Text>. ·         Explain app folder structure and components.	Assignment: Create a new React Native app and display:1. Your name.2. Your favorite subject.3. Use at least 2 <Text> components.
Saturday (Class 2)	·         Styling with StyleSheet. ·         Add <Button> and <TextInput> for student names. ·         Practice UI design basics (colors, padding, fonts).	Assignment: Build a screen with:1. A <TextInput> to enter student names.2. A <Button> labeled “Add Student”.3. Style the input and button nicely (colors, padding).
Sunday (Class 3)	·         Introduce useState to save input values. ·         Display added names using .map() or FlatList. ·         Mini Project: Add Student Name → Show in List.	Assignment: Complete the mini project:1. Add at least 3 student names.2. Display them in a list.3. Style the list (different colors or borders).

 

 

 

WEEK 2

Day	Topics / Activities	Assignment
Thursday (Class 4)	Add Navigation (Home ↔ Student List). Pass data using props. Link multiple screens.	Assignment: Build 2 screens:1. Home screen with a welcome message.2. Student List screen that displays names.3. Navigate from Home → List.
Saturday (Class 5)	Add delete/edit feature for student info. Arrange layout with Flexbox. Add background colors, spacing, and borders.	Assignment: Update your Student List app:1. Add a delete button to remove a student.2. Optional: add an edit button to change a student name.3. Improve layout and design.
Sunday (Class 6)	Review all lessons. Test app on real devices using Expo Go. Students present their Student Info App project.	Final Project: Submit and present:1. Fully working Student Info App.2. Add at least 5 students.3. Include navigation and delete/edit features.4. Styled and polished design.