11. – JavaScript sintaksisi va konsol

🚀 JavaScriptga ilk qadam!

Assalomu alaykum, dasturlashga qiziqqan do‘stlar!
Bugun siz bilan JavaScript sintaksisi bilan tanishamiz va konsolda kod yozishni o‘rganamiz.

✍️ Sintaksis – bu dasturlash tilining grammatikasi. To‘g‘ri sintaksis yozilmasa, kod ishlamaydi.

console.log("Salom, JavaScript!");

🛠 console.log() – bu brauzerning konsolida ma’lumot chiqarish uchun ishlatiladi.

🖥 Konsolni ochish uchun:

• Chrome: F12 → “Console”

• Firefox: Ctrl + Shift + K


Misol:

console.log(5 + 3); // 8
console.log("Bugun dars 11");

Siz uchun vazifa:
O‘zingiz haqingizda 3 ta console.log() yozing.

⏭ Keyingi postda "O'zgaruvchilar: var, let, const" haqida o‘rganamiz.

🔗 @absJavaScript | #JaSc@absJavaScript

#JavaScript #Frontend #Dasturlash #LearnJS #WebDevelopment #absJavaScript

2️⃣ Dars 12 – O‘zgaruvchilar: var, let, const

💡 JavaScriptda o‘zgaruvchi — bu ma’lumotni saqlovchi konteyner.


🔹 var — eski usul (hozir kam ishlatiladi)

var ism = "Falonchi";
console.log(ism);

⚠️ var — funksional ko‘lamga ega, ya’ni faqat funksiya ichida ishlaydi.
❗ Qayta e’lon qilish mumkin, ammo bu xatolarga olib kelishi mumkin.


🔹 let — zamonaviy va xavfsiz

let yosh = 18;
yosh = 19;
console.log(yosh);

✅ let — blok ko‘lamga ega.
✍️ Qiymatini o‘zgartirish mumkin, lekin qayta e’lon qilib bo‘lmaydi.


🔹 const — o‘zgarmas qiymatlar uchun

const PI = 3.14;
console.log(PI);

🔐 const bilan e’lon qilingan qiymat hech qachon o‘zgarmaydi.
🎯 Asosan doimiy qiymatlar uchun ishlatiladi.


✅ Qachon qaysi biri ishlatiladi?

let → qiymatni keyin o‘zgartirish kerak bo‘lsa

const → butunlay o‘zgarmaydigan qiymat bo‘lsa

var → ishlatmaslik tavsiya etiladi ❌


🧪 Amaliy masala:

let ism = "Ali";
let yosh = 20;

console.log(ism + " " + yosh + " yoshda.");

🧠 Natija: Ali 20 yoshda.

⏮ Avvalgi postda "JavaScript sintaksisi va konsol" haqida tushuncha berilgan.
⏭ Keyingi postda "Ma’lumot turlari (Data Types)" haqida o‘rganamiz.

🔗 @absJavaScript | #JaSc@absJavaScript

#JavaScript #Frontend #Dasturlash #LearnJS #WebDevelopment #absJavaScript

2️⃣ Dars 13 – Ma’lumot turlari (Data Types)

🧠 JavaScriptda ma’lumotlar turli ko‘rinishda bo‘ladi. Har birining o‘ziga xos vazifasi bor.

🔸 Primiv (oddiy) ma’lumot turlari:
1. String – matnlar uchun

let ism = "Islombek";

2. Number – butun yoki o‘nlik sonlar

let yosh = 18;
let narx = 12.5;

3. Boolean – true yoki false

let to‘g‘ri = true;
let noto‘g‘ri = false;

4. Undefined – qiymat belgilanmagan

let x;
console.log(x); // undefined

5. Null – bo‘sh qiymat

let qiymat = null;

6. Symbol – noyob identifikator (kam ishlatiladi)
7. BigInt – katta sonlar uchun

let kattaSon = 1234567890123456789012345678901234567890n;

🔹 Obyekt turlari (Complex types):
Object

let talaba = {
  ism: "Ali",
  yosh: 20
};

Array (Massiv)

let ranglar = ["qizil", "yashil", "ko‘k"];

Function

function salomBer() {
  console.log("Salom!");
}

📌 typeof operatori
Ma’lumot turini aniqlash uchun ishlatiladi:

let yosh = 18;
console.log(typeof yosh); // number

📘 Har bir ma’lumot turi o‘z joyida ishlatiladi. Masalan, tugmani bosilganini tekshirishda boolean, ismni saqlashda string, narxda number kerak bo‘ladi.


⏮ Avvalgi postda "Oʻzgaruvchilar: var, let, const" o‘zgaruvchilari haqida tushuncha berilgan.
⏭ Keyingi postda "Operatorlar (Amallar)" haqida o‘rganamiz.

🔗 @absJavaScript | #JaSc@absJavaScript

#JavaScript #Frontend #Dasturlash #LearnJS #WebDevelopment #absJavaScript

2️⃣ Dars 14 – Operatorlar (Amallar)

🔧 JavaScriptda operatorlar orqali qiymatlar ustida turli hisob-kitoblar va solishtirishlar amalga oshiriladi.


🔹 Aritmetik operatorlar:

let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.333...
console.log(a % b); // 1

➕ + — qo‘shish
➖ - — ayirish
✖️ * — ko‘paytirish
➗ / — bo‘lish
♻️ % — qoldiqni olish


🔹 Tayyorlovchi (assignment) operatorlar:

let x = 5;
x += 2; // x = x + 2
console.log(x); // 7

➡️ = – belgilash
➕ +=, ➖ -=, ✖️ *=, ➗ /=, ♻️ %=


🔹 Solishtirish operatorlari:

console.log(5 == "5");   // true
console.log(5 === "5");  // false
console.log(5 != 3);     // true
console.log(5 > 3);      // true
console.log(5 <= 5);     // true

✅ == – qiymat tengmi?
✅ === – qiymat va turi tengmi?
❌ !=, !== – teng emas
🔼 <, >, <=, >=


🔹 Mantiqiy (logical) operatorlar:

let yosh = 20;
console.log(yosh > 18 && yosh < 25); // true

&& – va
|| – yoki
! – inkor (not)

✅ Amaliy masala:

let yosh = 16;

if (yosh >= 18) {
  console.log("Siz katta yoshdasiz");
} else {
  console.log("Siz hali voyaga yetmagansiz");
}

⏮ Avvalgi postda "Ma’lumot turlari (Data Types)" haqida tushuncha berilgan.
⏭ Keyingi postda "Shart operatorlari (if, else, switch)" haqida o‘rganamiz.

🔗 @absJavaScript | #JaSc@absJavaScript