|
Dasturiy injiniring va raqamli iqtisodiyot
|
| bet | 8/13 | | Sana | 13.01.2024 | | Hajmi | 6,97 Mb. | | #136377 |
Bog'liq ShodiyorbekCSS animatsiyalari.
CSS HTML elementlarini JavaScript yoki Flash ishlatmasdan animatsiya qilish imkonini beradi! Ushbu bo‘limda siz quyidagi xususiyatlar haqida bilib olasiz:
@keyframes
animation-name
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-timing-function
animation-fill-mode
Animatsiyalar uchun brauzerni qo‘llab-quvvatlash
Jadvaldagi raqamlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
1.10-Rasm. Animatsiyalar uchun brauzerni qo‘llab quvvatlash
CSS animatsiyalari nima? Animatsiya elementni asta-sekin bir uslubdan ikkinchisiga o‘zgartirish imkonini beradi. Siz xohlagancha ko‘p CSS xususiyatlarini o‘zingiz xohlagancha o‘zgartirishingiz mumkin. CSS animatsiyasidan foydalanish uchun avvalo animatsiya uchun ba’zi kalit kadrlarni belgilashingiz kerak. Asosiy kadrlar muayyan vaqtlarda element qanday uslublarga ega bo‘lishini saqlaydi. @keyframes qoidasi Qoida ichida CSS uslublarini belgilaganingizda @keyframes, animatsiya ma’lum vaqtlarda asta-sekin joriy uslubdan yangi uslubga o‘zgaradi. Animatsiyani ishga tushirish uchun siz animatsiyani elementga bog‘lashingiz kerak.
CSS animatsiyalari birinchi keyframe o‘ynashdan oldin yoki oxirgi keyframe o‘ynashdan keyin elementga ta’sir qilmaydi. Animatsiyani to‘ldirish rejimi xususiyati ushbu xatti-harakatni bekor qilishi mumkin.
Animation-fill-mode xususiyati animatsiya ijro etilmaganda (boshlanishidan oldin, tugashidan keyin yoki ikkalasi ham) maqsad element uchun uslubni belgilaydi.
1.6. JavaScript haqida
JavaScript — bu veb-sahifalarni o‘zaro tasirini hosil qilish uchun foydalaniladigan dasturiy tildir. Bu sahifaga hayot beradi ya’ni foydalanuvchini jalb qiladigan o‘zaro tasirlashuvchi elementlar va animatsiyalar hosil qiladi. Agar bosh sahifada qidiruv qutisini ishlatgan bo‘lsangiz, yoki videoni tomosha qilgan bo‘lsangiz, u JavaScript orqali ishlayotgan bo‘lishi mumkin.
JavaScript Javaga mutlaq tegishli emas. JavaScript va Java ikki xil kompyuter tilidir, ikkalasi ham 1995 yilda ishlab chiqilgan. Java obyektga asoslangan dasturiy til bo‘lib, u kompyuter muhitida mustaqil ishlashi mumkin degan ma’noni anglatadi. Boshqa tomondan JavaScript-ni veb-ga asoslangan dasturning bir qismi sifatida ishlashga mo‘ljallangan matn asosida dasturlash tilidir desak bo‘ladi. Vebga asoslangan muhitda ishga tushishidan oldin tuzilishi kerak bo‘lgan Java dasturlaridan farqli o‘laroq, JavaScript HTMLga birlashtirish uchun mo‘ljallangan. Barcha katta veb-brauzerlar JavaScript-ni qo‘llab-quvvatlaydi. JavaScript dan foydalanish va yozish JavaScript haqida eng muhim narsa, uni veb-kodingizdan foydalanish uchun qanday yozishni bilishingizga hojati yo‘q. Onlaynda bepul JavaScripts-ni topishingiz mumkin. Bunday buyruqlardan (kodlardan) foydalanish uchun bilishingiz kerak bo‘lgan yagona narsa, taqdim etilgan kodni veb-saytingizdagi to‘g‘ri joylarga qanday joylashtirishdir.
JavaScript-dan foydalanish uchun yozishga hojat bo‘lmasa-da, ayrim kod yozuvchilar buni qanday qilishni bilishni istashadi. JavaScriptda mavjud kodni yaratish uchun maxsus dastur talab qilinmaydi. Windows uchun Notepad kabi tekis muharriri sizning JavaScript-ni yozishingiz uchun kerak.
JavaScript va HTML boshqa narsalar. HTML va JavaScript ikki xil narsadir, lekin ular bir-birini to‘ldiradi. HTML — statik veb-kontentni aniqlash uchun mo‘ljallangan formatlash tili. Bu veb-sahifani uning asosiy tuzilishi bilan ta’minlaydi. JavaScript bu sahifadagi dinamik vazifalarni, masalan, animatsiya yoki qidiruv maydonchasini bajarish uchun mo‘ljallangan dasturiy tildir.
JavaScript veb-saytning HTML tizimida ishlash uchun yaratilgan va odatda bir necha marta ishlatiladi. Agar siz kod yozishni davom ettirmoqchi bo'lsangiz, ularni alohida fayllarga joylashtirsangiz JavaScript-ga osonroq kira olasiz. (.JS kengaytmasidan foydalanish ularni aniqlashda yordam beradi.) JavaScript-ni HTML-ga teg kiritish orqali bog‘laysiz. JavaScript-ning afzalliklari.
JavaScript-dan foydalanishning afzalliklari –Albatta bu yerda barchasi emas, asosiylari. Saytga darhol javob yozish —Ular ular biror narsa kiritishni unutganmi yo'qmi, sahifani qayta yuklanishini kutish shart emas.
O‘zaro tasirni oshirish — Foydalanuvchilar sichqonchani bosganda yoki klaviatura orqali ularni faollashtirganida, siz interfeyslarni (kompyuter bilan foydalanuvchuga aloqa qilish imkonini beradigan qurilma) yaratishingiz mumkin. Boyroq interfeyslar — Siz JavaScript-dan saytga tashrif buyuruvchilarga boy interfeys berish uchun drag-and-drop tarkibiy qismlari va slayder kabi narsalarni foydalanishingiz mumkin. JavaScript-ni cheklashlar.
JavaScript-ni to‘liq dasturlash tili sifatida ko‘rib chiqa olmaymiz. Unda Quyidagi muhim xususiyatlar yo‘q: Client-side JavaScript fayllarni o‘qish yoki yozishga ruxsat bermaydi. Bu xavfsizlik sababi bilan saqlandi.
JavaScript-ni tarmoq ilovalari uchun ishlatib bo‘lmaydi, chunki bu qo‘llab-quvvatlanmaydi. JavaScript-da hech qanday multithreading (ko‘p ishlov berish) yoki multiprosessor qobiliyati yo‘q.
1.11-Rasm. Javascript
JavaScript - bu interaktiv va dinamik veb-saytlarni yaratish uchun keng qo‘llaniladigan dasturlash tili. U birinchi marta 1995 yilda Brendan Eich tomonidan ishlab chiqilgan va hozirda ECMAScript standartlari organi tomonidan qo‘llab-quvvatlanadi. JavaScript barcha asosiy veb-brauzerlar tomonidan qo‘llab-quvvatlanadigan yuqori darajali, talqin qilingan dasturlash tilidir.
JavaScript asosan veb-brauzerda ishlaydigan mijoz tomoni skriptlarini yaratish uchun ishlatiladi. Bu shuni anglatadiki, u serverda emas, balki foydalanuvchining kompyuterida bajariladi. Bu foydalanuvchi tajribasini tezroq va sezgirroq qilish imkonini beradi, chunki kod to‘g‘ridan-to‘g‘ri brauzerda serverga borishni talab qilmasdan ishlashi mumkin. Bundan tashqari, JavaScript-dan Node.js kabi texnologiyalar yordamida server tomonidagi skriptlarni yaratish uchun foydalanish mumkin.
JavaScript-ning eng mashhur qo‘llanilishidan biri bu interaktiv veb-sahifalarni yaratishdir. Masalan, JavaScript-dan ochiladigan menyular, tasvir slayderlarini yaratish va shaklni tekshirish uchun foydalanish mumkin. Bundan tashqari, animatsiyalar, qalqib chiquvchi oynalar va modal oynalar kabi dinamik effektlarni yaratish uchun ham foydalanish mumkin. Bundan tashqari, JavaScript vazifalar ro‘yxati va kalendarlar kabi veb-ilovalarni yaratish uchun ishlatilishi mumkin.
JavaScript odatda HTML va CSS kabi boshqa veb-texnologiyalar bilan birgalikda ishlatiladi. HTML veb-sahifaning tuzilishini ta’minlaydi, CSS esa maket va dizaynni yaratish uchun ishlatiladi. JavaScript veb-sahifaga interaktivlik va dinamik xatti-harakatlarni qo‘shish uchun ishlatilishi mumkin.
JavaScript o‘rganish uchun nisbatan oson til bo‘lib, barcha asosiy veb-brauzerlar tomonidan qo‘llab-quvvatlanadi. Sintaksis C va Java kabi boshqa dasturlash tillariga o‘xshaydi va JavaScript-ni o‘rganish va boshlashga yordam beradigan ko‘plab manbalar mavjud. Bundan tashqari, Angular, React va Vue.js kabi ko‘plab ramkalar va kutubxonalar mavjud bo‘lib, ular ishlab chiqish jarayonini soddalashtirish va murakkab ilovalarni yaratishni osonlashtirish uchun ishlatilishi mumkin.
Xulosa qilib aytganda, JavaScript kuchli dasturlash tili bo‘lib, interaktiv va dinamik veb-sahifalar va veb-ilovalarni yaratishda keng qo‘llaniladi. Uni o‘rganish oson va barcha asosiy veb-brauzerlar tomonidan qo‘llab-quvvatlanadi va boshlashingizga yordam beradigan ko‘plab manbalar va ramkalar mavjud. Biroq, mijoz tomonidan skript yaratish bilan bog‘liq xavfsizlik muammolarini yodda tutish kerak.
1.12-Rasm. JavaScript voqealarga asoslangan tildir
|
| |
