৬ মাসের স্টাডিপ্ল্যান

৪৮টি মেইন লাইভ ক্লাস ও ১৬টি প্রোজেক্ট ক্লাস

২ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট

প্রোগ্রেস ট্র্যাকিং

উইকলি ৩ দিন সাপোর্ট ক্লাস

কমিউনিটি সাপোর্ট

লাইফটাইম এক্সেস

ইন্টারভিউ হ্যান্ডবুক

সার্টিফিকেট

নূন্যতম ৪ জিবি র‍্যাম

৬৪ বিটের প্রসেসর আছে এমন ডেস্কটপ বা ল্যাপ্টপ ও ভালো ইন্টারনেট কানেকশন

লেগে থাকার মানসিকতা

Storage: 256 GB SSD (বা 500 GB HDD, তবে SSD strongly recommended)

মিনিমাম পিসি কনফিগারেশন
- Operating System:
Windows 10 (64-bit) / macOS (Latest) / Linux (Ubuntu recommended)
- Processor: Intel Core i3 (8th Gen or later) / AMD Ryzen 3
- RAM: 8 GB
- Storage: 256 GB SSD (বা 500 GB HDD, তবে SSD strongly recommended)
- Display: 720p বা তার বেশি রেজুলেশন
- Internet: 5 Mbps+ স্পিডের একটি স্টেবল কানেকশন

থাকছে ৫ টির বেশি রিয়েল লাইফ প্রজেক্ট, যেগুলো করে হয়ে যাবে মোস্ট ডিমানডিং প্রোডাক্ট বিল্ড করার অভিজ্ঞতা।

Run you first code!

HTML, CSS এবং Bootstrap এর উপর ফ্রি ভিডিওগুলো দেখে আপনার বেসিক ক্লিয়ার করে নিন।

বেসিক ঝালাই করুন এখান থেকে

JavaScript

React

Redux

React Route

Axios

Expo

Jest

TypeScript

Styled Components

Apollo Client

GraphQL

GitHub

VS Code

Node.js

টিম প্রোজেক্ট

সিভি মেকিং এবং পোর্ট ফোলিও বিল্ডিং

জব পাওয়া পর্যন্ত সাপোর্ট

Md Rafi

Jahangir Alam Imon

Md Ashadujjaman

Josinta Jerin

Hasanul Alam

Rasel Ahmed

Sultana Begum

Tanvir Hossain

Nusrat Jahan

Shahina Akter

Abdur Rahman

Jannatul Ferdous

Mamunur Rashid

Fahima Sultana

Shamim Ahmed

Sabina Yasmin

Mizanur Rahman

Rina Sultana

Abdul Quader

Fatima Begum

Aminul Islam

Rina Akter

Shakil Ahmed

Sabrina Jahan

Imran Hossain

Tahmina Akter

Kamrul Islam

Shahidul Islam

Purnima Saha

Rafiqul Islam

কোর্সটি কাদের জন্য একদম পার্ফেক্ট?

<h2>এই কোর্সটি কাদের জন্য?</h2><ul><li>- যারা প্রোগ্রামিং এ একদম নতুন - যারা Mobile App Development শিখে Play Store বা App Store এ অ্যাপ আপলোড করতে চান - যারা Android/iOS দুটোতেই কাজ করে এমন একটি ইউনিফায়েড স্কিল সেট গড়ে তুলতে চান - যারা React জানেন বা শিখছেন, এবং এখন সেটাকে মোবাইল অ্যাপে কনভার্ট দিতে চান - আর যারা রিয়েল প্রজেক্ট করে হাতে-কলমে শিখতে চান</li></ul>.<h3>এই কোর্সটিতে যা যা শিখবেন:</h3><ol><li>- JavaScript ও ES6+ এর গুরুত্বপূর্ণ কনসেপ্ট (map, filter, arrow function ইত্যাদি)</li><li>- React Native এর ব্যাসিক কনসেপ্টস (JSX, Components, Props, State, Hooks)</li><li>- React Native অ্যাপ ডেভেলপমেন্ট ও styling (Flexbox, styled-components, React Native Paper)</li><li>- Navigation System: Stack, Tab, Drawer, Deep Linking</li><li>- Device Features: Camera, Maps, Location access</li><li>- State Management: Context API, Redux, Apollo GraphQL</li><li>- Performance Optimization এবং Testing (Jest, Detox, Snapshot)</li><li>- Animations ও Gesture Handling (Animated API, Reanimated)</li><li>- Deployment: Play Store/App Store-এ অ্যাপ দেওয়া এবং OTA Updates (CodePush)</li><li>- দুইটি Industry-standard Project:</li></ol><ul><li>Social App: User profiles, posts, real-time features</li><li>E-commerce App: Product listing, cart, payment, order system</li></ul>.<h3>কোর্স শেষে কীভাবে উপকৃত হবেন?</h3><ul><li>- আপনি React Native দিয়ে Android/iOS দুটো প্ল্যাটফর্মেই অ্যাপ বানাতে পারবেন</li><li>- দুটি কমপ্লিট অ্যাপ আপনার Portfolio তে থাকবে</li><li>- আপনি GraphQL, Redux, CodePush, Maps, Camera – সবকিছুর প্র্যাকটিক্যাল ইউজ শিখে যাবেন</li></ul>

Code Your Career: React Native Developer Roadmap

Md. Tausif Hossain

সিভি/রেজ্যুমে মাস্টারক্লাস ফর ফিউচার Frontend ডেভেলপার

Temp Converter

Toggle App

Profile Card

Personal Info Form 

Travel App

Task Manager App

Social Media App

E- Commerce App

কোর্স শুরুর আগে প্রি-রেকর্ডেড ভিডিওগুলো দেখে ফেলুন, বেসিককে&nbsp;করুন&nbsp;স্ট্রং

ক্লাস শুরুর আগেই যারা ইনরোল করেছেন এই মডিউল তাদের জন্য

Live Class 1: JavaScript Basics Topics: Variables (let, const, var) | Data types &amp; type coercion | Template literals &amp; string methods | Console debugging Live Class 2: Control Flow &amp; Functions Topics: Conditionals (if/switch) | Loops (for, while) | Function declarations vs. arrow functions | Parameter defaults &amp; rest/spread Practice Project: Build a Temperature Converter that takes a number as input and converts it from Celsius to Fahrenheit and vice versa using conditionals and basic operations.

JavaScript Essentials

Live Class 1: Modern JS Syntax Topics: Destructuring arrays/objects | Spread operator | Default parameters | Modules (import/export) Live Class 2: Arrays &amp; Objects Topics: Array methods (map, filter, reduce) | Object literals &amp; shorthand | Iterators &amp; for…of | Immutable updates Practice Project: Create a Console-Based To-Do List where users can add, remove, and list tasks using arrays, objects, and ES6 features like <code>map</code>, <code>filter</code>, and <code>destructuring</code>.

ES6+ Features & Data Structures

Live Class 1: React Core Concepts Topics: JSX syntax | Components (functional vs. class) | Props &amp; state basics | Virtual DOM overview Live Class 2: Component Composition Topics: Children props | Conditional rendering | Lists &amp; keys | Event handling in React Practice Project: Build a simple Counter App with "+" and "−" buttons. The value updates dynamically using state and re-renders on every click using functional components.

Introduction to React

Live Class 1: useState &amp; useEffect Topics: useState hook usage | Updating state immutably | useEffect for side effects | Dependency arrays Live Class 2: Advanced Hooks Topics: useContext for global state | Custom hooks creation | useRef for DOM access | useMemo &amp; useCallback basics Practice Project: Create a Light/Dark Theme Toggle App using <code>useState</code> to switch themes, <code>useEffect</code> to sync changes, and basic styling logic.

State Management & Hooks

JavaScript & React Basics (Module 0-4)

Live Class 1: React Router Basics Topics: BrowserRouter vs. HashRouter | Route, Switch, Link | URL parameters | Redirects Live Class 2: Advanced Routing Topics: Nested routes | Protected routes | Lazy loading routes | useHistory &amp; useLocation hooks Practice Project: Build a Multi-Screen Profile Viewer with navigation between “Home”, “About”, and “Profile” screens using React Router and dynamic URL parameters.

Navigation & Routing

Live Class 1: CSS in JS Topics: Styled-components basics | Theming with ThemeProvider | Dynamic styling | Global styles Live Class 2: UI Libraries &amp; Responsive Design Topics: Using React Native Paper | Flexbox layouts | Media queries via Dimensions | Platform-specific styles Practice Project: Design a User Profile Card using <code>styled-components</code> or React Native styles with Flexbox. Display user photo, name, and a short bio with a themed layout.

Styling & Theming

Live Class 1: React Native Setup &amp; Components Topics: Installing CLI &amp; Expo | Core components (View, Text, Image, ScrollView) | Styling with StyleSheet | Flexbox in React Native Live Class 2: Handling Input &amp; Forms Topics: TextInput usage | Button &amp; Touchable elements | Form validation strategies | Keyboard handling Practice Project: Develop a Personal Info Form with fields like name, email, and phone. Use <code>TextInput</code>, <code>Button</code>, and styling. On submit, show the entered info.

React Native Fundamentals

Web to Mobile Transition (Module 5-7)

Live Class 1: State Management Options Topics: Context API in React Native | Redux fundamentals overview | Setting up Redux store | Connecting components<blockquote> Live Class 2: Networking &amp; Async Storage Topics: Fetch API &amp; Axios | Handling JSON data | AsyncStorage for persistence | Error handling in network calls Practice Project: Build a Notes App where users can write, save, and view notes using <code>useState</code> and store them locally with <code>AsyncStorage</code>.</blockquote>

State & Data Flow in React Native

Live Class 1: React Navigation Basics Topics: Stack navigator | Tab navigator | Passing params | Navigation lifecycle Live Class 2: Advanced Navigation Topics: Drawer navigator | Custom headers | Deep linking | Navigation theming Practice Project: Create a Travel Info App with bottom tab navigation for sections like “Destinations”, “Gallery”, and “Tips”. Use Stack and Tab Navigators effectively.

Navigation in React Native

Live Class 1: Geolocation &amp; Maps Topics: Geolocation API usage | Permissions handling | React Native Maps setup | Markers &amp; clustering Live Class 2: Camera &amp; Media Topics: react-native-image-picker | Camera roll access | Video playback | Media permissions Practice Project: Develop a Location Logger App that fetches and displays the user’s real-time location using the Geolocation API and React Native Maps.

Native APIs & Device Features

Core Mobile Development (Module 8-10)

Live Class 1: Rendering Performance Topics: PureComponent &amp; React.memo | FlatList vs. ScrollView | KeyExtractor | VirtualizedList Live Class 2: JS Thread &amp; Native Modules Topics: InteractionManager | use of native modules | Bridge overview | Avoiding expensive JS operations Practice Project: Build a Product List Viewer using <code>FlatList</code> and optimize rendering with <code>React.memo</code>, <code>PureComponent</code>, and <code>VirtualizedList</code>.

Performance Optimization

Live Class 1: Unit &amp; Snapshot Testing Topics: Jest setup | Writing unit tests | Snapshot tests with react-test-renderer | Mocking modules Live Class 2: Integration &amp; E2E Testing Topics: React Native Testing Library | Detox setup for E2E | Writing integration tests | CI integration Practice Project: Write unit and snapshot tests for a Testable Counter App using Jest and React Test Renderer. Cover logic, state updates, and button clicks.

Testing React Native Apps

Live Class 1: Architectural Patterns Topics: MVC vs. MVVM vs. Redux | Folder structure best practices | Separation of concerns Live Class 2: TypeScript in React Native Topics: TS setup | Typing props &amp; state | Interfaces &amp; types | Generics in components Practice Project: Rebuild your Task Manager App using a Clean Folder Structure and apply MVVM or Redux architecture with TypeScript interfaces.

App Architecture & Patterns

App Optimization & Testing (Module 11-13)

Live Class 1: Animated API Basics Topics: Animated.Value &amp; timing | Interpolations | Animated.event | Spring &amp; decay animations Live Class 2: Reanimated &amp; Gesture Handler Topics: react-native-reanimated introduction | PanGestureHandler | Shared values &amp; worklets | Creating custom gestures Practice Project: Create a Swipeable Card UI where users can swipe cards off-screen using gesture handling and animated transitions (like Tinder cards).

Animations & Gesture Handling

Live Class 1: Apollo Client Setup Topics: GraphQL schema basics | Setting up Apollo provider | Queries &amp; mutations | Caching strategies Live Class 2: Advanced State with Apollo &amp; Context Topics: Reactive variables | Local state management | Pagination &amp; error handling | Combining Context &amp; GraphQL Practice Project: Use Apollo Client to fetch and display SpaceX Launch Data from a public GraphQL API. Implement a launch detail screen with caching.

GraphQL & State Management

Live Class 1: Building &amp; Publishing Topics: Android &amp; iOS build process | App Store vs. Play Store requirements | Signing &amp; provisioning Live Class 2: Over-the-Air Updates Topics: Microsoft CodePush setup | Release management | Rollback strategies | CI/CD integration Practice Project: Prepare and publish your final version of the Todo App to APK using Expo/EAS and implement over-the-air updates using CodePush.

Deployment & CodePush

Advanced Features & Deployment (Module 14-16)

Live Class 1: Planning the Social App Interface Topics: Defining app features (feed, profile, messages, notifications) | Creating user journey flow | Designing onboarding, login, and registration UI with wireframes | Best practices in mobile UI design using React Native components-Live Class 2: Implementing Firebase Authentication Topics: Setting up Firebase project &amp; integrating with React Native | Implementing email/password signup &amp; login | Handling login errors and validation | Navigating between authentication and main app screens

Social Networking App – Phase 1 (UI Design & Authentication)

Class 1 Title: Building User Profile Section Topics: Designing the profile screen with user info and photo | Uploading images using react-native-image-picker | Saving and updating user data in Firebase Firestore | Creating editable bio and settings UI-Class 2 Title: Post Creation &amp; Real-Time Feed Topics: Building post creation form with image and caption input | Uploading posts to Firebase with image links | Displaying post feed using FlatList | Real-time post updates using Firestore listeners

Social Networking App – Phase 2 (Profile & Posting)

Live Class 1: Implementing Real-Time Chat Feature Topics: Setting up user-to-user messaging using Firebase | Creating chat UI using GiftedChat | Handling message sending and receiving | Displaying chat history and recent conversations Live Class 2: App Polish &amp; Testing Topics: Adding push notifications and feedback toasts | Finalizing UI and responsive layout | Running usability and bug tests | Preparing and testing APK for internal distribution

Social Networking App – Phase 3 (Messaging & Finishing Touch

সোশ্যাল মিডিয়া অ্যাপ্লিকেশন ডেভেলপমেন্ট (Module 17-19)

Class 1 Title: Designing Product Catalog UI Topics: Creating product listing screen with FlatList | Styling product cards with image, name, and price | Adding search and category filters | Optimizing for different screen sizes using FlexboxClass 2 Title: Building Product Detail Page Topics: Navigating to product details via route params | Displaying dynamic product info from state | Creating "Add to Cart" interaction | Designing product reviews and ratings section

E-commerce App – Phase 1 (Browsing & Product Details)

Class 1 Title: Implementing Shopping Cart Functionality Topics: Managing cart state with Context API | Adding and removing items from cart | Updating quantity and recalculating total | Designing interactive cart screen with summaryClass 2 Title: Checkout Form &amp; Payment Integration Topics: Creating user address and payment input form | Validating form fields using conditional logic | Integrating mock/dummy payment flow | Displaying order confirmation and error handling

E-commerce App – Phase 2 (Cart & Checkout)

Class 1 Title: Order History &amp; Summary Topics: Saving confirmed orders in Firebase | Building order history list linked to profile | Displaying invoice-style order summary | Implementing basic reorder optionClass 2 Title: Final Touches &amp; Deployment Topics: Fixing visual and logic bugs across app | Preparing build using Expo or EAS | Testing performance on real devices | Generating APK and deployment checklist for Play Store

E-commerce App – Phase 3 (Orders & Deployment)

ইকমার্স প্রোজেক্ট (Module 20-22)

Class 1 Title: Understanding the React Native Job Market Topics: Analyzing global vs. local job demand | Differences between junior and mid-level roles | Reviewing real job posts and expected skills | Preparing for common React Native interviewsClass 2 Title: Building CV &amp; LinkedIn Profile for Developers Topics: Structuring your CV for tech jobs | Highlighting projects, GitHub, and skills section | Writing an effective summary and cover letter | Optimizing LinkedIn profile for recruiter search Assignment: Develop a Competitive CV for the Job Market

Job Market Guide & CV Building

Class 1 Title: Starting Freelancing as a React Native Developer Topics: Identifying top freelance platforms (Upwork, Fiverr, etc.) | Creating attractive freelancer profiles | Pricing your mobile app services | Building trust with first-time clientsClass 2 Title: Winning Projects &amp; Delivering Freelance Work Topics: Writing effective job proposals and bids | Showcasing projects and testimonials | Demoing a small freelance To-Do app project | Managing revisions, payments, and client feedback

Freelancing & Remote Income with React Native

জব মার্কেট ও ফ্রিল্যান্সিং গাইডলাইন (Module 23-24)

Mobile App Development with React Native