018. JAVASCRIPT .find() BILAN DYNAMIC DATA! Ichki sahifani jonlantirdik! (Devlog #17)

Assalomu alaykum, qadrli do'stlar! Marafonimizning 17-kuni, kanalimizning esa roppa-rosa 18-videosiga xush kelibsiz! 🎉🔥

Kecha loyihamizdagi ichki sahifaga (CardDetail.tsx) Tailwind CSS yordamida premium Glassmorphism dizaynini bergan edik. Lekin sahifadagi barcha matnlar statik edi, ya'ni qaysi loyihani bosishimizdan qat'i nazar bir xil ma'lumot chiqib turgan edi.

Bugungi deyarli 10 daqiqalik daxshatli va amaliy sonimizda loyihamizning mantiqiy (Logic) qismini tubdan kuchaytirdik va ichki sahifani mutlaqo dynamic holatga keltirdik!

Bugungi videoda nimalar qildik:
- Loyihalarimiz ro'yxatini va ma'lumotlarini toza saqlash uchun alohida projects.ts massiv (array) fayliga ajratib oldik;
- React Router DOM-dan kelayotgan dynamic ID parametrini ushlab oldik;
- JavaScript-ning eng muhim metodlaridan biri bo'lgan .find() yordamida URL-dagi ID-ga mos keladigan loyihani massivdan qidirib topdik;
- Topilgan real ma'lumotlarni (Sarlavha, batafsil tavsif) ichki sahifaga dynamic qilib render qildik.

💡 Endi har bir loyihaning "Batafsil" tugmasi bosilganda, sahifa hech qanday yuklanishlarsiz (refresh bo'lmasdan) aynan o'sha loyihaga tegishli premium ma'lumotlarni daxshatli tezlikda ko'rsatmoqda!

🔥 Noldan boshlab professional HTML/CSS darslari chiqayotgan ikkinchi kanalim:
🔗 https://www.youtube.com/@Azizbek_Abdullayev__2026

Biz bilan birga mantiqiy fikrlashni o'rganayotganingiz uchun rahmat! Videoga daxshatli qilib layk bosing va bizni izohlarda qo'llab-quvvatlab turing! Ertaga Devlog #18 da ko'rishguncha, jamoa! 🚀💻🎬🔥

Видео 018. JAVASCRIPT .find() BILAN DYNAMIC DATA! Ichki sahifani jonlantirdik! (Devlog #17) канала Azizbek Abdullayev