#Tursunov_Dev #knowledge #javaScript
💡 ANSWER:
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
💡 ANSWER:
console.log(newArray);
[ 1, <1 empty item>, 3, 4, 5 ]
console.log(newArray.length);
5
📚 Manba: JavaScript🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
👍5🔥4
#Tursunov_Dev #knowledge #javaScript
🔥 ARRAY SPREAD OPERATOR - Bu operator (3ta nuqta) orqali birinchi arraydagi ma'lumotlarni, ikkinchi arrayga ko'chirib olishingiz mumkin.
💡 ANSWER:
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 ARRAY SPREAD OPERATOR - Bu operator (3ta nuqta) orqali birinchi arraydagi ma'lumotlarni, ikkinchi arrayga ko'chirib olishingiz mumkin.
💡 ANSWER:
📚 Manba: JavaScriptThe elements from the first array 1,2,3,4,5
The length of the first is: 5
The elements of the second array 1,2,3,4,5
The length of second array is: 5
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥10
#Tursunov_Dev #project #html5 #css3 #javaScript
🧠 MEMORY GAME - Yoshlikni eslab o'yin o'ynashga nima deysiz? Ayniqsa, u o'yin eng sevimli o'yiningiz bo'lsa-da! Qani ko'ramiz kimni xotirasi kuchli ekan!
Mazza! 😄
👉🏻 Live
👉🏻 Code
✍️ Yana qanaqa proyektlar yasashimni xoxlaysiz. O'z fikringizni izoh sifatida qoldiring!
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🧠 MEMORY GAME - Yoshlikni eslab o'yin o'ynashga nima deysiz? Ayniqsa, u o'yin eng sevimli o'yiningiz bo'lsa-da! Qani ko'ramiz kimni xotirasi kuchli ekan!
Mazza! 😄
👉🏻 Live
👉🏻 Code
✍️ Yana qanaqa proyektlar yasashimni xoxlaysiz. O'z fikringizni izoh sifatida qoldiring!
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
👍4🔥3⚡1
#Tursunov_Dev #knowledge #javaScript
💡 Traditional Function
💡 Function Expression
💡 Arrow Function
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
💡 Traditional Function
💡 Function Expression
💡 Arrow Function
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥7⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
#Tursunov_Dev #javaScript
😁 JAVASCRIPT - Buni hazil deb qabul qilishingiz mumkin. Lekin rostan ham JavaScript shunday ishlaydi )
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁 JAVASCRIPT - Buni hazil deb qabul qilishingiz mumkin. Lekin rostan ham JavaScript shunday ishlaydi )
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁8👍2
#Tursunov_Dev #knowledge #javaScript
📚 JavaScript Zero to Hero - Dasturlashda yangi bo'lsangiz ham, zamonaviy JavaScript-ni o'zlashtirgan eng to'liq qo'llanma.
😄 DOM - Document Object Modelga yetib keldik. Boshlanishiga yaxshi o'tib oldik. Endi DOM bilan ham ozroq boshimizni qotiramiz...
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
📚 JavaScript Zero to Hero - Dasturlashda yangi bo'lsangiz ham, zamonaviy JavaScript-ni o'zlashtirgan eng to'liq qo'llanma.
😄 DOM - Document Object Modelga yetib keldik. Boshlanishiga yaxshi o'tib oldik. Endi DOM bilan ham ozroq boshimizni qotiramiz...
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
👍6🔥2
#Tursunov_Dev #knowledge #javaScript
💡 DOM yoki Document Object Model veb-sayt sahifalarimizni interaktiv va foydalanuvchilarga qulay qilish uchun zarurdir. DOM dasturlash tili emas, lekin u boshqa dasturlash tillariga ruxsat beruvchi interfeysdir veb-sayt mazmuni, tuzilishi va uslubini boshqarish.
💡 Biz bilamizki, JavaScript bizga ruxsat beruvchi skript tilidir veb-sahifalarda funksiyalarni amalga oshirish uchun. Bu xususiyatlar juda oddiy yoki juda murakkab bo'lishi mumkin.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
💡 DOM yoki Document Object Model veb-sayt sahifalarimizni interaktiv va foydalanuvchilarga qulay qilish uchun zarurdir. DOM dasturlash tili emas, lekin u boshqa dasturlash tillariga ruxsat beruvchi interfeysdir veb-sayt mazmuni, tuzilishi va uslubini boshqarish.
💡 Biz bilamizki, JavaScript bizga ruxsat beruvchi skript tilidir veb-sahifalarda funksiyalarni amalga oshirish uchun. Bu xususiyatlar juda oddiy yoki juda murakkab bo'lishi mumkin.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥5⚡1👌1
#Tursunov_Dev #knowledge #javaScript
Qattiq rejim
💡 JavaScript-da biz qattiq rejim deb atalgan narsamiz va u ECMAScript 5 da joriy qilingan.
💡 JavaScript-ning cheklangan versiyasiga a'zo bo'ling va yagona maqsad bizning kodimiz shu erda bajarilishi kerakligini ko'rsatishdir qat'iy rejim.
💡 Ushbu qattiq rejim yordamida biz yashirin xatolarni osongina aniqlashimiz va kodimizni osongina tuzatishimiz mumkin. Masalan, biz ushbu rejim ostida e'lon qilinmagan o'zgaruvchilardan foydalana olmaydi. Ko'rib turganingizdek, JavaScript bizga imkon beradigan noodatiy xususiyatlarga ega ba'zi hollarda xato yoki xatolikka yo'l qo'ymaslik uchun. Ushbu rejim yordamida biz bu xatti-harakatni boshqarishimiz mumkin va biz har doim kerak qat'iy rejimdan foydalaning. JavaScript-da ushbu rejimni yoqish uchun biz qilishimiz kerak bo'lgan yagona narsa kodning bitta qatorini faylning yuqori qismiga yozishdir.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
Qattiq rejim
💡 JavaScript-da biz qattiq rejim deb atalgan narsamiz va u ECMAScript 5 da joriy qilingan.
💡 JavaScript-ning cheklangan versiyasiga a'zo bo'ling va yagona maqsad bizning kodimiz shu erda bajarilishi kerakligini ko'rsatishdir qat'iy rejim.
💡 Ushbu qattiq rejim yordamida biz yashirin xatolarni osongina aniqlashimiz va kodimizni osongina tuzatishimiz mumkin. Masalan, biz ushbu rejim ostida e'lon qilinmagan o'zgaruvchilardan foydalana olmaydi. Ko'rib turganingizdek, JavaScript bizga imkon beradigan noodatiy xususiyatlarga ega ba'zi hollarda xato yoki xatolikka yo'l qo'ymaslik uchun. Ushbu rejim yordamida biz bu xatti-harakatni boshqarishimiz mumkin va biz har doim kerak qat'iy rejimdan foydalaning. JavaScript-da ushbu rejimni yoqish uchun biz qilishimiz kerak bo'lgan yagona narsa kodning bitta qatorini faylning yuqori qismiga yozishdir.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥4💯2
#Tursunov_Dev #knowledge #javaScript
🔥 HTML STRUKTURA 🔥
💡 Ushbu misolning birinchi qatorida bizda DOCTYPE elementi mavjud. Ushbu deklaratsiya brauzerga HTML5 ekanligini bildiradi <html> elementi HTML sahifaning ildiz elementi hisoblanadi. Xo'sh, bu nima HTML elementi? Xo'sh, HTML elementi boshlang'ich va tugatish tegi bilan belgilanadi. Bu teglar orasida bizda elementlar ham bor.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 HTML STRUKTURA 🔥
💡 Ushbu misolning birinchi qatorida bizda DOCTYPE elementi mavjud. Ushbu deklaratsiya brauzerga HTML5 ekanligini bildiradi <html> elementi HTML sahifaning ildiz elementi hisoblanadi. Xo'sh, bu nima HTML elementi? Xo'sh, HTML elementi boshlang'ich va tugatish tegi bilan belgilanadi. Bu teglar orasida bizda elementlar ham bor.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
⚡5🔥1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
#Tursunov_Dev #javaScript
🤔 Nima deb o'ylaysizlar? Qadrdonlar bu yerda "Qora Yumor" oshirib yuborilmadimi?
✍️ O'z fikringizni izoh tarzida yozing!
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🤔 Nima deb o'ylaysizlar? Qadrdonlar bu yerda "Qora Yumor" oshirib yuborilmadimi?
✍️ O'z fikringizni izoh tarzida yozing!
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁8👍1
#Tursunov_Dev #knowledge #javaScript
🔥 ID VS CLASS 🔥
💡 CLASSlar juda ko'p turli HTML-da ishlatilishi mumkin bo'lgan elementlar. ID yagona bo'lishi kerak. Identifikatorlar bilan bir xil, biz CLASS nomidan foydalanishimiz mumkin.
💡 Ularni eslab qolishnig eng yaxshi usullaridan biri shuki:
ℹ️ #ID - Xudbin bo'lishi kerak (yagona)
ℹ️ .CLASS - Do'stona bo'lishi kerak (ko'p)
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 ID VS CLASS 🔥
💡 CLASSlar juda ko'p turli HTML-da ishlatilishi mumkin bo'lgan elementlar. ID yagona bo'lishi kerak. Identifikatorlar bilan bir xil, biz CLASS nomidan foydalanishimiz mumkin.
💡 Ularni eslab qolishnig eng yaxshi usullaridan biri shuki:
ℹ️ #ID - Xudbin bo'lishi kerak (yagona)
ℹ️ .CLASS - Do'stona bo'lishi kerak (ko'p)
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥4⚡1
#Tursunov_Dev #knowledge #javaScript
🔥 DOM vs HTML Markup
💡 Yuqoridagi skrinshotdan ko'rinib turibdiki, biz butun tanani qaytarib oldik. Bu qanday bo'lishi mumkin? Hujjat a sahifalarni o'zgartirish uchun foydalanishimiz mumkin bo'lgan usullar va xususiyatlarga ega o'rnatilgan obyekt.
💡 Shuning uchun biz yozganimizda
Konsolimizdagi "document.body" bilan biz butun sahifani olamiz, chunki "hujjat" ob'ekt va "tana" - bu ob'ektning xususiyati. Biz ob'ektlar bilan ishlayotganimiz sababli, kirish uchun nuqta belgilaridan foydalanishimiz mumkin.
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 DOM vs HTML Markup
💡 Yuqoridagi skrinshotdan ko'rinib turibdiki, biz butun tanani qaytarib oldik. Bu qanday bo'lishi mumkin? Hujjat a sahifalarni o'zgartirish uchun foydalanishimiz mumkin bo'lgan usullar va xususiyatlarga ega o'rnatilgan obyekt.
💡 Shuning uchun biz yozganimizda
Konsolimizdagi "document.body" bilan biz butun sahifani olamiz, chunki "hujjat" ob'ekt va "tana" - bu ob'ektning xususiyati. Biz ob'ektlar bilan ishlayotganimiz sababli, kirish uchun nuqta belgilaridan foydalanishimiz mumkin.
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥5
#Tursunov_Dev #knowledge #javaScript
🔥 DOM 🔥
💡 Shuni ta'kidlashni istardimki, biz DOM manipulyatsiyasi maqsadlarida foydalanishimiz mumkin bo'lgan yana bir nechta usullar mavjud. Quyida o'sha usullarni ilova qildim.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 DOM 🔥
💡 Shuni ta'kidlashni istardimki, biz DOM manipulyatsiyasi maqsadlarida foydalanishimiz mumkin bo'lgan yana bir nechta usullar mavjud. Quyida o'sha usullarni ilova qildim.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥4👍2
#Tursunov_Dev #javaScript
😁 HAZIL
🤔 Hazil chin bo'lishi mumkinmi? Qadrdonlar nima deb o'ylaysizlar?
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁 HAZIL
🤔 Hazil chin bo'lishi mumkinmi? Qadrdonlar nima deb o'ylaysizlar?
😎 The Best of the Best
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁7👍2
#Tursunov_Dev #knowledge #javaScript
🧠 ROOT NODES
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🧠 ROOT NODES
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥4👍2⚡1
#Tursunov_Dev #knowledge #javaScript
🔥 PARENT NODES
💡 parentNode - O'zidan yuqori pog'onada turgan elementni topish uchun ishlatilinadigan property. Ya'ni qisqa qilib aytganda ota-onasini topib beramiz.
P.S: Eee bu kimni bolasi bu? 😂
ℹ️ parentElement - property ham bor. Lekin Bu xususiyatdan ko'ra parentNode ishlatish maslaxat beriladi. Sababini keyingi postlarda tushuntirib o'taman.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 PARENT NODES
💡 parentNode - O'zidan yuqori pog'onada turgan elementni topish uchun ishlatilinadigan property. Ya'ni qisqa qilib aytganda ota-onasini topib beramiz.
ℹ️ parentElement - property ham bor. Lekin Bu xususiyatdan ko'ra parentNode ishlatish maslaxat beriladi. Sababini keyingi postlarda tushuntirib o'taman.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
😁6
#Tursunov_Dev #knowledge #javaScript
🔥 CHILDREN NODES
💡 Oldingi misolda ko'rganimizdek, BODY h1,h2,p va ul elementlarining ota-onasidir. Bu elementlar bolalari
body elementlari, to'g'rimi? Agar bizda bir darajadan chuqurroq bo'lgan elementlar bo'lsa, ular bolalar deb emas, balki ularning avlodlari deb ataladi.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 CHILDREN NODES
💡 Oldingi misolda ko'rganimizdek, BODY h1,h2,p va ul elementlarining ota-onasidir. Bu elementlar bolalari
body elementlari, to'g'rimi? Agar bizda bir darajadan chuqurroq bo'lgan elementlar bo'lsa, ular bolalar deb emas, balki ularning avlodlari deb ataladi.
📚 Manba: JavaScript
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
👍5⚡2🔥2
#Tursunov_Dev #knowledge #javaScript
🤝 Hozir men sizlarga javaScriptni mustaqil o'rganish uchun. Bir necha platformalarni ko'rsatib o'taman.
💡 https://www.w3schools.com/
💡 https://javascript.info/
💡 https://sammi.ac/
💡 https://www.sololearn.com/en/
😉 O'zim foydalangan eng yaxshilari...
P.S: Kitobning DOM qismi ham tugay deb qoldi. Endi esa bilimlarimizni mustahkamlab, qiyinroq qismiga o'tishni boshlaymiz.
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🤝 Hozir men sizlarga javaScriptni mustaqil o'rganish uchun. Bir necha platformalarni ko'rsatib o'taman.
💡 https://www.w3schools.com/
💡 https://javascript.info/
💡 https://sammi.ac/
💡 https://www.sololearn.com/en/
😉 O'zim foydalangan eng yaxshilari...
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥7⚡3👍2
#Tursunov_Dev #knowledge #javaScript
❓ javaScriptda TRAVERSING nima?
💡 JavaScript-da TRAVERSING-bu DOM daraxti bo'ylab harakatlanish va elementlarni boshqa elementlarga bo'lgan munosabati orqali tanlash jarayoni. DOM daraxti HTML hujjatining ierarxik vakili bo'lib, bu erda har bir element nodedir. TRAVERSING sizga JavaScript usullari va xususiyatlaridan foydalangan holda DOM-dagi nodelarga kirish va ularni boshqarish imkonini beradi.
🫤 Midjourneyga Traversingni tasvirlab ber degandim. Yuqoridagi rasmni chizib berdi.
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
❓ javaScriptda TRAVERSING nima?
💡 JavaScript-da TRAVERSING-bu DOM daraxti bo'ylab harakatlanish va elementlarni boshqa elementlarga bo'lgan munosabati orqali tanlash jarayoni. DOM daraxti HTML hujjatining ierarxik vakili bo'lib, bu erda har bir element nodedir. TRAVERSING sizga JavaScript usullari va xususiyatlaridan foydalangan holda DOM-dagi nodelarga kirish va ularni boshqarish imkonini beradi.
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥6⚡1👍1
#Tursunov_Dev #knowledge #javaScript
🔥 CHILDREN NODES
😌 Oldingi postda aytganimdek, sizlar uchun parentElement va parentNode farqini tushuntirib berishim kerak edi. Hozir shuning ayni vaqti!
💡 Siz birinchi misoldan ko’rasizki, parentElement va parentNode bir xil element nodeni qaytaradi, ya’ni <div> elementini.
💡 Siz ikkinchi misoldan ko’rasizki, <p> elementining oldingi akasi izoh node bo’lib, u element node emas. Shuning uchun parentElement null qaytaradi, parentNode esa <div> elementini. Bu parentElement va parentNode ning farqli qiymatlarga ega bo’lishi mumkinligini ko’rsatadi.
🧠 Xulosa o'rnida aytishim mumkinki, boshingizni qotirmasdan tinchgina parentNode ishlatishda davom eting!
📚 Manba: StackOverFlow.com GeeksForGeeks.org
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥 CHILDREN NODES
😌 Oldingi postda aytganimdek, sizlar uchun parentElement va parentNode farqini tushuntirib berishim kerak edi. Hozir shuning ayni vaqti!
💡 Siz birinchi misoldan ko’rasizki, parentElement va parentNode bir xil element nodeni qaytaradi, ya’ni <div> elementini.
💡 Siz ikkinchi misoldan ko’rasizki, <p> elementining oldingi akasi izoh node bo’lib, u element node emas. Shuning uchun parentElement null qaytaradi, parentNode esa <div> elementini. Bu parentElement va parentNode ning farqli qiymatlarga ega bo’lishi mumkinligini ko’rsatadi.
🧠 Xulosa o'rnida aytishim mumkinki, boshingizni qotirmasdan tinchgina parentNode ishlatishda davom eting!
📚 Manba: StackOverFlow.com GeeksForGeeks.org
🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram | Linkedin | Telegram
🔥6😁2⚡1