Sobes.tech
Intervyu yordami
Resurslar
Intervyuga tayyorgarlik
Resurslar
Ish qidirish
Resurslar
Huquqiy
Savollarga qaytish
Middle

HTML5-ni ochiq veb-platforma sifatida ko'rib chiqilsa, u nima asoslangan va qaysi komponentlardan iborat?

sobes.tech AI

AIdan javob

HTML5 veb-platforma sifatida quyidagi tamoyillar va tushunchalar asosida qurilgan:

  • Ochiq veb standartlari: Platforma W3C va WHATWG tavsiyalariga asoslangan bo‘lib, o‘zaro ishlash va kirish imkoniyatini ta’minlaydi.
  • Semantika: Yangi elementlar yordamida kontentning tuzilmasi yaxshilandi, bu mashinalar va insonlar uchun o‘qilishi uchun qulayroq bo‘ldi.
  • Kirish imkoniyati (Accessibility): ARIA kabi o‘rnatilgan mexanizmlar va atributlar yordamida cheklovlari bo‘lgan insonlar uchun qulay bo‘lgan ilovalar yaratish.
  • Ishlash tezligi (Performance): Yangi API va yondashuvlar yordamida veb-ilovalar yuklanish va ishlash tezligini optimallashtirish.
  • Kengaytirilish (Extensibility): JavaScript API’lari yordamida yangi funksiyalar qo‘shish imkoniyati.

HTML5 veb-platforma komponentlari quyidagilardan iborat:

  • HTML: Kontentni tuzish uchun markup tili. Yangi elementlar (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) va yangi atributlar (data-*, contenteditable, spellcheck) ni o‘z ichiga oladi.
  • CSS: Vizual dizayn uchun uslublar tili. Yangi imkoniyatlar:
    • Tanlovchilar (:nth-child, :nth-last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :not, :target, :checked, :indeterminate, :enabled, :disabled, :read-only, :read-write).
    • Pseudo-elementlar (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
    • Yangi xususiyatlar (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
    • Media so‘rovlar (@media) moslashuvchan dizayn uchun.
  • JavaScript: Interaktivlik va dinamiklik uchun skript tili. Yangi API’lar:
    • DOM (Document Object Model): Sahifa elementlariga kirish va ularni boshqarish yaxshilandi.
    • Canvas API: 2D grafik chizish.
    • WebGL API: 3D grafik chizish (OpenGL ES asosida).
    • SVG (Scalable Vector Graphics): Vektor grafik chizish. HTML bilan integratsiya qilingan.
    • Web Storage: Ma’lumotlarni mijoz tomonida saqlash (localStorage, sessionStorage).
    • IndexedDB: Mijoz tomonida tuzilgan ma’lumotlar uchun ma’lumotlar bazasi.
    • Web Workers: Resurslarni ko‘p ishlatadigan vazifalarni fon rejimida bajarish.
    • WebSocket API: Mijoz va server o‘rtasida real vaqtda ikki tomonlama aloqa.
    • Geolocation API: Foydalanuvchining joylashuvini aniqlash.
    • Drag and Drop API: Elementlarni ko‘chirib tashlash.
    • File API: Mijoz tomonida fayllar bilan ishlash.
    • History API: Brauzer tarixini boshqarish, sahifa yangilamasdan.
    • Fetch API: Asinxron HTTP so‘rovlarini amalga oshirish uchun yaxshilangan usul.
    • Service Workers: Tarmoq so‘rovlarini ushlash, kechiktirish, push-xabarnomalar uchun offline funksionallik.
    • Web Audio API: Audio bilan ishlash dasturlash darajasida.
    • Media Capture and Streams API (getUserMedia): Kamera va mikrofonga kirish.

Bu komponentlar birgalikda ishlaydi, murakkab, yuqori samarali va interaktiv veb-ilovalar yaratishga imkon beradi.

OldingiKeyingi