#HTML #CSS #WebDasturlash #Frontend #Dasturlash #LearnToCode
Har bir HTML hujjati teglar orqali yaratiladi. Bugun asosiy HTML teglarini koโrib chiqamiz!
๐ Eng Muhim HTML Teglari
Quyida asosiy HTML teglar va ularning vazifalari keltirilgan:
๐ Amaliy Misol
๐ Tavsiyalar:
โ
โ
โ (alt โ rasm tavsifi) .
โฎ Avvalgi postda "HTML asoslari โ dastlabki sahifamiz" mavzusi yoritilgan.
โญ Keyingi postda "HTML formalar va foydalanuvchi kiritmalarini" yoritiladi!
๐ @absJavaScript | #
#JaSc@absJavaScript
5. HTML asosiy teglari โ Veb-sahifaga tuzilma berish
Har bir HTML hujjati teglar orqali yaratiladi. Bugun asosiy HTML teglarini koโrib chiqamiz!
๐ Eng Muhim HTML Teglari
Quyida asosiy HTML teglar va ularning vazifalari keltirilgan:
๐ Amaliy Misol
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>HTML Teglari</title>
</head>
<body>
<h1>Salom, HTML!</h1>
<p>Bu oddiy matn.</p>
<a href="https://google.com" target="_blank">Google-ga o'tish</a>
<img src="image.jpg" alt="RASM_TAVSIFI">
</body>
</html>
๐ Tavsiyalar:
โ
<h1> โ eng katta sarlavha, <h6> โ eng kichik.โ
<a href="url"> โ sahifani boshqa sahifaga bogโlash uchun ishlatiladi.โ
<img> โ rasmlar uchun ishlatiladiโฎ Avvalgi postda "HTML asoslari โ dastlabki sahifamiz" mavzusi yoritilgan.
โญ Keyingi postda "HTML formalar va foydalanuvchi kiritmalarini" yoritiladi!
๐ @absJavaScript | #
#JaSc@absJavaScript
๐ฅ2โคโ๐ฅ1โก1๐1
#HTML #CSS #WebDasturlash #Frontend #Dasturlash #Forms #LearnToCode
๐ @absJavaScript | #JaSc@absJavaScript
6. HTML formlar โ Foydalanuvchi kiritmalarini qanday olamiz?
๐ @absJavaScript | #JaSc@absJavaScript
๐ฅ2โคโ๐ฅ1โก1๐1
#HTML #CSS #WebDasturlash #Frontend #Dasturlash #Forms #LearnToCode
Veb-saytlarda foydalanuvchilardan maโlumot olish uchun HTML formalar ishlatiladi. Bugun formalar va input turlarini oโrganamiz!
๐ Formaning Tuzilishi
HTML formasi
Misol: Oddiy roโyxatdan oโtish formasi
๐ Muhim Form Elementlari
๐ Formani Toโgโri Ishlatish
โ
โ
โ
โฎ Avvalgi postda "HTML asosiy teglari โ Veb-sahifaga tuzilma berish" yoritiladi.
โญ Keyingi postda "HTML jadval (table) yaratish" yoritiladi.
๐ @absJavaScript | #JaSc@absJavaScript
6. HTML formlar โ Foydalanuvchi kiritmalarini qanday olamiz?
Veb-saytlarda foydalanuvchilardan maโlumot olish uchun HTML formalar ishlatiladi. Bugun formalar va input turlarini oโrganamiz!
๐ Formaning Tuzilishi
HTML formasi
<form> tegi ichida yaratiladi va turli input elementlarini oโz ichiga oladi.Misol: Oddiy roโyxatdan oโtish formasi
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>Roโyxatdan oโtish</title>
</head>
<body>
<h2>Roโyxatdan oโtish</h2>
<form action="submit.php" method="POST">
<label for="name">Ismingiz:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Parol:</label>
<input type="password" id="password" name="password" required>
<button type="submit">Yuborish</button>
</form>
</body>
</html>
๐ Muhim Form Elementlari
๐ Formani Toโgโri Ishlatish
โ
action="submit.php" โ maโlumot joโnatiladigan server manzili.โ
method="POST" โ maโlumot joโnatish usuli (GET yoki POST).โ
required โ foydalanuvchi ushbu maydonni toโldirishini talab qiladi.โฎ Avvalgi postda "HTML asosiy teglari โ Veb-sahifaga tuzilma berish" yoritiladi.
โญ Keyingi postda "HTML jadval (table) yaratish" yoritiladi.
๐ @absJavaScript | #JaSc@absJavaScript
๐ฅ2โคโ๐ฅ1โก1โค1
#HTML #CSS #WebDasturlash #Frontend #Dasturlash #Tables #LearnToCode
๐ @absJavaScript | #JaSc@absJavaScript
7. HTML Jadval (Table) Yaratish
๐ @absJavaScript | #JaSc@absJavaScript
โคโ๐ฅ2๐ฅ2๐1
#HTML #CSS #WebDasturlash #Frontend #Dasturlash #Tables #LearnToCode
Darsni davom etamizโฆ
Agar siz "ma'lumotlarni tartibli" koโrinishda aks ettirmoqchi boโlsangiz, "HTML jadvallari (tables)" dan foydalanishingiz mumkin. Bugun "HTML jadval yaratish" va "asosiy teglarini" oโrganamiz!
๐ HTML jadvalining tuzilishi
Jadval
๐ Amaliy misol
๐ Izoh:
โ
โ
โ
โฎ Avvalgi postda "HTML formlar โ Foydalanuvchi kiritmalarini qanday olamiz?" yoritilgan.
โญ Keyingi postda "CSS Asoslari โ Veb-sahifalarni Chiroyli Qilish" yoritiladi
๐ @absJavaScript | #JaSc@absJavaScript
7. HTML Jadval (Table) Yaratish
Agar siz "ma'lumotlarni tartibli" koโrinishda aks ettirmoqchi boโlsangiz, "HTML jadvallari (tables)" dan foydalanishingiz mumkin. Bugun "HTML jadval yaratish" va "asosiy teglarini" oโrganamiz!
Jadval
<table> tegi yordamida yaratiladi va quyidagi elementlardan iborat boโladi.๐ Amaliy misol
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>HTML Jadval</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
th {
background-color: #f4f4f4;
}
</style>
</head>
<body>
<h2>Oโquvchilar Roโyxati</h2>
<table>
<tr>
<th>#</th>
<th>Ism</th>
<th>Yosh</th>
</tr>
<tr>
<td>1</td>
<td>Ali</td>
<td>18</td>
</tr>
<tr>
<td>2</td>
<td>Bekzod</td>
<td>20</td>
</tr>
</table>
</body>
</html>
๐ Izoh:
โ
<th> โ jadval ustunlari uchun sarlavha beradi.โ
<td> โ oddiy katak (maโlumot joylashadi).โ
border-collapse: collapse; โ chegaralarni birlashtirib, yaxlit koโrinish hosil qiladi.โฎ Avvalgi postda "HTML formlar โ Foydalanuvchi kiritmalarini qanday olamiz?" yoritilgan.
โญ Keyingi postda "CSS Asoslari โ Veb-sahifalarni Chiroyli Qilish" yoritiladi
๐ @absJavaScript | #JaSc@absJavaScript
โค2โคโ๐ฅ2โก1
#CSS #HTML #Frontend #WebDasturlash #LearnToCode #WebDesign #Dasturlash
Darsni davom ettiramizโฆ
Agar veb-sahifangiz odamlarni jalb qiluvchi boโlishini istasangiz, CSS dan foydalanishingiz kerak! Bugun CSS nima ekanligi va qanday ishlatilishini oโrganamiz.
๐ CSS Nima?
CSS (Cascading Style Sheets) โ bu veb-sahifaning dizaynini belgilovchi uslublar toโplami.
๐น HTML โ veb-sahifaning skeleti
๐น CSS โ sahifaning dizayni
โ โ โ โ โ โ โ โ โ
๐จโ๐ป CSS Qanday Ishlatiladi?
CSS kodini uch xil usulda yozish mumkin:
1๏ธโฃ Inline CSS (HTML teglari ichida yozish)
โ Tez ishlaydi, โ lekin kod tartibsiz boโlib ketishi mumkin.
โ โ โ โ โ โ โ โ โ
2๏ธโฃ Internal CSS (HTML faylning
โ HTML bilan bir joyda, โ lekin kod oโsib ketgan sari qiyinlashadi.
โ โ โ โ โ โ โ โ โ
3๏ธโฃ External CSS (Alohida .css faylda yozish)
Keyin uni HTML faylga ulaymiz:
โ Eng toza va katta loyihalar uchun eng yaxshi usul!
โ โ โ โ โ โ โ โ โ
๐ CSS Qanday Foyda Keltiradi?
โ๏ธ Veb-sahifani chiroyli va zamonaviy qiladi
โ๏ธ Kodni tartibli va oโzgartirishga qulay qiladi
โ๏ธ Bir CSS fayl bilan bir nechta HTML sahifalarni boshqarish mumkin
โฎ Avvalgi postda "HTML jadval (Table) yaratish" mavzusi yoritilgan!
โญ Keyingi postda "CSS ranglar va fon (Background) bilan ishlash" yoritiladi!
๐ @absJavaScript | #JaSc@absJavaScript
8. CSS Asoslari โ Veb-sahifalarni Chiroyli Qilish
Agar veb-sahifangiz odamlarni jalb qiluvchi boโlishini istasangiz, CSS dan foydalanishingiz kerak! Bugun CSS nima ekanligi va qanday ishlatilishini oโrganamiz.
๐ CSS Nima?
CSS (Cascading Style Sheets) โ bu veb-sahifaning dizaynini belgilovchi uslublar toโplami.
๐น HTML โ veb-sahifaning skeleti
๐น CSS โ sahifaning dizayni
โ โ โ โ โ โ โ โ โ
๐จโ๐ป CSS Qanday Ishlatiladi?
CSS kodini uch xil usulda yozish mumkin:
1๏ธโฃ Inline CSS (HTML teglari ichida yozish)
<p style="color: blue; font-size: 18px;">Bu koโk rangdagi matn.</p>
โ Tez ishlaydi, โ lekin kod tartibsiz boโlib ketishi mumkin.
โ โ โ โ โ โ โ โ โ
2๏ธโฃ Internal CSS (HTML faylning
<style> qismida yozish)<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>CSS Misol</title>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>Bu qizil rangdagi matn.</p>
</body>
</html>
โ HTML bilan bir joyda, โ lekin kod oโsib ketgan sari qiyinlashadi.
โ โ โ โ โ โ โ โ โ
3๏ธโฃ External CSS (Alohida .css faylda yozish)
style.css faylini yaratamiz:p {
color: green;
font-size: 22px;
} Keyin uni HTML faylga ulaymiz:
<link rel="stylesheet" href="style.css">
โ Eng toza va katta loyihalar uchun eng yaxshi usul!
โ โ โ โ โ โ โ โ โ
๐ CSS Qanday Foyda Keltiradi?
โ๏ธ Kodni tartibli va oโzgartirishga qulay qiladi
โ๏ธ Bir CSS fayl bilan bir nechta HTML sahifalarni boshqarish mumkin
โฎ Avvalgi postda "HTML jadval (Table) yaratish" mavzusi yoritilgan!
โญ Keyingi postda "CSS ranglar va fon (Background) bilan ishlash" yoritiladi!
๐ @absJavaScript | #JaSc@absJavaScript
โคโ๐ฅ2๐ฅ2โก1
#CSS #WebDasturlash #Frontend #HTML #Background #Colors #LearnToCode
Darslarni davom ettiramizโฆ
Veb-sahifalar chiroyli koโrinishi uchun ranglar va fon tasvirlari muhim rol oโynaydi. Bugun CSS da rang berish usullari va fonni oโzgartirish usullarini oโrganamiz!
โ โ โ โ โ โ โ โ โ
๐จ CSS Ranglarni Qanday Berish Mumkin?
CSS da ranglarni berishning 3 xil usuli bor:
1๏ธโฃ Nom bilan (red, blue, green)
2๏ธโฃ RGB kodi bilan (rgb(255, 0, 0))
3๏ธโฃ Hex kodi bilan( #ff0000 , #00ff00 )
๐ RGB va Hex kodlari yordamida har qanday rangni yaratish mumkin!
โ โ โ โ โ โ โ โ โ
๐ผ๏ธ CSS Background โ Fonni Oโzgartirish
1๏ธโฃ Oddiy rang berish
2๏ธโฃ Rasmni fon sifatida qoโyish
3๏ธโฃ Gradient fon yaratish
๐ Tushuncha:
โ
background-color โ oddiy fon rangi.
โ background-image โ fon tasviri.
โ background-size: cover; โ tasvirni ekran boโylab toโliq joylashtirish.
โ linear-gradient() โ ranglarning yumshoq oโtishini yaratadi.
โ โ โ โ โ โ โ โ โ
๐ฏ Amaliy Misol
โฎ Oldingi postda "CSS asoslari โ veb-sahifalarni chiroyli qilish" mavzusi yoritilgan.
โญ Keyingi postda "CSS Shriftlar (Fonts) va Matnni Stilizatsiya Qilish" yoritiladi.
๐ @absJavaScript | #JaSc@absJavaScript
9. CSS Ranglar va Fon (Background) Bilan Ishlash
Veb-sahifalar chiroyli koโrinishi uchun ranglar va fon tasvirlari muhim rol oโynaydi. Bugun CSS da rang berish usullari va fonni oโzgartirish usullarini oโrganamiz!
โ โ โ โ โ โ โ โ โ
๐จ CSS Ranglarni Qanday Berish Mumkin?
CSS da ranglarni berishning 3 xil usuli bor:
1๏ธโฃ Nom bilan (red, blue, green)
h1 {
color: blue;
}2๏ธโฃ RGB kodi bilan (rgb(255, 0, 0))
p {
color: rgb(255, 0, 0);
}3๏ธโฃ Hex kodi bilan
h2 {
color: #ff0000;
}๐ RGB va Hex kodlari yordamida har qanday rangni yaratish mumkin!
โ โ โ โ โ โ โ โ โ
๐ผ๏ธ CSS Background โ Fonni Oโzgartirish
1๏ธโฃ Oddiy rang berish
body {
background-color: lightgray;
}2๏ธโฃ Rasmni fon sifatida qoโyish
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}3๏ธโฃ Gradient fon yaratish
body {
background: linear-gradient(to right, red, blue);
}๐ Tushuncha:
โ background-image โ fon tasviri.
โ background-size: cover; โ tasvirni ekran boโylab toโliq joylashtirish.
โ linear-gradient() โ ranglarning yumshoq oโtishini yaratadi.
โ โ โ โ โ โ โ โ โ
๐ฏ Amaliy Misol
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>CSS Fonlar</title>
<style>
body {
background: linear-gradient(to right, #ff7e5f, #feb47b);
color: white;
text-align: center;
font-size: 24px;
padding: 50px;
}
</style>
</head>
<body>
<h1>CSS Ranglar va Fon</h1>
<p>Bu sahifada gradient fon qoโllanilgan.</p>
</body>
</html>
โฎ Oldingi postda "CSS asoslari โ veb-sahifalarni chiroyli qilish" mavzusi yoritilgan.
โญ Keyingi postda "CSS Shriftlar (Fonts) va Matnni Stilizatsiya Qilish" yoritiladi.
๐ @absJavaScript | #JaSc@absJavaScript
โคโ๐ฅ2๐ฅ2๐1
#CSS #WebDasturlash #Frontend #Fonts #Typography #HTML #LearnToCode
๐ @absJavaScript | #JaSc@absJavaScript
10. CSS Shriftlar (Fonts) va Matnni Stilizatsiya Qilish
๐ @absJavaScript | #JaSc@absJavaScript
๐ฅ2โคโ๐ฅ1โก1๐1
#CSS #WebDasturlash #Frontend #Fonts #Typography #HTML #LearnToCode
Veb-sahifada matnning koโrinishi juda muhim. Bugun CSS da shriftlar bilan ishlash va matnni stilizatsiya qilish usullarini oโrganamiz!
โ โ โ โ โ โ โ โ โ โ
๐ CSS Font Xususiyatlari
CSS da matn va shriftlarni boshqarish uchun quyidagi xususiyatlar ishlatiladi:
โ โ โ โ โ โ โ โ โ โ
๐ CSS da Oddiy Shrift Qoโllash
๐ Maslahat: sans-serif, serif, monospace kabi umumiy shrift oilalarini qoโshish yaxshiroq.
โ โ โ โ โ โ โ โ โ โ
๐ Google Fonts ishlatish(Maxsus shriftlar)
1๏ธโฃ Google Fonts saytidan shrift tanlaymiz: https://fonts.google.com
2๏ธโฃ HTML faylga qoโshamiz:
3๏ธโฃ CSS da ishlatamiz:
โ โ โ โ โ โ โ โ โ โ
๐ฏ Amaliy Misol
โ โ โ โ โ โ โ โ โ โ
โ
Endi veb-sahifalaringiz matnlari yanada chiroyli koโrinadi!
โฎ Avvalgi postda "CSS ranglar va fon (Background) bilan ishlash" mavzusi yoritilgan.
๐ @absJavaScript | #JaSc@absJavaScript
10. CSS Shriftlar (Fonts) va Matnni Stilizatsiya Qilish
Veb-sahifada matnning koโrinishi juda muhim. Bugun CSS da shriftlar bilan ishlash va matnni stilizatsiya qilish usullarini oโrganamiz!
โ โ โ โ โ โ โ โ โ โ
๐ CSS Font Xususiyatlari
CSS da matn va shriftlarni boshqarish uchun quyidagi xususiyatlar ishlatiladi:
โ โ โ โ โ โ โ โ โ โ
๐ CSS da Oddiy Shrift Qoโllash
p {
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center;
}๐ Maslahat: sans-serif, serif, monospace kabi umumiy shrift oilalarini qoโshish yaxshiroq.
โ โ โ โ โ โ โ โ โ โ
๐ Google Fonts ishlatish
1๏ธโฃ Google Fonts saytidan shrift tanlaymiz: https://fonts.google.com
2๏ธโฃ HTML faylga qoโshamiz:
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap" rel="stylesheet">
3๏ธโฃ CSS da ishlatamiz:
p {
font-family: 'Poppins', sans-serif;
}โ โ โ โ โ โ โ โ โ โ
๐ฏ Amaliy Misol
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>CSS Shriftlar</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
text-align: center;
}
h1 {
font-size: 32px;
font-weight: bold;
}
p {
font-size: 20px;
line-height: 1.5;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>CSS Shriftlar va Matn</h1>
<p>Bu yerda maxsus shrift va matn effektlari qoโllangan.</p>
</body>
</html>
โ โ โ โ โ โ โ โ โ โ
โฎ Avvalgi postda "CSS ranglar va fon (Background) bilan ishlash" mavzusi yoritilgan.
๐ @absJavaScript | #JaSc@absJavaScript
โคโ๐ฅ2๐ฅ2๐1
๐ข 10 ta "Premium" dars "bepul" oโtildi! Sizning fikringiz muhim!
๐ฏ Ushbu kursning dastlabki 10 ta "Premium" darsi oโqib chiqildi. Sizga yoqdimi? Taklif va fikrlaringizni izohlarda qoldiring!
โ Darslar yetarlicha tushunarli boโldimi?
โ Qaysi mavzular qoโshimcha tushuntirilishi kerak?
โ Kelgusi darslar uchun qanday takliflaringiz bor?
โ๏ธ Izohlarda fikr qoldirishni unutmang!
๐ @absJavaScript
๐2โก1โคโ๐ฅ1๐ฅ1
10 ta "Premium" dars "bepul" oโtildi! Fikrlaringiz qanday? Sizga yoqdimi? Oสปz fikringizni bildiring!
Anonymous Poll
64%
Ajoyib! Davom eting! ๐
0%
Yaxshi, lekin yanada tushunarliroq boโlsa yaxshi boโlardi. ๐ค
36%
Yangi mavzular qoโshilsa zoโr boโlardi! ๐ฅ
0%
Boshqa taklifim bor, izohda yozaman! โ๏ธ
๐2โคโ๐ฅ1โก1๐ฅ1
๐ Premium bepul darslar โ toโliq roโyxat! ๐
Hurmatli dasturchilar! ๐จโ๐ป
Siz uchun "Premium bepul" darslarining toโliq roโyxatini taqdim etamiz. Quyidagi havolalar orqali barcha darslarni osongina topishingiz va qayta oโqib chiqishingiz mumkin.
๐ 1-10 darslar:
1๏ธโฃ Dars 1 โโฉ Kirish
2๏ธโฃ Dars 2 โโฉ JavaScriptni ishlatish
3๏ธโฃ Dars 3 โโฉ HTML, CSS va JavaScript farqi
4๏ธโฃ Dars 4 โโฉ HTML asoslari
5๏ธโฃ Dars 5 โโฉ HTML asosiy teglari
6๏ธโฃ Dars 6 โโฉ HTML formlari
โ Dars 6 โโฉ HTML formlari
7๏ธโฃ Dars 7 โโฉ HTML jadval yaratish
โ Dars 7 โโฉ HTML jadval yaratish
8๏ธโฃ Dars 8 โโฉ CSS asoslari
9๏ธโฃ Dars 9 โโฉ CSS ranglar va fon
๐ Dars 10 โโฉ CSS shriftlar va stilizatsiya
โ Dars 10 โโฉ CSS shriftlar va stilizatsiya
๐ Yangi darslarni kuzatib boring, eng qiziqarli mavzular oldinda!
๐ @absJavaScript | #JaSc@absJavaScript
๐2โก1โคโ๐ฅ1๐1๐ฅ1
๐บ๐ฟ Yoshingiz nechada?
๐บ๐ฟ ะัะธะฝะณะธะท ะฝะตัะฐะดะฐ?
๐บ๐ธ How old are you? ๐ท๐บ ะกะบะพะปัะบะพ ัะตะฑะต ะปะตั?
๐บ๐ฟ ะัะธะฝะณะธะท ะฝะตัะฐะดะฐ?
๐บ๐ธ How old are you? ๐ท๐บ ะกะบะพะปัะบะพ ัะตะฑะต ะปะตั?
Anonymous Poll
64%
18 -
20%
18 <-> 24
4%
25 <-> 39
4%
40 <-> 59
8%
60 +
๐2โคโ๐ฅ1โก1๐ฅ1๐จโ๐ป1
This media is not supported in your browser
VIEW IN TELEGRAM
๐2โคโ๐ฅ1๐ฅ1๐1
๐บ๐ฟ Eng zo'r dasturlash tili qaysi?
๐บ๐ฟ ะญะฝะณ ะทัฬั ะดะฐััััะปะฐั ัะธะปะธ าะฐะนัะธ?
๐บ๐ธ Which is the best coding language? ๐ท๐บ ะะฐะบะพะน ะปัััะธะน ัะทัะบ ะฟัะพะณัะฐะผะผะธัะพะฒะฐะฝะธั?
๐บ๐ฟ ะญะฝะณ ะทัฬั ะดะฐััััะปะฐั ัะธะปะธ าะฐะนัะธ?
๐บ๐ธ Which is the best coding language? ๐ท๐บ ะะฐะบะพะน ะปัััะธะน ัะทัะบ ะฟัะพะณัะฐะผะผะธัะพะฒะฐะฝะธั?
Anonymous Poll
52%
JavaScript
31%
Python
7%
C#
10%
Pul olib keladigani โจ
โคโ๐ฅ2๐ฅ2โก1
#Set #absJavaScript
Set โ bu to'plam. Faqat bunda har bir element bir marotaba foydalanishi mumkin.
๐ @absJavaScript
Set
Set โ bu to'plam. Faqat bunda har bir element bir marotaba foydalanishi mumkin.
let set = new Set() โ yangi Set yaratildi.set.add("abs") โ qiymat qo'shildiset.delete("abs") โ qiymat olib tashlandi.set.has("abs") โ qiymat bor yo'qligi tekshiradi . Bor bo'lsa true aksida bo'lsa false set.clear() โ ma'lumotlarni tozalaydiset.size โ elementlar soni๐ @absJavaScript
๐จโ๐ป2โคโ๐ฅ1๐1๐ฅ1
๐ Premium bepul darslar davom etadi! ๐
Hurmatli dasturchilar! ๐โโ
๐ Sizning talablaringizga binoan, "Premium bepul" darslarimizni davom ettirishga qaror qildik!
๐ Darslar 8-martdan boshlab yana yoโlga qoโyiladi! ๐ฅณ
๐น Endi siz JavaScriptning eng muhim mavzularini tushunarli, qiziqarli va amaliy misollar bilan oโrganishda davom etasiz.
๐น Har bir dars sizning bilimlaringizni mustahkamlash va real loyihalar yaratish imkonini beradi.
๐น Yoโlda davom etamiz! ๐ช Siz ham biz bilan birga oโrganishda davom eting!
๐ Yangiliklarni kuzatib boring, yangi darslar tez orada!
๐ @absJavaScript
๐2โคโ๐ฅ1๐1
1๏ธโฃ #Map
Map โ bu kalit-qiymat juftligi bilan ishlovchi obyekt. Oddiy obyektlardan farqli ravishda, Map har qanday turdagi kalitlarni qabul qiladi. Ularning tartibi saqlanadi va maxsus metodlari mavjud.
๐ @absJavaScript | #JvSc@absJavaScript
Map โ bu kalit-qiymat juftligi bilan ishlovchi obyekt. Oddiy obyektlardan farqli ravishda, Map har qanday turdagi kalitlarni qabul qiladi. Ularning tartibi saqlanadi va maxsus metodlari mavjud.
let map = new Map();
map.set("name", "Ali");
console.log(map.get("name")); // "Ali"
map.delete("name");
console.log(map.has("name")); // false
๐ @absJavaScript | #JvSc@absJavaScript
๐3โคโ๐ฅ1
2๏ธโฃ #WeakSet
WeakSet โ faqat obyektlarni saqlash uchun ishlatiladi. Unda primitiv qiymatlar boโlishi mumkin emas. WeakSetโdagi elementlarga bevosita murojaat qilib boโlmaydi, lekin ularning mavjudligini tekshirish mumkin.
๐ @absJavaScript | #JvSc@absJavaScript
WeakSet โ faqat obyektlarni saqlash uchun ishlatiladi. Unda primitiv qiymatlar boโlishi mumkin emas. WeakSetโdagi elementlarga bevosita murojaat qilib boโlmaydi, lekin ularning mavjudligini tekshirish mumkin.
let ws = new WeakSet();
let obj = {name: "Ali"};
ws.add(obj);
console.log(ws.has(obj)); // true
ws.delete(obj);
๐ @absJavaScript | #JvSc@absJavaScript
๐3โคโ๐ฅ1