✕
Full Stack Web Development এর লাইভ কোর্সে চলছে ৫১% ছাড়! তাও দিতে পারবেন ২ ধাপে। অফারটি সীমিত সময়ের জন্য
Full Stack Web Development এর লাইভ কোর্সে চলছে ৫১% ছাড়! তাও দিতে পারবেন ২ ধাপে। অফারটি সীমিত সময়ের জন্য
ব্যাচ - ১২ (লাইভ ক্লাস)
ফুল স্ট্যাক ওয়েব ডেভেলপমেন্ট
বাংলা ভাষায় শুন্য থেকে একজন জুনিয়র ওয়েব ডেভেলপার হয়ে উঠুন কোডজগতের সাথে।
- ক্লাস শুরুঃ ১৬ জানুয়ারি, ২০২৬
- আমাদের আগের ব্যাচের প্রথম ৩টি ক্লাস সংযুক্ত করা হলো, যাতে আমাদের কোর্স পরিচালনা পদ্ধতি ও Teaching Approach সম্পর্কে আপনি পরিষ্কার ধারণা পান
কোর্সে যা যা শিখবেন

HTML

CSS

JavaScript

SASS

TailwindCSS

ReactJS

Git & GitHub

PHP

Laravel

MySQL

Problem Solving

Basic Algorithms

Payment Gateway Integration

Freelancer

Job Placement Support
কোর্সের কারিকুলাম
Week-1
Week-2
Week-3
Week-4
Week-5
Week-6
Week-7
Week-8
Week-9
Week-10
Week-11
Week-12
Week-13
Week-14
Week-15
Week-16
Week-17
Week-18
Week-19
Week-20
Week-21
Week-22
Week-23
Week-24
Week-25
Week-26
Week-27
Week-28
Week-29
Week-30
Week-31
Week-32
Week-33
Week-34
Week-35
2 Live Class
Module 1: Getting Started with HTML
Live Class-01
- প্রোগ্রামিং কি? প্রোগ্রামিং ল্যাঙ্গুয়েজ কি?
- কিভাবে প্রোগ্রামিং ল্যাঙ্গুয়েজ কাজ করে?
- ইন্টারনেট কীভাবে কাজ করে?
- ওয়েবসাইট এবং ওয়েব অ্যাপ্লিকেশন কী?
- ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট এর মধ্যে পার্থক্য
- ফ্রন্টএন্ড এবং ব্যাকএন্ড কী?
- HTML, CSS এবং JavaScript-এর ভূমিকা
Live Class-02
- প্রয়োজনীয় সফটওয়্যার ও টুলস (VS Code, Browser, Extensions)
- প্রজেক্ট ফোল্ডার স্ট্রাকচার
- HTML কী? Live Server সেটআপ
- কিভাবে শুধু HTML দিয়ে প্রথম ওয়েবসাইট তৈরি করবেন?
- HTML Tag ও Element এর মধ্যে পার্থক্য। Attribute কি কাজ করে?
- টেক্সট ও ফরম্যাটিং, লিংক ও ইমেজ
- HTML লিস্ট (Ordered, Unordered List)
- কিভাবে HTML List ব্যবহার করে Menu তৈরি করা যায়
2 Live Class
Module 2: Working Simultaneously with HTML & CSS
Live Class-03
- CSS কি? কিভাবে CSS কাজ করে?
- Inline, Internal এবং External CSS
- CSS Width, Height, Border, Margin, Color, Background Color etc.
- CSS Class & ID
- Text ও Font Styling (যেমনঃ Font Family, Line Height, Text Align, Text Transform, Letter Spacing, Google Fonts, Bootstrap Icon etc)
- HTML Table এবং CSS দিয়ে কিভাবে HTML Table কে আরও সুন্দর Design দেয়া যায়?
Live Class-04
- HTML Form
- CSS দিয়ে কিভাবে একটি সুন্দর Sign Up Form Design করা যায়
- CSS Selectors (Simple, Combinator, Pseudo-class, Pseudo-element, Attribute)
- CSS Position (Relative, Absolute, Sticky etc)
2 Live Class
Module 3: CSS Layout System
Live Class-05
- CSS Flexbox
- CSS Flexbox দিয়ে একটি Simple Project
Live Class-06
- CSS Grid
- CSS Grid দিয়ে একটি Simple Project
2 Live Class
Module 4: CSS Gradients, CSS 2D & 3D Transforms
Live Class-07
- Linear Gradient
- Radial Gradient
- Conic Gradient
Live Class-08
- CSS 2D Transform
- CSS 3D Transform
- CSS 3D Transform দিয়ে Door Opening & Book Opening প্রজেক্ট
2 Live Class
Module 5: CSS Animation, Responsive Design
Live Class-09
- CSS Animation কি? Keyframe কিভাবে কাজ করে?
- Animation Duration, Animation Time Function কিভাবে কাজ করে?
- CSS Animation দিয়ে একটি ছোট প্রজেক্ট
Live Class-10
- Media Query কিভাবে কাজ করে?
- Mobile First Technology কি?
- একটি ছোট Responsive Web প্রজেক্ট
2 Live Class
Module 6: Syntactically Awesome Stylesheets (SASS)
Live Class-11
- SASS কী ও কেন ব্যবহার করবো
- SASS ইনস্টল ও সেটআপ
- Nesting, Variables
- Partials and Import
- Mixins
- Inheritance, Functions
Live Class-12
- If/Else
- Loop & Interpolation
- SASS ব্যবহার করে একটি প্রজেক্ট
2 Live Class
Module 7: Introduction to JavaScript, Basic Syntax , Data Type & Function
Live Class-13
- JavaScript কি? JavaScript এর ইতিহাস। কি কি ধরনের Application জাভাস্ক্রিপ্ট দিয়ে Develop করা যায়
- Web Development এ জাভাস্ক্রিপ্ট কেন প্রয়জন?
- Variable কী? Variable কিভাবে Declare করতে হয়?
- Var, Let, Const এর মধ্যে পার্থক্য কি কি?
- জাভাস্ক্রিপ্ট Data Types
Live Class-14
- জাভাস্ক্রিপ্ট Number Data Type
- জাভাস্ক্রিপ্ট String Data Type
- জাভাস্ক্রিপ্ট Function
2 Live Class
Module 8: JavaScript Operators, Control Flow, Array, For Loop
Live Class-15
- JavaScript Operators (Arithmetic, Assignment, Comparison, Logical, Bitwise etc)
- Control Flow (if-else)
- জাভাস্ক্রিপ্ট Array কি? Array কিভাবে Declare করতে হয়? Array Destructuring
- জাভাস্ক্রিপ্ট Array Methods (Push, Pop, Shift, Unshift, Sort etc)
Live Class-16
- জাভাস্ক্রিপ্ট Loop (for, for of, for in etc)
- Array তে কিভাবে Looping করতে হয়
- JavaScript Error এবং Error Handling
2 Live Class
Module 9: JavaScript Object, Set, Map
Live Class-17
- জাভাস্ক্রিপ্ট Object কি? Object Syntax, Access Properties, Add/Delete
- Constructor Function এর কাজ কি? this Keyword.
- Object Destructuring, Math Object, Date Object
Live Class-18
- জাভাস্ক্রিপ্ট Set
- জাভাস্ক্রিপ্ট Map
2 Live Class
Module 10: JavaScript DOM, BOM & Events
Live Class-19
- জাভাস্ক্রিপ্ট DOM Operation
- DOM Methods
- DOM Documents
- DOM Elements
Live Class-20
- Event Handling (Mouse Event, Keyboard Event, Form Event, Event Bubbling & Capturing)
- জাভাস্ক্রিপ্ট BOM
2 Live Class
Module 11: JavaScript Class, Asynchronous JavaScript
Live Class-21
- জাভাস্ক্রিপ্ট Class কি এবং কেন প্রয়োজন হয়?
- Class Syntax
- জাভাস্ক্রিপ্ট এ OOP এর ধারনা
Live Class-22
- Synchronous vs Asynchronous
- Callback, Promise, Async / Await
2 Live Class
Module 12: Data Structures & Algorithms with Problem Solving on LeetCode
Live Class-23
- Sorting (৬ টা প্রবলেম সমাধান)
- Bubble Sort, Insertion Sort
- Array (২০ টা প্রবলেম সমাধান)
- Binary Search (৯ টা প্রবলেম সমাধান)
- String (৮ টা প্রবলেম সমাধান)
- Graph (৬ টা প্রবলেম সমাধান)
- Math (৮ টা প্রবলেম সমাধান)
- GCD (৪ টা প্রবলেম সমাধান)
- Note: এতোগুলো প্রবলেম একটা ক্লাস এ কাভার করা সম্ভব নয়, তাই অতিরিক্ত ২-৩ টা ক্লাস এই Section এ নেয়া হবে ইনশাআল্লাহ্।
Live Class-24
- LCM (৫ টা প্রবলেম সমাধান)
- Counting (৯ টা প্রবলেম সমাধান)
- How to Find Prime Numbers (৬ টা প্রবলেম সমাধান)
- Time Complexity
- Space Complexity
- Stack (৬ টা প্রবলেম সমাধান)
- Queue (৬ টা প্রবলেম সমাধান)
- Recursion (৮ টা প্রবলেম সমাধান)
- Note: এতোগুলো প্রবলেম একটা ক্লাস এ কাভার করা সম্ভব নয়, তাই অতিরিক্ত ২-৩ টা ক্লাস এই Section এ নেয়া হবে ইনশাআল্লাহ্।
2 Live Class
Module 13: API, Local Storage, JavaScript Projects
Live Class-25
- API কি? Fetch API কিভাবে কাজ করে?
- localStorage, sessionStorage
- JavaScript Project-01: Calculator
- JavaScript Project-02: To Do App
Live Class-26
- JavaScript Project-03: Quiz App
- JavaScript Project-04: Weather App
2 Live Class
Module 14: Introduction to TailwindCSS
Live Class-27
- CSS Framework কি? Component-based Framework এবং Utility-based Framework এর মধ্যে পার্থক্য কি?
- Tailwind CSS ব্যবহারের সুবিধা
- Tailwind CSS সেটআপ, Vite Tool এর সাহায্যে কিভাবে React এর সাথে TailwindCSS ব্যবহার করতে পারি?
- Tailwind Utility Classes (Color, Background, Spacing, Layout, Flexbox, Grid etc)
Live Class-28
- Responsive, Hover এবং Animation
- Dark Mode নিয়ে কাজ করা
2 Live Class
Module 15: TailwindCSS Function, Directives & Projects
Live Class-29
- TailwindCSS Functions এবং Directives
- TailwindCSS প্রজেক্ট-০১ঃ Portfolio Website (Part-01)
Live Class-30
- TailwindCSS প্রজেক্ট-০১ঃ Portfolio Website (Part-02)
2 Live Class
Module-16: Introduction to React
Live Class-31
- React কী ও কেন? React এর Mechanism, SPA কি?
- React Installation, Folder Structure
Live Class-32
- React Virtual DOM সম্পর্কে ধারনা
- Component কী? JSX কি?
- Props কি? কিভাবে Props এক Component থেকে অন্য Component এ Pass করা হয়?
2 Live Class
Module 17: React Conditional Rendering, Rendering List, Keeping Component Pure, UI As A Tree, State
Live Class-33
- React এ কিভাবে Conditionally Render করা হয়
- Filter এবং Map Method দিয়ে কিভাবে List Render করা হয়
- Pure Function কি? কিভাবে Component কে Pure করতে হয়
- আপনার UI কে কিভাবে Tree আকারে Visualize করবেন
Live Class-34
- React State কি এবং কিভাবে কাজ করে?
- Render & Commit
- State কে কিভাবে Snapshot আকারে চিন্তা করবেন
2 Live Class
Module 18: React Projects - Thinking in React & Tic Tac Toe Game Development
Live Class-35
- React প্রজেক্ট-০১ঃ Thinking in React Project
Live Class-36
- React প্রজেক্ট-০২ঃ Thinking in React Project
2 Live Class
Module 19: Queueing a Series of State Updates, Updating Objects & Array in State
Live Class-37
- Queueing a series of state updates
Live Class-38
- State হিসেবে কিভাবে Object কে Update করতে হয়
- State হিসেবে কিভাবে Array কে Update করতে হয়
2 Live Class
Module 20: Managing State
Live Class-39
- Reacting to Input with State
- State Structure কিভাবে Choose করতে হয়
- Components গুলোর মধ্যে কিভাবে State Share করতে হয়
Live Class-40
- Preserving এবং Resetting State
- প্রজেক্ট-০৩ঃ React CRUD Operation
- ৩ টা Steps এর মাধ্যমে State গুলোকে Reducer এর মাধ্যমে Management করা
2 Live Class
Module-21: Context API, Referencing Values with Refs, Manipulating the DOM with Refs
Live Class-41
- Context API
Live Class-42
- Referencing Values with Refs
- Manipulating the DOM with Refs
2 Live Class
Module-22: Synchronizing with Effects, Lifecycle of Reactive Effects, Separating Events from Effects, Reusing Logic with Custom Hooks
Live Class-43
- Synchronizing with Effects
- Lifecycle of Reactive Effects
- Separating Events from Effects
Live Class-44
- Removing Effect Dependencies
- Reusing Logic with Custom Hooks
2 Live Class
Module-23: React Project 04 - Basic E-commerce Application
Live Class-45
- E-Commerce Application Development Part-01
Live Class-46
- E-Commerce Application Development Part-02
2 Live Class
Module-24: Introduction to PHP, Variable, Constants, Data Types, Operators, Conditional Statements
Live Class-47
- PHP কী ও ব্যবহার ক্ষেত্র
- Server-side Programming ধারণা
- XAMPP / Laragon / WAMP সেটআপ
- PHP ফাইল তৈরি ও রান করা
Live Class-48
- Variable কিভাবে Declare করতে হয়
- PHP Data Types
- PHP Operators
- Conditional Statements (if-else, while, etc)
2 Live Class
Module-25: PHP Loop, Function, Array, String, Date Function, Superglobals, File Handling
Live Class-49
- PHP Loop
- PHP Function
- PHP Array & Array Methods
Live Class-50
- PHP String, Date Function
- Superglobals
- PHP File Handling
2 Live Class
Module-26: Object Oriented PHP, Error & Exception Handling, MySQL Integration, CRUD Project
Live Class-51
- Class & Object, Properties & Methods, Constructor & Destructor
- Inheritance
- Access Modifiers (public, private, protected)
- Static, Final, Abstract
- Encapsulation & Polymorphism
- Error Types, try-catch, Custom Exception
Live Class-52
- MySQLi (Procedural & Object Oriented)
- PDO
- PHP প্রজেক্ট-০১ঃ CRUD প্রজেক্ট
2 Live Class
Module-27: PHP Form Handling & Validation, Sessions, Cookies & Authentication
Live Class-53
- Form Creation, কিভাবে Form কে Validate করা যায়
- Sanitization, Error Display
- Session Creation & Destroy
Live Class-54
- Cookie Creation & Delete
- Login & Logout System
- Session Security
2 Live Class
Module-28: Projects
Live Class-55
- PHP প্রজেক্ট-০২ঃ Bookmark Manager প্রজেক্ট (Frontend Mentor Challenge) Part-01
Live Class-56
- PHP প্রজেক্ট-০২ঃ Bookmark Manager প্রজেক্ট (Frontend Mentor Challenge) Part-02
2 Live Class
Module-29: Introduction to Laravel, Routing in Laravel
Live Class-57
- Laravel কী, MVC Architecture বলতে কি বুঝায়?
- Composer কী?
- Laravel কিভাবে Install করতে হয়?
- Project Structure, .env ফাইল কনফিগারেশন
Live Class-58
- Artisan Command পরিচিতি
- Web Routes
- Route Parameter, Named Routes
- Route Group, Resource Route
2 Live Class
Module-30: Blade Template Engine, Controller & View, Database & Migration
Live Class-59
- Blade কি? Blade Syntax
- Controller তৈরি
- Single Action Controller
- Database Configuration
- Migration তৈরি
Live Class-60
- Data Type
- Primary & Foreign Key
- Migrate & Rollback
- Seeder & Factory
2 Live Class
Module-31: Eloquent ORM, Relationship Handling
Live Class-61
- Model তৈরি
- CRUD Operation
- Fillable / Guarded
Live Class-62
- Timestamps
- Soft Delete
- Mass Assignment
- One to One, One to Many, Many to Many
- Polymorphic
- Eager Loading
2 Live Class
Module-32: Form Handling & Validation, Authentication System
Live Class-63
- Request Handling
- Validation Rule
- Custom Error Message
- Old Input
- Form Security
Live Class-64
- Laravel Breeze / UI
- Registration & Login
- Password Reset
- Email Verification
- Middleware
2 Live Class
Module-33: Authorization System, File Upload & Storage, Session, Cache & Cookie
Live Class-65
- Gate, Policy
- Role-Based Access Control
- Permission Handling
- File Upload কিভাবে করতে হয়
- Image Validation
- Public / Storage Disk
Live Class-66
- Symbolic Link
- File Delete
- Session Management
- Flash Message
- Cache System
- Cookie Handling
2 Live Class
Module-34: API Development, E-commerce Project
Live Class-67
- REST API
- API Route
- JSON Response
- API Authentication
Live Class-68
- Laravel Sanctum
- প্রজেক্ট-০১ঃ E-commerce Project Part-01
2 Live Class
Module-35: E-Commerce Project
Live Class-69
- প্রজেক্ট-০১ঃ E-commerce Project Part-02
Live Class-70
- প্রজেক্ট-০১ঃ E-commerce Project Part-03
4,900 10,000
👉৪৯০০ টাকার অফারটি এখন ২ বারে দিতে পারবেন। প্রথমে ২৪৫০ টাকা দিয়ে ভর্তি হয়ে ক্লাস শুরু করে দিতে পারবেন, বাকি ২৪৫০ টাকা ১ মাসের মধ্যে পরিশোধ করার সুযোগ পাবেন। অফারটি শেষ হবে ১৪ জানুয়ারি রাত ১০ টা।
ইন্সট্রাকটর

Abdul Alim
Full Stack Developer, Lightnit
Lead Mentor, CodeJogot
কোর্স বিস্তারিত
- কোর্সের সময়সীমাঃ ৮ মাস
- ক্লাস পদ্ধতিঃ লাইভ (Google Meet)
- ৯৬ টি লাইভ ক্লাস
- লাইফ টাইম ভিডিও অ্যাক্সেস
- ৮ টি Monthly Exam
- ৩২ টি এসাইনমেন্ট
- ৩০ টি স্মল প্রজেক্ট
- ৫ টি ফুল স্ট্যাক প্রজেক্ট
- ফ্রিলান্সিং গাইডলাইন
- জব প্লেসমেন্ট সাপোর্ট
- সার্টিফিকেট (Both soft and hard copy)
Student feedback
কোডজগত সম্পর্কে স্টুডেন্টরা
আমি ২য় ব্যাচের Student ছিলাম। মাশাআল্লাহ্ CodeJogot এর Instructor আমাদের প্রতিটা বিষয় ধরে ধরে শিখিয়েছেন। CodeJogot এর যে দিকটা সবচেয়ে বেশি ভালো লাগে, তারা এক ব্যাচে Limited Students রাখেন, ফলে প্রতিটা ক্লাস শেষে Students রা প্রশ্ন করার যথেষ্ট সময় পায়। একজন মুসলিম হিসেবে CodeJogot কে আমি অবশ্যই এক ধাপ এগিয়ে রাখবো, কারন তাদের ক্লাস নেয়া থেকে সমস্ত কার্যাবলীতে ইসলামের ছোঁয়া পাই!
কোডজগতের ১ম ব্যাচের Student হিসেবে অনেকে ভালো লাগা কাজ করে। আমার Instructor ছিলেন আব্দুল আলিম ভাই। আলহামদুলিল্লাহ্ উনার বুঝানোর দক্ষতা খুবই ভালো। উনি শুধু যে আমাকে ক্লাস এই সময় দিয়েছেন তা নয়, ক্লাস এর বাইরেও Extra অনেক সময় দিয়েছেন। আলহামদুলিল্লাহ্, আমি এখন নিজে কোডজগত Team এ কাজ করি।
কোডজগতের সঙ্গে আমার অভিজ্ঞতা অত্যন্ত সুন্দর ছিল । তাদের One to One সাপোর্ট সত্যিই অসাধারণ এবং এটা অন্য কোথাও পাওয়া যায় না।