Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
7 views12 pages

App Development Brochure

Uploaded by

kumar22608891
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views12 pages

App Development Brochure

Uploaded by

kumar22608891
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

App development

React Native + App Full Stack


Developer Environment + Git Essentials
Goal: Familiarize with basic developer tools and version control

Topics
What is a Terminal/Command Line Interface?
Basic CLI commands (mkdir, cd, touch, code, clear, etc.)
Introduction to Git & Version Control Systems
Git Setup: git init, git config, git status
Git Workflow:
git add .
git commit -m
git log, git diff, git restore
GitHub Basics:
Create Repository
Add remote
git push, git pull, git clone

Task: Push your first project to GitHub


Tools: Git CLI, GitHub, VS Code terminal

Git Branching + Collaborative Project

Goal: Learn how to work in a team project with GitHub

Topics
Git Branching: git branch, git checkout, git merge
Resolving Merge Conflicts
Pull Requests & Issues on GitHub
Collaborating with multiple developers (forking, pull requests)

Project: Shared “To-Do List” with team using pull requests


JS Fundamentals – Scope, Variables, Hoisting

Goal: Build strong foundation in JavaScript logic

Topics
var, let, const difference
Scope types: Block, Functional, Global
Hoisting explained visually
this keyword & execution context
Error handling with try, catch, finally

Task: Code challenge on variable scoping

Async JS – Callbacks, Promises, Async/Await


Goal: Understand asynchronous programming in JavaScript

Topics
Event loop & callback queue
setTimeout, setInterval, clearInterval
Callback functions vs Promises
Chaining promises
Using async and await

Task: Build a mini timer & a simple API fetch using async/await

Arrays, Strings, Destructuring, ES6


Goal: Learn advanced JS manipulations used in
real-world apps

Topics
Array methods: map, filter, reduce, find, some, every
String methods: split, trim, toUpperCase, toLowerCase, includes
Spread operator, rest parameters
Destructuring arrays and objects

Task: Build a mini student database filter using filter() and map()
React Native Core Components & Hooks
Getting Started with React Native
Goal: Set up React Native development environment

Topics
Difference between React and React Native
Setting up Expo CLI
Setting up React Native CLI (optional)
Installing Node.js, Watchman, Android Studio
Emulators vs Real Devices
Metro bundler explained
File structure of React Native project
package.json, app.json explained

Task: Create first Hello World app using Expo

Core Components of RN
Goal: Learn UI building blocks

Topics
View, Text, Image, TextInput, ScrollView
Touchable Components: Button, TouchableOpacity, Pressable
Styling with StyleSheet & Flexbox
StatusBar, SafeAreaView

Task: Build a Personal Profile Card UI

Custom Components & Props


Goal: Learn to write reusable UI code

Topics
Functional vs Class components (comparison only)
Passing Props between components
Reusable Button/Card/Tile Components
Conditional rendering with ternary & &&
Best practices for reusable UI

Task: Create a dynamic ProductCard component using props


FlatList, SectionList, Lists Rendering
Goal: Display data efficiently in mobile apps

Topics
List rendering with FlatList
SectionList for grouped data
KeyExtractor, renderItem best practices
Pull to refresh, infinite scroll basics

Task: Build a contact list or course list app using FlatList

React Hooks in React Native


Goal: Master useState, useEffect, useContext in mobile context

Topics
useState for form input
useEffect for API fetch / side-effects
useContext for global state (auth, theme)
Performance tips: cleanup functions

Task: Build a Counter + Theme toggler using hooks

Navigation, Forms & API Mastery

React Navigation Mastery

Goal: Master in-app routing and transitions

Topics
Stack Navigator
Tab Navigator
Drawer Navigator
Modals with stack
Passing parameters between screens
useNavigation, useRoute
Task: Multi-screen app with tab & stack navigation
Deep Linking in RN
Goal: Handle dynamic URL routing to screens
Topics
What is deep linking
Custom URL schemes
Handling links via Linking.addEventListener
App links vs universal links
Task: Handle a link to open a product detail page
from external source

Forms – React Hook Form + Zod


Goal: Create scalable forms with validation
Topics
Controlled vs uncontrolled components
Using RHF: useForm, Controller
Validating with Zod
Showing errors
Task: Build login & registration form with validation

Working with APIs


Goal: Connect apps to backend services
Topics
Fetching data with Axios
TanStack Query: setup, fetching, caching
Loading & error states
Pagination basics
Task: Fetch a product list from dummyjson API

Start Final Ecommerce App


Goal: Plan and structure app

Deliverables
Project structure setup
Install navigation, Axios, icons
Create product listing UI
Task: Start Ecommerce App – Product list screen
with FlatList
Performance, Libraries, Deployment
React Native Performance Optimization
Goal: Ensure smooth app performance
Topics
Lazy loading screens & components
React.memo, useMemo, useCallback
Optimizing FlatList
Avoiding unnecessary re-renders
Task: Add lazy loading and memoization to Ecommerce App

Global State with Context


Goal: Manage shared state between components
Topics
Creating and consuming context
Avoiding prop drilling
Context for scalable state (auth, cart, theme)
Persisting state
Task: Create a Cart system using Zustand

Third Party Libraries & UI Kits


Goal: Use production-ready components & animations
Topics
React Native Vector Icons
React Native Paper / NativeBase
Lottie animations for onboarding

Task: Add UI polish & animations to the Ecommerce App

Deployment to Play Store & TestFlight


Goal: Make the app ready for production
Topics
Generate APK & AAB (Android) Build iOS using Expo EAS
Signing keys, icons, splash screens Environment variables (dotenv)
App store screenshots & submission process

Task: Generate final APK / build link for testing


Backend Development with Node and Express
Master backend development with Node.js and Express to create robust server-side
applications.

Node.js Foundations
Introduction to Node.js
Node.js Module System
Package Manager (NPM)
HTTP Server with Node.js

Express.js Essentials
Introduction to Express.js
Creating an HTTP Server with Express.js
Request and Response Handling
Error Handling in Express.js
<aside>
Course Project : Building a Blog API with Express
</aside>

Working with MongoDB


Introduction to NoSQL Databases and MongoDB
Connecting to MongoDB using Mongoose
Schema Design and Data Modeling with Mongoose
CRUD Operations with MongoDB
Implementing Query Filters and Aggregations
Working with Indexes for Performance Optimization
<aside>
Course Project : Developing a Task Manager API with MongoDB
</aside>

ORM & Prisma


Introduction to Prisma
Connecting Prisma with PostgreSQL
CRUD Operations with Prisma
Querying Relationships with Prisma and PostgreSQL
Postman
Creating API Collections
Organizing with Folders
Sending API Requests
Testing APIs Using Postman

Middleware in Express
What is Middleware in Express?
Types of Middleware:
Built-in Middleware
Custom Middleware
Third-Party Middleware
Order of Middleware Execution

Backend Authentication
Understanding Authentication vs Authorization
JWT Authentication Implementation
Secure Password Hashing with bcrypt
Protecting Routes and Role-Based Access
<aside>
Course Project : Implementing Authentication System with Express
</aside>

Prisma Relationships
Understanding Database Relationships:
One-to-One (1:1)
One-to-Many (1:N)
Many-to-Many (N:M)
Implementing Relationships with Prisma and PostgreSQL
Payment Gateway Integration with Razorpay
Introduction to Razorpay
Setting Up Razorpay in Node.js Applications
Creating Orders and Capturing Payments
Verifying Payments Securely
Razorpay Webhooks for Real-Time Payment Updates

Advanced Topics in Express


Routing in Express:
Setting Up Routers
Organizing Routes
Controllers in Express:
Separation of Concerns with Controllers
MVC Pattern in Express
Implementing MVC with a Service Layer

Final Project
E-Commerce Project:
User Authentication and Role Management
Product Management API
Order Management System
Integration with Razorpay for Payments
Testing APIs with Postman
<aside>
Course Project : Comprehensive E-Commerce Backend with Express
</aside>
Deployment

Backend Deployment
Render (Simplifies backend hosting)
Railway (Effortless hosting for Express apps and APIs)

DataBase Deployment
PostgreSQL:
Neon.db (Serverless PostgreSQL for cloud apps)
NoSQL Databases:
MongoDB Atlas (Scalable NoSQL database in the cloud)
For Queries: 9842191947 | [email protected] For Registration www.codegalatta.com

You might also like