Java Script texnologiyasi




Download 400,17 Kb.
bet16/24
Sana20.05.2024
Hajmi400,17 Kb.
#244645
1   ...   12   13   14   15   16   17   18   19   ...   24
Bog'liq
Diplom ishi

Java Script texnologiyasi.

JavaScript - bu veb-sahifalarda murakkab funksiyalarni amalga oshirish imkonini beruvchi skript yoki dasturlash tilidir - har safar veb-sahifa shunchaki u erda o'tirishdan ko'proq narsani qiladi va siz ko'rishingiz uchun statik ma'lumotlarni ko'rsatadi - o'z vaqtida kontent yangilanishlarini, interaktiv xaritalarni, animatsion 2D/ 3D grafika, aylantiruvchi video jukebokslar va boshqalar — JavaScript-ni jalb qilish mumkinligiga ishonch hosil qilishingiz mumkin. Bu standart veb-texnologiyalar qatlamining uchinchi qatlami bo'lib, ulardan ikkitasi (HTML va CSS) biz Ta'lim sohasining boshqa qismlarida batafsilroq yoritilgan.

HTML - biz veb-kontentimizni tuzish va mazmunini berish uchun foydalanadigan belgilash tilidir, masalan, paragraflar, sarlavhalar va ma'lumotlar jadvallarini belgilash yoki sahifaga rasm va videolarni joylashtirish.

CSS bu uslub qoidalari tili boʻlib, biz HTML tarkibimizga uslubni qoʻllash, masalan, fon ranglari va shriftlarni oʻrnatish va kontentimizni bir nechta ustunlarga joylashtirish uchun foydalanamiz.

JavaScript - bu dinamik ravishda yangilanadigan tarkibni yaratish, multimediyani boshqarish, tasvirlarni jonlantirish va boshqa deyarli hamma narsani yaratish imkonini beruvchi skript tilidir. (Yaxshi, hammasi emas, lekin JavaScript kodining bir necha qatori bilan nimaga erishishingiz hayratlanarli.)

Uchta qatlam bir-birining ustiga chiroyli tarzda qurilgan. Misol tariqasida Button tugmani olaylik. Biz uni tuzilishi va maqsadini berish uchun HTML yordamida belgilashimiz mumkin:




Keyin biz chiroyli ko'rinishga ega bo'lish uchun dastur kodiga ba'zi CSS qo'shishimiz mumkin:


button {
font-family: "helvetica neue", helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
border: 2px solid rgb(200 200 0 / 60%);
background-color: rgb(0 217 217 / 60%);
color: rgb(100 0 0 / 100%);
box-shadow: 1px 1px 2px rgb(0 0 200 / 40%);
border-radius: 10px;
padding: 3px 10px;
cursor: pointer;
}

Download 400,17 Kb.
1   ...   12   13   14   15   16   17   18   19   ...   24




Download 400,17 Kb.