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

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

Practice Project:
Create a Console-Based To-Do List where users can add, remove, and list tasks using arrays, objects, and ES6 features like map, filter, and destructuring.

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

Practice Project:
Create a Light/Dark Theme Toggle App using useState to switch themes, useEffect to sync changes, and basic styling logic.

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

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.

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

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.

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

Practice Project:
Build a Multi-Screen Profile Viewer with navigation between “Home”, “About”, and “Profile” screens using React Router and dynamic URL parameters.

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

Practice Project:
Develop a Personal Info Form with fields like name, email, and phone. Use TextInput, Button, and styling. On submit, show the entered info.

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

Practice Project:
Design a User Profile Card using styled-components or React Native styles with Flexbox. Display user photo, name, and a short bio with a themed layout.