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
👍10🔥2
JavaScriptda memory ( xotira) 😲
2️⃣ JavaScriptda foydalanadigan 2 turli xotira bor.
⚡️ 1. Stack Memory ( Stek xotira )
a. Stack xotira oddiy , kichik va tez hisoblanadi.
b. U primitiv turlari uchun foydalanadi.
c. Bu xotira turi kompyuterning RAM ( operativ xotirasi ) orqali boshqariladi.
d. Stack xotira statik yani o'lchami dastur bajarilyotganda o'zgarmaydi.
🎃 2. Heap Memory
a. Heap katta va sekin ishlaydi.
b. U object , array , funksiya malumotlarini saqlash uchun ishlatiladi.
c. Heap xotira dinamik bo'ladi, dastur ishlayotganda unga yangi malumotlar qo'shilishi yoki o'chirilishi mumkin.
d. Stack xotiraga qaraganda , heap xotirani boshqarish qiyinroq va malumotlar adress orqali boshqariladi.
Xotirani toza saqlash uchun garbage collection mexanizimi mavjud. Bu mexanizim foydalanilmayotgan objectni automatik xotiradan ochiradi.
‼️ Dostlarga ham ulashing , ular uchun ham foydali bo'lsin
@abs_javascript
a. Stack xotira oddiy , kichik va tez hisoblanadi.
b. U primitiv turlari uchun foydalanadi.
c. Bu xotira turi kompyuterning RAM ( operativ xotirasi ) orqali boshqariladi.
d. Stack xotira statik yani o'lchami dastur bajarilyotganda o'zgarmaydi.
🎃 2. Heap Memory
a. Heap katta va sekin ishlaydi.
b. U object , array , funksiya malumotlarini saqlash uchun ishlatiladi.
c. Heap xotira dinamik bo'ladi, dastur ishlayotganda unga yangi malumotlar qo'shilishi yoki o'chirilishi mumkin.
d. Stack xotiraga qaraganda , heap xotirani boshqarish qiyinroq va malumotlar adress orqali boshqariladi.
Xotirani toza saqlash uchun garbage collection mexanizimi mavjud. Bu mexanizim foydalanilmayotgan objectni automatik xotiradan ochiradi.
@abs_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
JavaScript
Garbage Collection
Biz object yaratgan paytimizda ( let obj= {} ) shu objectga kerakli xotirani javascript automatik yaratib beradi.
Biz yaratgan objectni ishlatib bo'lganimizdan keyin u boshqa ishlatilmaydigan bo'lsa , Javascript uni aniqlab oladi va…
Biz object yaratgan paytimizda ( let obj= {} ) shu objectga kerakli xotirani javascript automatik yaratib beradi.
Biz yaratgan objectni ishlatib bo'lganimizdan keyin u boshqa ishlatilmaydigan bo'lsa , Javascript uni aniqlab oladi va…
👍11🔥3🐳2😁1👌1
confetti-js
Vercel dan foydalanadiganlar bu effectni juda yaxshi bilishsa kerak.
Yangi amalyotimda bu effectni bir necha turini sinab ko'rdim.
Link: https://abs-javascript-confetti-js.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Vercel dan foydalanadiganlar bu effectni juda yaxshi bilishsa kerak.
Yangi amalyotimda bu effectni bir necha turini sinab ko'rdim.
Link: https://abs-javascript-confetti-js.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
👍15
DSA (Data Structures and Algorithms) ni o'rganish uchun 5 ta qadam:
1-qadam:
Birinchi navbatda biror dasturlash tilini o'rganish lozim. Misol uchun: Java, C++, JavaScript, Python. Ushbu tillar algoritm va ma'lumotlar tuzilmalari bilan ishlash uchun mos keladi.
2-qadam:
Time Complexity va Space Complexity tushunchalarini o'rganish zarur. Bu algoritmning samaradorligini baholashda muhim rol o'ynaydi.
3-qadam:
Ma'lumotlar tuzilmalari (Data Structures) va algoritmlar (Algorithms) bilan tanishish:
Data Structures: Array, String, Linked List, Stack, Queue, Tree, Graph.
Algorithms: Searching, Sorting, Divide & Conquer, Hashing, Greedy, Recursion, Backtracking, Tree & Graph Traversal, Dynamic Programming.
4-qadam:
Data Structures va algoritmlarni amalda qo‘llab ko‘rish.
Amaliyot qilish uchun tavsiya etilgan manbalar: LeetCode, CodeChef, Codeforces, HackerRank, GeeksforGeeks.
5-qadam:
DSA bo‘yicha bilim va mahoratingizni oshirish uchun turli xil manbalar yoki onlayn musobaqalarda ishtirok eting.
Musobaqalar uchun foydali saytlar: TopCoder, HackerRank, CodeChef, LeetCode, Codeforces.
@JavaScriptQuiiz
1-qadam:
Birinchi navbatda biror dasturlash tilini o'rganish lozim. Misol uchun: Java, C++, JavaScript, Python. Ushbu tillar algoritm va ma'lumotlar tuzilmalari bilan ishlash uchun mos keladi.
2-qadam:
Time Complexity va Space Complexity tushunchalarini o'rganish zarur. Bu algoritmning samaradorligini baholashda muhim rol o'ynaydi.
3-qadam:
Ma'lumotlar tuzilmalari (Data Structures) va algoritmlar (Algorithms) bilan tanishish:
Data Structures: Array, String, Linked List, Stack, Queue, Tree, Graph.
Algorithms: Searching, Sorting, Divide & Conquer, Hashing, Greedy, Recursion, Backtracking, Tree & Graph Traversal, Dynamic Programming.
4-qadam:
Data Structures va algoritmlarni amalda qo‘llab ko‘rish.
Amaliyot qilish uchun tavsiya etilgan manbalar: LeetCode, CodeChef, Codeforces, HackerRank, GeeksforGeeks.
5-qadam:
DSA bo‘yicha bilim va mahoratingizni oshirish uchun turli xil manbalar yoki onlayn musobaqalarda ishtirok eting.
Musobaqalar uchun foydali saytlar: TopCoder, HackerRank, CodeChef, LeetCode, Codeforces.
Agar masalalarni ishlashda qiyinchilikka duch kelsangiz yoki DSA ni o'rganmoqchi bo‘lsangiz, yuqorida sanab o'tilgan 5 qadamni qo'llab ko'ring. Bu bosqichlar sizga jarayonni osonlashtiradi va natijada samarali o‘rganishingizga yordam beradi.
@JavaScriptQuiiz
👍20👌3😁1
PageSpeed Insights
Bu sayt orqali asoschilar-club.uz saytini tekshirib ko'rgan edim.
Natijalar juda Xursand qildi.
Bu websiteni yopiq kanalda dars sifatida o'tib beryabman hozir.
Tahminan 3 ta darsimiz qoldi. Shu bilan nihoyasiga yetadi.
Portfolio uchun yana bir saytni qoshish istagida bo'lganlar.
Hozir ham yopiq kanalga qoshilishi mumkin.
Batafsil malumot: https://t.iss.one/frontend/1521
@abs_javascript
Bu sayt orqali asoschilar-club.uz saytini tekshirib ko'rgan edim.
Natijalar juda Xursand qildi.
Bu websiteni yopiq kanalda dars sifatida o'tib beryabman hozir.
Tahminan 3 ta darsimiz qoldi. Shu bilan nihoyasiga yetadi.
Portfolio uchun yana bir saytni qoshish istagida bo'lganlar.
Hozir ham yopiq kanalga qoshilishi mumkin.
Batafsil malumot: https://t.iss.one/frontend/1521
@abs_javascript
👍8👌7🔥6😁1
JavaScript pinned «GPT ni o'rniga ishlatish uchun: https://v0.dev/ Qisqa fursatlarda ishga tushsa kerak.»
.txt file download 🧢
Textarea dan malumotlarni olib .txt 📝 file sifatida yuklab olishni bajarib ko'rdim😀
Link: https://abdulvahob-txt-file-download.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
👉 @abs_javascript
Textarea dan malumotlarni olib .txt 📝 file sifatida yuklab olishni bajarib ko'rdim
Link: https://abdulvahob-txt-file-download.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥4🐳2
Forwarded from Ramziddin — Dasturlash haqida
This media is not supported in your browser
VIEW IN TELEGRAM
😁26🐳3
JavaScript
Video message
Bu yerda aytgan botimiz tayyor bo'ldi , hozir test rejimida ishlatib ko'ryabmiz.
Tez orqada sizlar bilan ham bo'lishaman😃
Tez orqada sizlar bilan ham bo'lishaman
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥3🐳2
Forwarded from Elshod Adamov
This media is not supported in your browser
VIEW IN TELEGRAM
Gap egasini topadi 🥸
🤣43😁7👍4🤯1👌1🐳1
Yozmagan kodlarim bor , bir kun kelib yozarsan — degandim.
Hammasini GPT yozib bo'ldi — endi kerak emassan.
@abs_javascript
Hammasini GPT yozib bo'ldi — endi kerak emassan.
@abs_javascript
🤣30😁8👍3
Set
Set — bu toplam . Faqat bunda har bir element bir marotaba foydalanishi mumkin.
let set = new Set() — yangi Set yaratildi.
set.add("abs") — qiymay qo'shildi
set.delete("abs") — qiymat olib tashlandi.
set.has("abs") — qiymat bor yoqligi tekshirildi . Bor bo'lsa true yoq bo'lsa false
set.clear() — malumotlarni tozalaydi
set.size — elementlar soni
@abs_javascript
Set — bu toplam . Faqat bunda har bir element bir marotaba foydalanishi mumkin.
let set = new Set() — yangi Set yaratildi.
set.add("abs") — qiymay qo'shildi
set.delete("abs") — qiymat olib tashlandi.
set.has("abs") — qiymat bor yoqligi tekshirildi . Bor bo'lsa true yoq bo'lsa false
set.clear() — malumotlarni tozalaydi
set.size — elementlar soni
@abs_javascript
👍10🔥3👌1
Drag-Drop | Qiziqarli loyiha 😎
Bu loyihani qanday tayorlash mumkin ?
"dragover" va "drop" hodisasidan foydalanishingiz kerak bo'ladi.
Amalyot uchun:
Link: https://js-project-30.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Bu loyihani qanday tayorlash mumkin ?
"dragover" va "drop" hodisasidan foydalanishingiz kerak bo'ladi.
Amalyot uchun:
Link: https://js-project-30.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥5👌1🐳1
JavaScript’ni o‘rgandingiz, lekin qayerda ishlatishni bilmayapsizmi?
📌 Endigina JavaScript'ga kirgan bo‘lsangiz ham, ushbu 2 ta maxsus dars orqali real saytlarda ishlatish mumkin bo‘lgan 5 ta mini amaliyotni bajara olasiz!
📈Ko‘pchilik hatto 1 oy JavaScript o‘qigandan keyin ham:"Bu bilimni qayerda ishlataman?" – deb o‘ylaydi.
✅ Aynan shu muammoni hal qilish uchun 2 ta maxsus dars tayyorladim!
1-dars
2-dars
📚 Darslarni ko‘rib, JavaScript'ni tez va oson tushunib oling!
📌 Endigina JavaScript'ga kirgan bo‘lsangiz ham, ushbu 2 ta maxsus dars orqali real saytlarda ishlatish mumkin bo‘lgan 5 ta mini amaliyotni bajara olasiz!
📈Ko‘pchilik hatto 1 oy JavaScript o‘qigandan keyin ham:"Bu bilimni qayerda ishlataman?" – deb o‘ylaydi.
✅ Aynan shu muammoni hal qilish uchun 2 ta maxsus dars tayyorladim!
1-dars
2-dars
📚 Darslarni ko‘rib, JavaScript'ni tez va oson tushunib oling!
YouTube
1 - dars | JavaScript
#frontend #web #webdasturalsh #webdasturalsh #tutorial #Html
👍12🔥3
Shu kabi sectionlarni yasash uchun:
Link: https://egegorgulu.com/works/beforeafterjs/
Dan foydalangan maqul.
Link: https://egegorgulu.com/works/beforeafterjs/
Dan foydalangan maqul.
👍11🔥2