Dasturlash hayoti️️ ️

🖥 HTML, 🖥 CSS va 🖥 JS bo'yicha yirik ma'lumotnoma! Frontend dasturlashga oid deyarli barcha texnologiyalar haqida batafsil ma'lumotlarni bitta joyda jamlagan ajoyib "spravochnik" (qo'llanma). Dasturlashni o'rganayotganlar yoki kerakli qoidalar va kodlarni esdan chiqarib qo'yadiganlar uchun tayyor shpargalka! ➡️Saytga o'tish:hcdev.ru Kerak bo'lib qolishi aniq, yo'qotib qo'ymaslik uchun saqlab oling va frontendchi do'stlarga ulashing! #foydali#frontend#html#css#javascript 💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉

#JavaScript#API#RealProject#webdev#dasturlash_hayoti 👨‍💻 JavaScript + API: Real loyiha Xabarlarni ro‘yxat qilib chiqarish + avtomatik yangilanish Bu bosqichda: - har bir xabar alohida chiqadi - sahifa refreshsiz yangilanadi - real chatlarga yana yaqinlashamiz 1️⃣HTML — xabar yozish va chat oynasi <!-- Xabar yozish --> <input type="text" id="message" placeholder="Xabar yozing"> <button onclick="sendMessage()">Yuborish</button> <!-- Chat ro'yxati --> <ul id="chat"></ul> ul — xabarlar ro‘yxat bo‘lib chiqishi uchun 2️⃣ JavaScript — xabar yuborish va ro‘yxatga qo‘shish <script> function sendMessage() { // Inputni chaqiramiz let input = document.getElementById("message"); // Inputdagi qiymat let msg = input.value; // Bo‘sh xabar yuborilmasligi uchun if (msg === "") return; // Serverga xabar yuborish fetch("https://jsonplaceholder.typicode.com/posts", { method: "POST", body: JSON.stringify({ text: msg }), headers: { "Content-type": "application/json" } }) .then(res => res.json()) .then(data => { // Xabarni chat ro‘yxatiga qo‘shamiz addMessage(data.text); // Inputni tozalaymiz input.value = ""; }); } </script> 3️⃣JavaScript — xabarni ro‘yxatga qo‘shish <script> function addMessage(text) { // Chat ro‘yxatini chaqiramiz let chat = document.getElementById("chat"); // Yangi xabar uchun <li> yaratamiz let li = document.createElement("li"); // Xabar matnini joylaymiz li.innerText = text; // Xabarni chatga qo‘shamiz chat.appendChild(li); } </script> Endi: - har bir xabar pastga qo‘shilib boradi - eski xabarlar yo‘qolmaydi Telegram, kommentlar, chatlar — barchasi shu mantiqda ishlaydi. ☑️Natija ⏺️JavaScript → foydalanuvchi bilan ishlaydi ⏺️API → server bilan gaplashadi ⏺️Sayt → jonli bo‘ladi ➡️Keyingi post: Enter bosilganda yuborish + real-time’ga yana yaqinlashtiramiz 🔥 💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉

#JavaScript#API#RealProject#webdev#dasturlash_hayoti ➡️Keyingi postda nima bo‘ladi? Keyingi darsda: ⏺️ xabarlarni bitta emas, ro‘yxat qilib chiqaramiz ⏺️ yangi xabar kelganda sahifa avtomatik yangilanadi Ya’ni: ❌ refresh yo‘q ☑️ real-time ishlash Post JavaScript + API asosida, to‘liq real loyiha ko‘rinishida bo‘ladi. 👉O‘tkazib yubormang! 💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉

#JavaScript#API#RealProject#webdev#dasturlash_hayoti ⚠️⚠️⚠️ Diqqat, JavaScript o‘rganuvchilar! Keyingi post: ❌ faqat nazariya emas ☑️JavaScript + API orqali real loyiha bo‘ladi Ya’ni: ⏺️serverdan ma’lumot olish ⏺️sahifani yangilamasdan ishlash ⏺️hammasi real kod bilan💻 Shunaqa amaliy post kerakmi? 👍 Ha, JS + API bilan 🔥 Yo'q, shart emas Qiziqish bo‘lsa — bosqichma-bosqich tushuntirib chiqaramiz

#JavaScript#API#webdev#2post#boshlovchilar 👨‍💻 JavaScript qayerda ishlatiladi? 2️⃣API bilan ishlash (server bilan muloqot) JavaScript serverdan ma’lumot olib kelish va uni sahifada ko‘rsatish uchun ishlatiladi. Sahifani yangilamasdan ham ma’lumot keladi. 🌐 Serverdan ma’lumot olish (fetch) <button onclick="getData()">Ma’lumotni yuklash</button> <p id="result"></p> <script> function getData() { fetch("https://jsonplaceholder.typicode.com/posts/1") .then(res => res.json()) .then(data => { document.getElementById("result").innerText = data.title; }); } </script> ☑️ Tugma bosildi → serverdan ma’lumot keldi → sahifada chiqdi Real-time yangilanish nimaga o‘xshaydi? 📩 Chatda xabar kelishi 📰 Yangiliklar avtomatik yangilanishi ❤️ Like bosilganda soni darhol o‘zgarishi 👉 Bularning barchasi JavaScript + API orqali ishlaydi. Ma’lumotni sahifada dinamik ko‘rsatish Serverdan kelgan ma’lumot: ❌ qo‘lda yozilmaydi ❌ sahifa qayta yuklanmaydi JavaScript: ☑️ o‘zi olib keladi ☑️ o‘zi joylashtiradi JavaScript + API bo‘lmasa: ❌ sayt sekin ❌ har safar refresh kerak JavaScript + API bilan esa: ☑️ tez ☑️ jonli ☑️ zamonaviy sayt 💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉

#JavaScript#frontend#webdev#boshlovchilar 👨‍💻JavaScript qayerda ishlatiladi? 1️⃣Interaktiv elementlar (real kod bilan) JavaScript saytni jonlantiradi. Foydalanuvchi biror ish qilsa — JavaScript javob qaytaradi. 🔘 Tugma bosilganda nima bo‘ladi? <button onclick="salom()">Bos</button> <script> function salom() { alert("Salom! Tugma bosildi 😊"); } </script> 📝Forma tekshirish (validation) <input type="text" id="email" placeholder="Email"> <button onclick="tekshir()">Yuborish</button> <script> function tekshir() { let email = document.getElementById("email").value; if (email === "") { alert("Emailni kiriting!"); } } </script> 👉 Email bo‘sh bo‘lsa → ogohlantirish chiqadi 🪟Modal / yashirin blok ochish <button onclick="och()">Batafsil</button> <p id="text" style="display:none;">Qo‘shimcha ma’lumot</p> <script> function och() { document.getElementById("text").style.display = "block"; } </script> 👉 Tugma bosildi → yashirin matn ochildi JavaScript bo‘lmasa: ❌ tugma ishlamaydi ❌ forma tekshirilmaydi ❌ sayt jonsiz bo‘ladi JavaScript bilan esa: ✅ sayt javob qaytaradi ✅ foydalanuvchi bilan muloqot bo‘ladi ➡️Keyingi post: JavaScript + API (serverdan ma’lumot olish) 💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉

Diqqat, dasturchilar! Keyingi postlarda sizga 👨‍💻JavaScript real loyihalarda qayerda ishlatiladi degan mini-postlar seriyasini tayyorladik. 👇 Shu postlarni kutyapsizmi? 👍 Ha, men kutyapman! 😁 Yo‘q, lekin qiziqaman ♻️ Izohlarda belgilang va biz siz uchun hamma postlarni ketma-ket chiqaramiz! #JavaScript#webdev#poll#dasturlash_hayoti

#JavaScript#LocalStorage#FrontEnd#JS#Dasturlash 👨‍💻 JavaScript’da LocalStorage nima va qanday ishlatiladi? LocalStorage – bu brauzerda ma’lumotlarni saqlash imkonini beruvchi vosita. Saytni yopib ochganingizda ham ma’lumotlar saqlanib qoladi. Asosiy xususiyatlari: 🔹Ma’lumot string sifatida saqlanadi 🔹Brauzer yopilsa ham o‘chmaydi. 🔹Faqat hozirgi domen uchun amal qiladi. Eng ko‘p ishlatiladigan metodlar: // Ma'lumot qo'shish localStorage.setItem('ism', 'Jonibek'); // Ma'lumotni olish let ism = localStorage.getItem('ism'); console.log(ism); // Jonibek // Ma'lumotni o'chirish localStorage.removeItem('ism'); // Hammasini tozalash localStorage.clear(); 💡 Agar obyekt yoki massiv saqlash kerak bo‘lsa, JSON.stringify va JSON.parse dan foydalaning: let user = { name: 'Jonibek', age: 20 }; localStorage.setItem('user', JSON.stringify(user)); let getUser = JSON.parse(localStorage.getItem('user')); console.log(getUser.name); // Jonibek 💡LocalStorage – bu saytlar uchun “xotira” bo‘lib, foydalanuvchi ma’lumotlarini uzoq muddat saqlash imkonini beradi. 💻@dasturlash_hayoti— Dasturchilar hayoti, motivatsiya va IT olamidagi eng foydali maslahatlar shu yerda!

#javascript#map#frontend#dasturlash 👨‍💻 JavaScript’dagi map() funksiyasi Massivni olib, har bir elementni o‘zgartirib, yangi massiv qaytaradigan yordamchi. Masalan: const raqamlar = [1, 2, 3]; const ikkiBaravar = raqamlar.map(son => son * 2); console.log(ikkiBaravar); // [2, 4, 6] Ya’ni map() — bu for yozmasdan hamma elementni aylanib chiqish usuli. Farqi shundaki, u yangi massiv yaratadi, eski massivni buzmaydi 💻@dasturlash_hayoti— Dasturchilar hayoti, motivatsiya va IT olamidagi eng foydali maslahatlar shu yerda!

O'rganish tezligini oshirish: 1% yaxshiroq bo'lish qoidasi Ko‘pchilik dasturlashda "super yulduz" bo‘lishni xohlaydi, lekin bunga qisqa muddatda erishib bo‘lmaydi. Men sizga juda oddiy, ammo kuchli bo'lgan "1% yaxshiroq bo'lish qoidasi" ni taklif qilaman. Qoida mohiyati: Har kuni o‘tgan kundan ko‘ra o‘zingizni atigi 1% ga yaxshilang. Dasturlashda bu nima degani? — Har kuni 15 daqiqa davomida bitta yangi JavaScript Array Method'ini o‘rganing. — Har kuni Git buyruqlaridan bittasini chuqurroq tushunib oling. — Har kuni o‘zingiz yozgan kodning bir qismini Refactoring qilib, uni 1% ga tozalang. Bu kichik qadamlar boshida sezilmasligi mumkin, lekin bir yildan so‘ng siz 37 barobar kuchliroq bo‘lasiz! 1.01³⁶⁵ taxminan 37.78 Muhimi: Katta maqsadlarni emas, balki doimiy va kichik harakatlarni ustuvor qiling. Katta o‘sish doimiy o‘sishdan kelib chiqadi. #Debugging#DasturchiMaslahati#JavaScript 👉@jonibek_turapov

😎Dasturchilar, diqqat! Siz uchun JavaScript dasturlash tilidan testlar tayyorladik. Endi navbat sizda! 👉 Agar bu testlarni kanalga joylashimizni xohlasangiz — kommentda“+” yoki 🔥 emoji qoldiring! Reaksiya soniga qarab @dasturlash_hayotikanalimizda testlar seriyasini boshlaymiz #JavaScript#Quiz#DasturlashHayoti#Frontend

#JavaScript#Frontend#DasturlashHayoti#KodniOsonlashtir 👨‍💻 JavaScript’da qiymatni raqamga o‘tkazishning eng tez usuli Ko‘pchilik parseInt() yoki Number() ishlatadi, lekin qisqa yo‘l ham bor: let x = "42"; console.log(+x); // 42 + belgisi matnni son ko‘rinishiga o‘tkazadi. Bu usul — tez, toza va qisqa 💻@dasturlash_hayoti— Dasturchilar hayoti, motivatsiya va IT olamidagi eng foydali maslahatlar shu yerda!