Brauzer qanday ishlaydi?

Brauzer — bu siz web bilan ishlashda eng ko’p foydalanadigan dastur. Chrome, Firefox, Safari, Edge — bularning barchasi brauzer. Web dasturchi uchun brauzer nafaqat saytlarni ko’rish vositasi, balki asosiy ish quroli. Bu darsda brauzer aslida qanday ishlashini va u kodni qanday sahifaga aylantirishini o’rganamiz.

Brauzer nima?

Brauzer (web browser) — internetdagi saytlarni ochib, ko’rsatadigan dastur. Uning asosiy vazifasi: serverdan olingan kodni (HTML, CSS, JavaScript) o’qib, uni siz ko’radigan chiroyli, interaktiv sahifaga aylantirish.

Ya’ni server bizga faqat matnli kod yuboradi. Brauzer esa shu kodni tushunib, ranglar, rasmlar, tugmalar va matnlarga aylantiradi. Bu jarayon rendering deb ataladi.

Eng mashhur brauzerlar

Bir necha yirik brauzer bor va ularning har biri o’z “dvigateli”ga ega:

  • Google Chrome — dunyoda eng ko’p ishlatiladigan brauzer.
  • Mozilla Firefox — ochiq kodli, maxfiylikka e’tibor beradi.
  • Safari — Apple qurilmalarida (Mac, iPhone).
  • Microsoft Edge — Windows bilan keladi.

Web dasturchi uchun muhim tushuncha: sizning saytingiz barcha brauzerlarda bir xil ishlashi kerak. Shuning uchun dasturchilar kodni turli brauzerlarda sinab ko’radi. Buni “cross-browser testing” deyiladi.

Brauzer kodni qanday o’qiydi?

Brauzer sahifani ko’rsatishdan oldin bir necha bosqichdan o’tadi. Keling, soddalashtirilgan holda ko’rib chiqaylik:

1. HTML o’qish. Brauzer avval HTML kodni o’qiydi va undan sahifa tuzilishini quradi. Bu tuzilma DOM (Document Object Model) deb ataladi — sahifaning daraxt ko’rinishidagi modeli.

2. CSS qo’llash. Keyin brauzer CSS kodni o’qib, har elementga uslub beradi: rang, o’lcham, joylashuv. Endi sahifa chiroyli ko’rina boshlaydi.

3. JavaScript ishga tushirish. Agar sahifada JavaScript bo’lsa, brauzer uni bajaradi. Bu sahifaga harakat va interaktivlik qo’shadi.

4. Chizish (painting). Nihoyat, brauzer barcha ma’lumotni birlashtirib, sahifani ekranga chizadi. Siz tayyor sahifani ko’rasiz.

Bularning barchasi bir soniyaning kichik qismida sodir bo’ladi.

DOM — sahifaning tuzilmasi

DOM tushunchasi web dasturlashda juda muhim, shuning uchun unga alohida to’xtalamiz. DOM — bu brauzer HTML kodidan yaratadigan model. U sahifani daraxt ko’rinishida tasvirlaydi: sahifa ichida bo’limlar, bo’limlar ichida paragraflar, paragraflar ichida matn.

JavaScript aynan shu DOM bilan ishlaydi. Masalan, tugma bosilganda matnni o’zgartirish — bu JavaScript orqali DOM ni o’zgartirish demakdir. Bu haqda JavaScript bo’limida batafsil o’rganamiz.

Developer Tools — dasturchining eng yaxshi do’sti

Har bir zamonaviy brauzerda Developer Tools (dasturchi vositalari) bo’ladi. Bu web dasturchi uchun eng muhim vositalardan biri.

Uni ochish uchun sahifada F12 tugmasini bosing yoki sichqonchaning o’ng tugmasini bosib, “Inspect” (Tekshirish) ni tanlang.

Developer Tools bilan siz:

  • Sahifaning HTML va CSS kodini ko’rishingiz mumkin.
  • Elementlarni tekshirib, ularning uslublarini o’zgartirishingiz mumkin (vaqtincha, sinash uchun).
  • JavaScript xatolarini ko’rishingiz mumkin (Console bo’limi).
  • Sahifa qancha tez yuklanishini tekshirishingiz mumkin.
  • Sahifa turli ekran o’lchamlarida (telefon, planshet) qanday ko’rinishini sinashingiz mumkin.

Har qanday saytda F12 ni bosib, uning ichki tuzilishini ko’rishingiz mumkin. Bu o’rganish uchun ajoyib usul — yoqtirgan saytingiz qanday qurilganini ko’ring.

Brauzer va tezlik

Brauzer sahifani qanchalik tez ko’rsatsa, foydalanuvchi shunchalik mamnun bo’ladi. Sekin yuklanadigan sayt foydalanuvchilarni yo’qotadi. Shuning uchun web dasturchilar sahifa tezligiga katta e’tibor beradi.

Tezlikka ta’sir qiluvchi omillar:

  • Rasmlar hajmi (katta rasmlar sekin yuklanadi).
  • Kod hajmi (ortiqcha kod sahifani sekinlashtiradi).
  • Server tezligi va joylashuvi.

Yaxshi dasturchi sahifani nafaqat chiroyli, balki tez ham qiladi. Bizning LearnCode saytimiz ham aynan tezlikka e’tibor berib qurilgan.

Xulosa

  • Brauzer — kodni (HTML, CSS, JavaScript) chiroyli sahifaga aylantiruvchi dastur.
  • Kodni sahifaga aylantirish jarayoni — rendering.
  • Brauzer HTML dan DOM (sahifa daraxti) quradi, CSS bilan bezaydi, JavaScript bilan jonlantiradi.
  • Developer Tools (F12) — dasturchining asosiy vositasi: kod, xato, tezlikni ko’rish.
  • Sayt barcha brauzerlarda to’g’ri va tez ishlashi kerak.

Keyingi darsda sayt nomlari (masalan learncode.uz) IP manzilga qanday aylanishini — DNS va domenlarni ko’rib chiqamiz.