Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • JavaScript Documentation48টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • JavaScript কী?
  • Syntax & Comments
  • Variables
  • Data Types: Basics
  • Data Types: Conversion
  • Data Types: Advanced
  • Strings
  • Numbers & Math
  • Date & Time
  • Operators
  • Conditions
  • Loops
  • Functions: Basics
  • Functions: Intermediate
  • Functions: Advanced
  • Scope & Hoisting
  • Closures & this
  • ES6+ Modern
  • Arrays: Basics
  • Arrays: Intermediate
  • Arrays: Advanced
  • Objects: Basics
  • Objects: Intermediate
  • Objects: Advanced
  • Class: Basics
  • Class: Intermediate
  • Class: Advanced
  • DOM: Basics
  • DOM: Intermediate
  • DOM: Advanced
  • Events: Basics
  • Events: Intermediate
  • Events: Advanced
  • Async JavaScript
  • Promise
  • Async / Await
  • Fetch API
  • JSON
  • Modules
  • Browser Storage
  • Event Loop Deep
  • Prototype Chain
  • Iterators & Generators
  • WeakMap, WeakSet, Proxy
  • Error Handling
  • Practice Problems
  • Mini Projects
  • Basics
  • Functions & Scope
  • Types & Syntax
  • Arrays & Objects
  • Advanced
  • Functional Programming
  • Objects & Symbols
  • Async Deep Dive
  • Modern JavaScript
  1. Docs
  2. JavaScript
  3. Async JavaScript (অ্যাসিংক্রোনাস)
JavaScriptIntermediate

Async JavaScript (অ্যাসিংক্রোনাস)

Synchronous বনাম Asynchronous, callback, event loop, setTimeout — async JavaScript-এর ভিত্তি বাংলায়।

11টি অংশবাংলা ভাষায়

JavaScript সাধারণত synchronous — এক কাজ শেষ হলে পরেরটি। কিন্তু API কল, ফাইল পড়া, টাইমারের মতো কাজ দীর্ঘ সময় নেয়। এক্ষেত্রে asynchronous চালনার প্রয়োজন।

Synchronous বনাম Asynchronous

console.log("১");
setTimeout(() => {
  console.log("২ (setTimeout)");
}, 0);
console.log("৩");

// Output: ১ → ৩ → ২ (setTimeout)

setTimeout টাইমার সেট করে, তাই console.log("৩") আগে চলে। কাজটি ব্লক হয়নি।

Callback

function fetchData(callback) {
  setTimeout(() => {
    callback({ id: 1, name: "ডেটা" });
  }, 1000);
}

fetchData((data) => {
  console.log(data.name);
});

Event Loop

ব্রাউজার event loop দিয়ে async কাজ সাথেও synchronized রাখে — যতক্ষণ main কল স্ট্যাক খালি হয়, ততক্ষণ queue-এর কাজ থেমে থাকে।

callback-এর সমস্যা

একের ভেতরে আরেকটি callback-কে অনেকবার nesting করলে কোড পড়া কঠিন হয় — এটিকে বলা হয় callback hell। এর সমাধানে আসে Promise ও async/await — পরের অধ্যায়ে।

UI বাঁচান

বড় heavy sync কাজ (বিশাল লুপ) main thread আটকে পেজ freeze করতে পারে। দরকারে async/worker ব্যবহার করুন।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরEvents: Advanced (Event Delegation, Custom Events)পরেরJavaScript Promise
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com