ব্রাউজার (Web Browser)

লেসন ৩ / ৪৪

ওয়েব ব্রাউজার কী?

ব্রাউজার হলো একটি সফটওয়্যার যা ওয়েব সার্ভার থেকে পেজ এনে ব্যবহারকারীকে দেখায়। HTML, CSS, JavaScript বোঝে ও execute করে।

জনপ্রিয় ব্রাউজার

  • Google Chrome — সবচেয়ে জনপ্রিয় (~65% market share), Blink engine
  • Mozilla Firefox — ওপেন সোর্স, Gecko engine
  • Microsoft Edge — Chromium ভিত্তিক
  • Safari — Apple-র ব্রাউজার, WebKit engine
  • Opera, Brave, Vivaldi — বিশেষায়িত ব্রাউজার

ব্রাউজারের মূল কম্পোনেন্ট

  • User Interface — Address bar, back/forward button, bookmarks
  • Browser Engine — UI ও rendering engine এর মধ্যে সংযোগ
  • Rendering Engine — HTML/CSS পার্স করে স্ক্রিনে দেখায় (Blink, Gecko, WebKit)
  • JavaScript Engine — JS কোড চালায় (V8, SpiderMonkey, JavaScriptCore)
  • Networking — HTTP/HTTPS request পাঠায়
  • Storage — Cookie, localStorage, IndexedDB

Browser কীভাবে একটি পেজ render করে?

  1. HTML parse করে DOM Tree তৈরি
  2. CSS parse করে CSSOM Tree তৈরি
  3. DOM + CSSOM = Render Tree
  4. Layout — প্রতিটি element কোথায় বসবে নির্ধারণ
  5. Paint — pixel আঁকা
  6. JavaScript execute করে DOM পরিবর্তন করতে পারে

Developer Tools (F12)

প্রতিটি ব্রাউজারে F12 চাপলে DevTools খোলে — Elements, Console, Network, Sources ট্যাব থাকে। ওয়েব ডেভেলপারের সবচেয়ে গুরুত্বপূর্ণ টুল।