1. Kirish. Vue. Js haqida ma'lumot

MUHAMMAD AL-XORAZIMIY NOMIDAGI TATU QARSHI FILIALI RI-1121 GURUH TALABASI KAMOLIDDINOV MUHAMMAD ALINING WEB-DASTURLASH FANIDAN TAYYORLAGAN

2-MUSTAQIL ISHI
Mavzu: JQUERY IU wijetlar: Slider,Tabs. Amaliy ko’rsatmalar
Reja:

1.Kirish. VUE.JS haqida ma'lumot.

2.Asosiy qism.VUE.JS ning imkoniyatlari va vazifalari.
3. VUE,Jsning amaliyotda qo’lanilishi.
4.Xulosa

1.Kirish. JQuery nima?

jQuery yengil, (jquery'ning logotipidagi so'zlar: "kam yoz, ko'p qil"), JavaScript-ning katta kutubxonasi JQuery'dir. JQuery'ga albatta raqobatchilar bor bular:

• 
  REACT JS
  
• 
  NODE JS va h.k
  

JQuery-ning maqsadi veb-saytingizda JavaScript-ni ishlatishni ancha osonlashtirishdir. jQuery ko'plab JavaScript kodlari satrlarini bajarishni talab qiladigan juda ko'p umumiy vazifalarni bajaradi va ularni bitta satr kodi bilan amalga oshiringiz mumkin bo'lgan usullarga o'giradi. jQuery shuningdek JavaScript-dan AJAX funksiyalarini va DOM manipulyatsiyasi kabi juda ko'p murakkab narsalarni soddalashtiradi. JQuery kutubxonasi quyidagi xususiyatlarni o'z ichiga oladi:

1. 
   HTML / DOM manipulyatsiyasi
   
2. 
   CSS manipulyatsiyasi
   
3. 
   HTML hodisalari usullari
   
4. 
   Effektlar va animatsiyalar
   
5. 
   AJAX
   
6. 
   Kommunal xizmatlar
   

2.JQuery UI Slider plagini tanlangan elementlarni slayderlarga aylantiradi. Ko'p sonli tutqich va diapazon kabi turli xil variantlar mavjud. Sichqoncha yoki o'q tugmachalari yordamida dastani ko'chirish mumkin.

Slayder vidjeti ui-slider-handle bilan ishga tushirishda dastani elementlarini yaratadi. Boshlashdan oldin elementlarni yaratish va qo'shish va ui-slider-handle sinfini qo'shish orqali maxsus dastani elementlarini belgilashingiz mumkin. U faqat value/values uzunligiga mos kelish uchun kerakli tutqichlar sonini yaratadi. Masalan, agar siz qiymatlarni ko'rsatsangiz: [1, 5, 18] va bitta maxsus dastani yaratsangiz, plagin qolgan ikkitasini yaratadi.

Slayder vidjeti tashqi ko'rinishini va ko'rinishini uslublash uchun jQuery UI CSS ramkasidan foydalanadi. Agar slayderga xos uslub kerak bo'lsa, quyidagi CSS sinf nomlari bekor qilish yoki sinflar opsiyasi uchun kalit sifatida ishlatilishi mumkin:

ui-slayder: slayderni boshqarish trassasi. Ushbu element qo'shimcha ravishda slayderning yo'nalish variantiga qarab ui-slayder-gorizontal yoki ui-slayder-vertikal sinf nomiga ega bo'ladi.

ui-slider-handle: slayder tutqichlaridan biri.
ui-slider-range: diapazon opsiyasi o'rnatilganda ishlatiladigan tanlangan diapazon. Ushbu element qo'shimcha ravishda ui-slider-range-min yoki ui-slider-range-max sinfiga ega bo'lishi mumkin, agar diapazon parametrlari mos ravishda "min" yoki "max" ga o'rnatilgan bo'lsa.
Slayderni jonlantirish opsiyasi bilan boshlang:

1 2 3

$( ".selector" ).slider({ animate: "fast" });

Ishga tushirgandan so'ng animatsiya parametrini oling yoki o'rnating:

1 2 3 4 5

// Getter var animate = $( ".selector" ).slider( "option", "animate" ); // Setter $( ".selector" ).slider( "option", "animate", "f