#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

#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

#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

#Tursunov_Dev #knowledge #javaScript

🧠 ROOT NODES

📚 Manba: JavaScript

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#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

#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

#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

#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

#Tursunov_Dev #blog

😓 Davom etamiz qadrdonlar! Kanalda post kamayib ketganidan xabarim bor. Sababi hozir JavaScript kitobining dom qismini tugatish bilan ovoraman.

🫂 Eng muhimi biz bilan qolib, har bir qilyotgan ishimizni qo'llab-quvvatlayotganingiz uchun alohida RAHMAT.

😎 The Best of the Best

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#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

#Tursunov_Dev #offtopic #news

😉 Foydali Websaytlar

🤖 LiftWeb.Ru - sun'iy intellekt tomonidan bajariladigan bir qancha vazifalar (yuqoridagi rasm) mavjud sayt.

🖼 Bing AI (rasm tayyorlash) - siz bergan tarif asosida rasm tayyorlaydigan sun'iy intellekt.

🤵‍♂️ Pasport uchun 3x4 rasm - oddiy rasmni saytga yuklang, kerakli o'lchamni bering, yoqgan kiyimni kiydiring va 3x4 rasm tayyor!

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#Tursunov_Dev #project

UZSEEN.UZ sizga SMM xizmatlari kerak bo'lsa? Hech o'ylanmay ushbu sayt xizmatlaridan foydalanishingiz mumkin.

✍️ Yana qanaqa proyektlar yasashimni xoxlaysiz. O'z fikringizni izoh sifatida qoldiring!

😎 The Best of the Best

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin | Telegram

#Tursunov_Dev

😄 Faqat menda shundaymi? Yoki boshqa dasturchi do'stlarimizda ham ushbu holat takrorlanib turadimi?
Fikringiz izoh sifatida qoldiring!

😎 The Best of the Best

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin | Telegram

#Tursunov_Dev #knowledge #offtopic

📚 Zukkolar va Landovurlar

- Biz iste'dod deb ataydigan narsa qobiliyatlar, qulay imkoniyatlar va tasodifan havola etilgan afzalliklarning murakkab kalavasidir. Bu foniy dunyoni adolatli deb bo'lmaydi ... )

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#Tursunov_Dev #offtopic

Har gal men qaytdim, endi zo'r postlarni tindirmasdan yozaman deb kelganimdan keyin yana yo'q bo'lib qolsam, o'zimni shu Asteriks va Obeliks filmidagi qaroqchilarga o'xshataman, "biz yana kemadamiz" deb turib, keyin yana kemasiz qoladigan 😅 Filmni ko'rganlar hazilni tushunishdi menimcha...

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#Tursunov_Dev #knowledge

📋 Hozirda o'zim foydalanib kelayotgan foydali kanallar ro'yxati:

t.me/foydali_link - Foydasiz ma'lumot yo'q
t.me/openit_archive - Ma'lumotga boy kurslar
https://t.me/frontendbook - Soha bo'yicha Ebooklar
https://t.me/khumoyun_codes - Ustozim desam ham bo'ladi

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram

#Tursunov_Dev #frontend #project #reactJS #css3

🌤 WEATHER APP - Endi ob-havoni aniqlashingiz sizga qiyin bo'lmaydi. Shunchaki vebsaytga tashrif buyuring va o'z shahringizni nomini kiriting.

👉🏻 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

#Tursunov_Dev #knowledge #html

HTML - texnologiyasi asosiy poydevori

🔗 Rasmiy Ijtimoiy sahifalarimiz:
GitHub | Instagram  | Linkedin |  Telegram