JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#JavaScript #Dasturlash #WebDasturlash #Frontend #HTML #CSS #JS #Programmer #CodingLife #WebDevelopment #absJavaScript

1. JavaScript nima? Nega uni o‘rganish kerak?

ℹ️ JavaScript (JS) – bu veb-saytlar, dasturlar va hatto serverlarni yaratishda ishlatiladigan kuchli dasturlash tili.

🔴 JS Nimaga Kerak?

~~✅ Dinamik veb-sahifalar yaratish~~
~~✅ Tugmalar, animatsiyalar, modal oynalar qo‘shish~~
~~✅ Ma'lumotlarni qayta ishlash va API'lar bilan ishlash~~

🔴 Dastlabki "JS" kodingiz

Quyidagi kod ekranga "Salom, JavaScript!" deb chiqaradi:

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

Bu kodni browserning console oynasida yoki Node.js muhiti orqali ishlatishingiz mumkin!

❓Savol: "JavaScript" qaysi sohalarda ishlatiladi? Kommentda fikr qoldiring!

⏭ Keyingi postda "JavaScriptni qanday ishlatamiz?" yoritiladi.

🔗 @absJavaScript | #JaSc@absJavaScript

👍2🔥2❤‍🔥1⚡1

58 viewsedited 15:30

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#HTML #CSS #WebDasturlash #Frontend #Dasturlash #WebDevelopment #LearnToCode

4. HTML asoslari – dastlabki sahifamiz

Agar veb-sahifa yaratmoqchi bo‘lsangiz, "HTML" bilan boshlash kerak! Bugun dastlabki "HTML" sahifamizni yaratamiz.

📌 HTML tuzilishi

HTML hujjati quyidagi tuzilishga ega:

<!DOCTYPE html>
<html lang="uz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mening Birinchi Sahifam</title>
</head>
<body>
    <h1>Salom, dunyo!</h1>
    <p>Bu mening birinchi HTML sahifam.</p>
</body>
</html>

🔹 <!DOCTYPE html> – HTML5 versiyasini bildiradi.
🔹 <html> – HTML hujjatini boshlaydi.
🔹 <head> – Sahifaning yashirin qismini o‘z ichiga oladi (meta ma’lumotlar, title va boshqalar).
🔹 <body> – Foydalanuvchilar ko‘radigan asosiy qismlar shu yerda bo‘ladi.

👨‍💻 HTML sahifani qanday ochamiz?

1️⃣ .html kengaytmali fayl yaratamiz (masalan, index.html).
2️⃣ Faylni "Google Chrome" yoki Firefox brauzerida ochamiz.

✅ Tayyor! Sizning birinchi veb-sahifangiz yaratildi!

⏮ Avvalgi postda "HTML, CSS va JavaScript - Ularning farqi nima?" yoritilgan.
⏭ Keyingi postda "HTML asosiy teglari" yoritiladi.

🔗 @absJavaScript | #JaSc@absJavaScript

🔥2❤‍🔥1⚡1👍1

72 viewsedited 03:00

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

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

❤‍🔥1👍1

131 viewsedited 04:24

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#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

❤‍🔥1👍1

181 viewsedited 11:10

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#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

❤‍🔥1👍1

259 viewsedited 03:01

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#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

❤‍🔥1👍1

363 viewsedited 03:00

About

Blog

Apps

Platform