😁 Assalomu aleykum kanal a'zolari!

🎉 Yaqinda kanalimiz ishga tushadi. Anchandan beri kanalga birorta foydali ma'lumotlar yuklangani yo'q!

📆 Juda ko'p muddat kanalga e'tibor qaratmadik. Kanalimizda qolgan foydalanuvchilarga katta rahmat!

KANALIMIZ 9-NOYABRDAN
BOSHLAB 100% ISHGA TUSHADI!

📝 Rejalar!

✅ Elektron kitoblar
✅ Video darslar
✅ HTML, CSS, JS kodlar
✅ Sayt yozishni 0 dan boshlaymiz

Frontend dasturchilar uchun quyidagilar zarur.

1) HTML
2) CSS
3) Java Script
4) React

HTMLda qaysi teg nima vazifalarni bajarishi kerakligini bilish zarur.

Web sayt barcha qurilmalar uchun - kompyuter, planshet va smartfonlarga adaptiv bo'lishi shart. Buning uchun "Responsive Web Design"ni o'rganish kerak.

CSSda flex, grid haqida hamda media elementlarini chuqurroq o'rganish zarur. Bular barchasi adaptiv verstka qilish uchun kerak bo'lgan ko'nikmalar.

Java Script haqida boshlang'ich bilimga ega bo'lish hamda birorta java script kutubxonalaridan birini o'rganish kerak bo'ladi. Aynan birini emas bir nechtasini o'rgansa zarar qilmaydi. Misol uchun React, Jquery, Angular kabilar.

📚 Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot

📖 Web dasturlashni mustaqil tarzda o'rganish uchun saytlar!

1️⃣ w3schools.com - juda ko'plab darslar mavjud. Akkaunt ochib bemalol kirib o'rgansa bo'ladi. Testlar, amaliyot hamda yangi video darslar bo'limi qo'shildi.
Kursni o'rganib bo'lgandan keyin sertifikat olsa bo'ladi. SERTIFIKAT PULLI.

2️⃣ sololearn.com - bu ham juda ajoyib sayt. Darslar davomida har xil savollar va amaliyot uchun proyektlar. Premium sotib olsangiz juda ham zo'r bo'ladi.
Play Marketda ilovasi ham bor.

Ilovani yuklash - SOLO LEARN

3️⃣ html5book.ru - bu saytda HTML, CSS, JSni va saytni adaptiv holatda verstka qilishni o'rganishingiz mumkin. Qo'shimchasiga proyektlar ham bor.

📚 Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot

😊 Assalomu aleykum kanal a'zolari.
Bugun bir necha CSS selektorlari bilan tanishib chiqamiz!

1️⃣ font-family - buning yordamida butun sahifaga yoki biror elementga shrift ulashimiz mumkin.

MISOL:
body {
font-family: 'Open Sans', serif;
}

Bunda biz butun boshli sahifaga shrift uladik.
Keyinroq sahifaga shrift ulash bo'yicha alohida videorolik qilamiz.

2️⃣ font-size - buning yordamida sahifamizdagi matnlarga o'cham berishimiz mumkin.

MISOL:
body {
font-size: 20px;
}

Buning natijasida sahifadagi tekst o'lchami 20px kattalikka ega bo'ladi.

📚 Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot

📌 Bundan tashqari font-size qabul qiladigan qiymatlar quyidagilar:

1) xx-small
2) small
3) medium
4) large
5) larger
6) x-large
7) xx-large

font-size berishda undagi o'lchov turini "px"da yoki "em" ko'rinishida kiritish mumkin.

1em "16px"ga teng bo'ladi.

Masalan tekst o'lchamini 20px deb "em" ko'rinishida bermoqchi bo'lsak 👇

em = piksel / 16

em = 20 / 16
em = 1.25

📚 Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot

📲 Ushbu dastur yordamida kodlarizni smartfoningiz yordamida yozishingiz mumkin.

📝 Nomi - anWriter
💾 Hajmi - 1.8 MB
💽 Tizim - Android
💎 Turi - PRO versiya

📚 Manba
@webdasturchilar_html_css_js

📚 Assalomu aleykum kanal a'zolari! Bugun CSSda font-style, font-weight va font-variant kabilarni ko'rib chiqamiz!

font-style: buning yordamida shrift stilini o'zgartirsa bo'ladi hamda quyidagi qiymatlarni qabul qiladi.

1) italic
2) normal
3) oblique

font-weight: - shriftni yo'g'on ya'ni qalinroq qilib yozish uchun ishlatiladi. Quyidagi qiymatlarni qabul qiladi.

1) lighter
2) bold
3) bolder

font-variant: - shrift turini belgilash uchun ishlatiladi va odatda quyidagi qiymatlar ishlatiladi.

1) normal
2) small-caps

Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot

Mana bu html faylni yuklab tanishib chiqishingizni va o'zingiz ham yozib mashq qilib ko'rishingizni maslahat beraman.

Manba
@webdasturchilar_html_css_js

📌 class va id nima ekanligini bilishingiz kerak.

Teglarga class berishdan maqsad ularga har xil stillar berish. Ya'ni siz bir vaqtning o'zida bir necha har xil teglarga stil bermoqchisiz yoki bir xil teglarni bir-biridan alohida ko'rinishda stil berishda classdan foydalanamiz.

Bitta classdan bir necha marta foydalanish mumkin lekin bitta id faqat bir marta ishlatiladi.

💻 Classlar oldidan nuqta qo'yiladi. Misol uchun .class ko'rinishida bo'ladi.

Id esa mana bunday #misol ko'rinishida bo'ladi.

YUQORIDA YUKLANGAN HTML FAYLDA BARCHASI KELTIRILGAN KO'RIB CHIQISHINGIZ MUMKIN.

Manba
@webdasturchilar_html_css_js

Assalomu aleykum kanal a'zolari!

Agar kim Solo Learnni yuklab olgan bo'lsa. Meni solo learndagi profilim.

https://code.sololearn.com/W2968S3K00Nc/?ref=app

Assalomu aleykum hammaga! Bugun "loader" animatsiya yasash bo'yicha video yuklaymiz!

HTML va CSSda loader animatsiya!

Manba✅
@webdasturchilar_html_css_js