osad-logo-dark

Mobile App Development with React Native

একদম স্ক্র্যাচ থেকে জাভাস্ক্রিপ্ট প্রোগ্রামিং ল্যাংগুয়েজ শিখে React Native ফ্রেমওয়ার্ক ব্যবহার করে একজন কমপ্লিট ক্রস প্ল্যাটফর্ম মোবাইল অ্যাপ ডেভেলপার হিসেবে ক্যারিয়ার যদি স্টার্ট করতে চান, তাহলে আপনার জন্যই এই লাইভ কোর্স। ১ম ৫০ জনের স্পেশাল স্কলারশিপ EARLYRN প্রমোকোডে, ৭ জুলাই পর্যন্ত

course img

২১ দিন বাকি

৮৫ সিট বাকি

এই কোর্সে আপনি পাচ্ছেন

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

  • ৪৮ টি লাইভ ক্লাস

  • ক্লাস রেকর্ডিং

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

  • এসেসমেন্ট

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

  • সার্টিফিকেট

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

  • ডেইলি সাপোর্ট ক্লাস

  • জব প্লেসমেন্ট সাপোর্ট

  • লার্নিং রিসোর্সেস

কল করুন +8801940444482

(সকাল ১০টা থেকে রাত ১০টা)

ব্যাচ ১

শুরু হবে

বৃহ, ২৪ জুলাই

ক্লাস শিডিউল

বৃহ,  

শনি,  

(রাত ৯:০০ - ১০:৩০)

ফ্রী মাস্টারক্লাস

Complete Roadmap to become a React Native App Developer

৬ জুলাই

রাত ৯:০০টা

স্টাডি প্ল্যান

১৬ টি মডিউল

JavaScript & React Basics (Module 1-4)

ক্লাস নিবেনঃ

Md. Tausif Hossain

সপ্তাহ

JavaScript Essentials

Live Class 1: JavaScript Basics
Topics: Variables (let, const, var) | Data types & type coercion | Template literals & string methods | Console debugging


Live Class 2: Control Flow & Functions
Topics:
Conditionals (if/switch) | Loops (for, while) | Function declarations vs. arrow functions | Parameter defaults & rest/spread

সপ্তাহ

ES6+ Features & Data Structures

Live Class 1: Modern JS Syntax
Topics:
Destructuring arrays/objects | Spread operator | Default parameters | Modules (import/export)


Live Class 2: Arrays & Objects
Topics:
Array methods (map, filter, reduce) | Object literals & shorthand | Iterators & for…of | Immutable updates

সপ্তাহ

Introduction to React

Live Class 1: React Core Concepts
Topics:
JSX syntax | Components (functional vs. class) | Props & state basics | Virtual DOM overview


Live Class 2: Component Composition
Topics: Children props | Conditional rendering | Lists & keys | Event handling in React

সপ্তাহ

State Management & Hooks

Live Class 1: useState & 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 & useCallback basics

Web to Mobile Transition (Module 5-7)

ক্লাস নিবেনঃ

Md. Tausif Hossain

সপ্তাহ

Navigation & Routing

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 & useLocation hooks

সপ্তাহ

Styling & Theming

Live Class 1: CSS in JS
Topics: Styled-components basics | Theming with ThemeProvider | Dynamic styling | Global styles


Live Class 2: UI Libraries & Responsive Design
Topics: Using React Native Paper | Flexbox layouts | Media queries via Dimensions | Platform-specific styles

সপ্তাহ

React Native Fundamentals

Live Class 1: React Native Setup & Components
Topics:
Installing CLI & Expo | Core components (View, Text, Image, ScrollView) | Styling with StyleSheet | Flexbox in React Native

Live Class 2: Handling Input & Forms
Topics: TextInput usage | Button & Touchable elements | Form validation strategies | Keyboard handling

Core Mobile Development (Module 8-10)

ক্লাস নিবেনঃ

Md. Tausif Hossain

সপ্তাহ

State & Data Flow in React Native

Live Class 1: State Management Options
Topics: Context API in React Native | Redux fundamentals overview | Setting up Redux store | Connecting components


Live Class 2: Networking & Async Storage
Topics: Fetch API & Axios | Handling JSON data | AsyncStorage for persistence | Error handling in network calls

সপ্তাহ

Navigation 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

সপ্তাহ

১০

Native APIs & Device Features

Live Class 1: Geolocation & Maps
Topics: Geolocation API usage | Permissions handling | React Native Maps setup | Markers & clustering


Live Class 2: Camera & Media
Topics: react-native-image-picker | Camera roll access | Video playback | Media permissions

ইন্সট্রাক্টর

লিড ইন্সট্রাক্টর

Md. Tausif Hossain

Founding Member, Technical Leader at DevTechGuru |Founder and CEO at TechnicalBind

কোর্স সম্পর্কে

এই কোর্সটি কাদের জন্য?

  • - যারা প্রোগ্রামিং এ একদম নতুন
    - যারা Mobile App Development শিখে Play Store বা App Store এ অ্যাপ আপলোড করতে চান
    - যারা Android/iOS দুটোতেই কাজ করে এমন একটি ইউনিফায়েড স্কিল সেট গড়ে তুলতে চান
    - যারা React জানেন বা শিখছেন, এবং এখন সেটাকে মোবাইল অ্যাপে কনভার্ট দিতে চান
    - আর যারা রিয়েল প্রজেক্ট করে হাতে-কলমে শিখতে চান

.

এই কোর্সটিতে যা যা শিখবেন:

  1. - JavaScript ও ES6+ এর গুরুত্বপূর্ণ কনসেপ্ট (map, filter, arrow function ইত্যাদি)

  2. - React Native এর ব্যাসিক কনসেপ্টস (JSX, Components, Props, State, Hooks)

  3. - React Native অ্যাপ ডেভেলপমেন্ট ও styling (Flexbox, styled-components, React Native Paper)

  4. - Navigation System: Stack, Tab, Drawer, Deep Linking

  5. - Device Features: Camera, Maps, Location access

  6. - State Management: Context API, Redux, Apollo GraphQL

  7. - Performance Optimization এবং Testing (Jest, Detox, Snapshot)

  8. - Animations ও Gesture Handling (Animated API, Reanimated)

  9. - Deployment: Play Store/App Store-এ অ্যাপ দেওয়া এবং OTA Updates (CodePush)

  10. - দুইটি Industry-standard Project:

  • Social App: User profiles, posts, real-time features

  • E-commerce App: Product listing, cart, payment, order system

.

কোর্স শেষে কীভাবে উপকৃত হবেন?

  • - আপনি React Native দিয়ে Android/iOS দুটো প্ল্যাটফর্মেই অ্যাপ বানাতে পারবেন

  • - দুটি কমপ্লিট অ্যাপ আপনার Portfolio তে থাকবে

  • - আপনি GraphQL, Redux, CodePush, Maps, Camera – সবকিছুর প্র্যাকটিক্যাল ইউজ শিখে যাবেন

রিকোয়ারমেন্টস

আগে থেকে কোন কোডিং নলেজের দরকার নাই। মিনিমাম পিসি কনফিগারেশন - 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+ স্পিডের একটি স্টেবল কানেকশন

হেল্প

ব্যাচ সংক্রান্ত যেকোনো তথ্যের জন্যে কল করুন+8801940444482(সকাল ১০টা থেকে রাত ১০টা)