var, let va const farqi
💡 JavaScript’da 3ta o‘zgaruvchi e’lon qilish usuli bor:
1️⃣var – eski usul, global yoki function scope’da ishlaydi
2️⃣let – zamonaviy usul, block scope’da ishlaydi
3️⃣const – qiymat o‘zgarmaydi
var x = 10; // O'zgarishi mumkin
let y = 20; // Faqat block ichida mavjud
const z = 30; // Qiymat o'zgarmaydi
⚠️ Hozirda varishlatish tavsiya etilmaydi, asosan let va const ishlating.
#JavaScript#Boshlovchilar#DasturlashHayoti
💻@dasturlash_hayoti— dasturchilar hayoti va dasturlash olami haqida qiziqarli loyiha!
#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😉
#programming#xatolar#boshlovchilar
❌ Dasturlashni o‘rganishda eng ko‘p uchraydigan xatolar:
1️⃣ “Bugun frontend, ertaga backend, indinga AI” — SUPERHERO rejim 🦸♂️
2️⃣ “Bu kurs zerikarli ekan” deb 5-kursni yarimda tashlaganlar 🎓
3️⃣ “Video ko‘rdim, hammasi tushunarli” (lekin kod yozilmagan) 👀
4️⃣ “Tushundim” deb aytib, kodni ishga tushirganda ERROR chiqqanlar 😅
5️⃣ “U 3 oyda o‘rgandi, men nega bilmayapman?” deb stress qilganlar 😵💫
😂Qaysi xatoga mansubsiz? Rostini ayting!
💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉
#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😉