👍3
🗿8👍1
🗿6👍2
JavaScript
Bir test qilaylik 🙂
Jami 11 ta test bo'ldi 😀 , nechta topdingiz ? 😳
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤2🔥1
clentX va clentY
clentX va clentY — Cursor harakatlangan joyining gorizontal va vertikal koordinatalarini qaytaradi.
Koordinatalar brauzerni ko'rinib turgan qismiga nisbatan ishlaydi.
—————
pageX va pageY
pageX va pageY — Cursor harakatlangan joyining gorizontal va vertikal koordinatalarini qaytaradi.
Ushbu koordinata butun hujjatga nisbatan ro’y ishlaydi. Bu hujjatning o’ng va chap tomonidan ko’rinmaydigan qismni ham o’z ichiga oladi.
@abs_javascript
clentX va clentY — Cursor harakatlangan joyining gorizontal va vertikal koordinatalarini qaytaradi.
Koordinatalar brauzerni ko'rinib turgan qismiga nisbatan ishlaydi.
—————
pageX va pageY
pageX va pageY — Cursor harakatlangan joyining gorizontal va vertikal koordinatalarini qaytaradi.
Ushbu koordinata butun hujjatga nisbatan ro’y ishlaydi. Bu hujjatning o’ng va chap tomonidan ko’rinmaydigan qismni ham o’z ichiga oladi.
@abs_javascript
👍7⚡3
JavaScript
clentX va clentY clentX va clentY — Cursor harakatlangan joyining gorizontal va vertikal koordinatalarini qaytaradi. Koordinatalar brauzerni ko'rinib turgan qismiga nisbatan ishlaydi. ————— pageX va pageY pageX va pageY — Cursor harakatlangan joyining…
Ikkisini farqiga yana bir misol
👍2❤1
getBoundingClientRect
getBoundingClientRect() — DOMRect object ini qaytaradi bu object
1. Top
2. Left
3. Right
4. Botttom
5. Width
6. Height
8. X
9. Y
qiymatlarni o'z ichiga oladi.
@abs_javascript
getBoundingClientRect() — DOMRect object ini qaytaradi bu object
1. Top
2. Left
3. Right
4. Botttom
5. Width
6. Height
8. X
9. Y
qiymatlarni o'z ichiga oladi.
@abs_javascript
👍3❤1
Qoidalar
Hamma narsaning qonun qoidasi bor , sen bu taballarga amal qilishga majbursan , agar amal qilmaydigan bo'lsang jazolanasan.
Misol uchun JavaScript ning ham ozini talablari , qoidalari mavjud. Agar sen 2 ta bir xil o'zgaruvchi yaratadigan bo'lsang
senga error javobini berishadi. Chunki JavaScriptda bunday qilish mumkin emas va men bu qonun qoidalarga boysunmayman deyishlik nodonlik bo'ladi.
O'rganish , o'rgatish , chiroyli so'zlash , kiyinish ..... larning ham o'zining qoidalari mavjud. Bu qoidalarni bilsang tog'risini qilishliging oson bo'ladi.
#shaxsiy
@abs_javascript
Hamma narsaning qonun qoidasi bor , sen bu taballarga amal qilishga majbursan , agar amal qilmaydigan bo'lsang jazolanasan.
Misol uchun JavaScript ning ham ozini talablari , qoidalari mavjud. Agar sen 2 ta bir xil o'zgaruvchi yaratadigan bo'lsang
let abs = 45;
let abs = 22;
senga error javobini berishadi. Chunki JavaScriptda bunday qilish mumkin emas va men bu qonun qoidalarga boysunmayman deyishlik nodonlik bo'ladi.
O'rganish , o'rgatish , chiroyli so'zlash , kiyinish ..... larning ham o'zining qoidalari mavjud. Bu qoidalarni bilsang tog'risini qilishliging oson bo'ladi.
#shaxsiy
@abs_javascript
👍11❤4🔥2
JavaScript
https://www.youtube.com/watch?v=4TQgLWhtUIc&list=PLs2gHNubZmkDFj5Nt2RHlit1Ghm4u6yKm&index=4
Noldan dasturlashni o'rganmoqchi bolganlar uchun 🙂
👍5
👍5
Yaqin 1 oy deyarli umuman qo'shimcha narsa o'qimadim , qo'shimcha loyihalar olmadim , faqat qilmasam bo'lmaydigan ishlarni qildim halos Sentiyabr dan beri hali bunaqasi bo'lmagan 😳
Oldin qanday qilib odam ozini ustida ishlamasligi mumkin deydigan darajada edim 😟
Hozir qanday qilib dars qilsam boladi , loyihalarni ham qilmasak bo'lmaydi deb ozimni bir ammallab majburlab turg'izdim. 😢
Oldingi forma ga qaytib olish tog'day ko'rinyabdi 🤯
Mayli bir gap bo'lar , agar yana oldingi holatga qaytishni uddalasam , bu jarayonni o'zimda qanday kechganini eslab yaxshilab o'rganib olmoqchiman✍️
Oldingi holatga qaytganimni kanalda postlar ko'payishidan sezishlaring mumkin🙃
Ha yana bir gap, yaqinda bir yangilikni elon qilaman nasib qilsa😃
Oldin qanday qilib odam ozini ustida ishlamasligi mumkin deydigan darajada edim 😟
Hozir qanday qilib dars qilsam boladi , loyihalarni ham qilmasak bo'lmaydi deb ozimni bir ammallab majburlab turg'izdim. 😢
Oldingi forma ga qaytib olish tog'day ko'rinyabdi 🤯
Mayli bir gap bo'lar , agar yana oldingi holatga qaytishni uddalasam , bu jarayonni o'zimda qanday kechganini eslab yaxshilab o'rganib olmoqchiman
Oldingi holatga qaytganimni kanalda postlar ko'payishidan sezishlaring mumkin
Ha yana bir gap, yaqinda bir yangilikni elon qilaman nasib qilsa
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13😁3❤2
Mouse Event ✨
event — biron narsa sodir bo'lganligi haqida signal. 📡
Ko'p ishlatiladigan hodisalar ( evenetlar ) 📶
Sichqoncha:🐭
1. click — elementni bosgandagi holat
2. contextmenu — elementni sichqonchaling o'ng tugmasi bilan bosganda.
3. mouseover / mouseout — elementga cursor kelganda va cursor chiqayotgan holat.
4. mousedown / mouseup — element ustiga sichqonga bosganda va qoyib yuborganda.
5. mousemove — sichqonchani harakatlantirganda.
Klavyatura: 🎹
1. keydown / keyup — klavyatura tugmasi bosganda va qoyib yuborganda.
Form elementi:ℹ️
1. submit — form malumotlati jonatilganda
2. focus — elementga focus tushganda
Document:💊
1. DOMContentLoaded — HTML toliq yuklanganda.
CSS:⭐
1. transitionend — CSS animation tugaganda.
@abs_javascript
event — biron narsa sodir bo'lganligi haqida signal. 📡
Ko'p ishlatiladigan hodisalar ( evenetlar ) 📶
Sichqoncha:
1. click — elementni bosgandagi holat
2. contextmenu — elementni sichqonchaling o'ng tugmasi bilan bosganda.
3. mouseover / mouseout — elementga cursor kelganda va cursor chiqayotgan holat.
4. mousedown / mouseup — element ustiga sichqonga bosganda va qoyib yuborganda.
5. mousemove — sichqonchani harakatlantirganda.
Klavyatura: 🎹
1. keydown / keyup — klavyatura tugmasi bosganda va qoyib yuborganda.
Form elementi:
1. submit — form malumotlati jonatilganda
2. focus — elementga focus tushganda
Document:
1. DOMContentLoaded — HTML toliq yuklanganda.
CSS:
1. transitionend — CSS animation tugaganda.
@abs_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15⚡2❤1