Assalomu alaykum, doβstlar! π
Bu kanal program.web π¨π»βπ» π β frontend dasturlashni oβrganmoqchi boβlganlar uchun. π»β¨
π Bu yerda:
β HTML, CSS, JavaScript darslari
β Foydali maslahatlar va tajribalar
β Amaliy loyihalar va kod misollar boβladi.
Agar frontendga qiziqsangiz, kanalda qoling! Fikr-mulohazalaringizni kutib qolaman. β
Doβstlaring bilan ulashishni unutmang! π₯
Bu kanal program.web π¨π»βπ» π β frontend dasturlashni oβrganmoqchi boβlganlar uchun. π»β¨
π Bu yerda:
β HTML, CSS, JavaScript darslari
β Foydali maslahatlar va tajribalar
β Amaliy loyihalar va kod misollar boβladi.
Agar frontendga qiziqsangiz, kanalda qoling! Fikr-mulohazalaringizni kutib qolaman. β
Doβstlaring bilan ulashishni unutmang! π₯
Salom! Mening ismim Avazbek
////////////////////////////////////////////
π― Kanal bosh maqsadi
β’ Bu yerda Frontend dasturlashni noldan oβrganish, foydali maslahatlar, kod yozish boβyicha tajribalar va eng muhim maβlumotlarni ulashaman. Agar siz ham veb-dasturlashni oβrganmoqchi boβlsangiz β demak, bu kanal siz uchun!
π Nimani topasiz?
β HTML, CSS va JavaScript darslari
β Foydali resurslar va maslahatlar
β Real loyihalar va kod misollari
β Savol-javoblar va muhokamalar
Frontendni birga oβrganamiz! program.web π¨π»βπ» π kanaliga xush kelibsiz! π
////////////////////////////////////////////
π― Kanal bosh maqsadi
β’ Bu yerda Frontend dasturlashni noldan oβrganish, foydali maslahatlar, kod yozish boβyicha tajribalar va eng muhim maβlumotlarni ulashaman. Agar siz ham veb-dasturlashni oβrganmoqchi boβlsangiz β demak, bu kanal siz uchun!
π Nimani topasiz?
β HTML, CSS va JavaScript darslari
β Foydali resurslar va maslahatlar
β Real loyihalar va kod misollari
β Savol-javoblar va muhokamalar
Frontendni birga oβrganamiz! program.web π¨π»βπ» π kanaliga xush kelibsiz! π
Forwarded from Kamolxo'ja Axmadxo'jayev (KamolXoja)
Media is too big
VIEW IN TELEGRAM
Chinoz IT Center
π§βπ»Telefonda code yozamiz
β Hurmatli o'quvchila ko'pchiligni qiziqtirgan savol. π±Telefonda code yozsa boladimi. Albatta boladi, ushbu videoda batafsil chuntirilgan.
π©Manzilimiz: CHINOZ sh. Ziyokor ko'chasi.
Mo'ljal: Pochta binosi
βοΈ Call-markaz: +998-93-533-75-60 +998-95-124-26-06
πO'Z KELAJAGINGNI BIZ BILAN QUR β
Sayt | Telegram | Instagram |
π§βπ»Telefonda code yozamiz
β Hurmatli o'quvchila ko'pchiligni qiziqtirgan savol. π±Telefonda code yozsa boladimi. Albatta boladi, ushbu videoda batafsil chuntirilgan.
π©Manzilimiz: CHINOZ sh. Ziyokor ko'chasi.
Mo'ljal: Pochta binosi
βοΈ Call-markaz: +998-93-533-75-60 +998-95-124-26-06
πO'Z KELAJAGINGNI BIZ BILAN QUR β
Sayt | Telegram | Instagram |
1-dars: HTMLga kirish
π HTML nima?
HTML (HyperText Markup Language) β bu veb-sahifalarni yaratish uchun ishlatiladigan til. U veb-brauzer sahifada koβrsatadigan tuzilmani belgilaydi.
π‘ Misol uchun oddiy HTML kod:
<!DOCTYPE html>
<html>
<head>
<title>Mening Birinchi Sahifam</title>
</head>
<body>
<h1>Salom, Dunyo!</h1>
<p>Bu mening birinchi HTML sahifam.</p>
</body>
</html>
π Kod tushuntirishi:
β <!DOCTYPE html> β HTML5 versiyasini bildiradi.
β <html> β Butun sahifani qamrab oluvchi asosiy teg.
β <head> β Meta maβlumotlar va sarlavha (<title>) joylashgan joy.
β <body> β Asosiy kontent qismi.
πΉ Vazifa:
Kompyuteringizda Notepad++ yoki VS Code ochib, shu kodni yozib, .html fayl sifatida saqlab, brauzerda ochib koβring!
π HTML nima?
HTML (HyperText Markup Language) β bu veb-sahifalarni yaratish uchun ishlatiladigan til. U veb-brauzer sahifada koβrsatadigan tuzilmani belgilaydi.
π‘ Misol uchun oddiy HTML kod:
<!DOCTYPE html>
<html>
<head>
<title>Mening Birinchi Sahifam</title>
</head>
<body>
<h1>Salom, Dunyo!</h1>
<p>Bu mening birinchi HTML sahifam.</p>
</body>
</html>
π Kod tushuntirishi:
β <!DOCTYPE html> β HTML5 versiyasini bildiradi.
β <html> β Butun sahifani qamrab oluvchi asosiy teg.
β <head> β Meta maβlumotlar va sarlavha (<title>) joylashgan joy.
β <body> β Asosiy kontent qismi.
πΉ Vazifa:
Kompyuteringizda Notepad++ yoki VS Code ochib, shu kodni yozib, .html fayl sifatida saqlab, brauzerda ochib koβring!
program.web π¨π»βπ» π pinned Β«Assalomu alaykum, doβstlar! π Bu kanal program.web π¨π»βπ» π β frontend dasturlashni oβrganmoqchi boβlganlar uchun. π»β¨ π Bu yerda: β HTML, CSS, JavaScript darslari β Foydali maslahatlar va tajribalar β Amaliy loyihalar va kod misollar boβladi. Agar frontendgaβ¦Β»
2-DARS: HTML TEGLARI VA TUZILMASI
π HTML teglari nima?
HTML hujjati teglardan iborat. Har bir teg < > qavs ichida yoziladi va sahifada ma'lum bir vazifani bajaradi.
π‘ Asosiy HTML teglari:
β <h1> - <h6> β Sarlavhalar
β <p> β Paragraflar
β <a> β Havolalar
β <img> β Rasmlar
β <ul>, <ol>, <li> β Roβyxatlar
β <table> β Jadval
π Misol kod:
<h1>Bu sarlavha</h1>
<p>Bu oddiy paragraf.</p>
<a href="https://telegram.org">Telegramga oβtish</a>
π Vazifa: Shu kodni yozib, brauzerda natijani koβring!
π HTML teglari nima?
HTML hujjati teglardan iborat. Har bir teg < > qavs ichida yoziladi va sahifada ma'lum bir vazifani bajaradi.
π‘ Asosiy HTML teglari:
β <h1> - <h6> β Sarlavhalar
β <p> β Paragraflar
β <a> β Havolalar
β <img> β Rasmlar
β <ul>, <ol>, <li> β Roβyxatlar
β <table> β Jadval
π Misol kod:
<h1>Bu sarlavha</h1>
<p>Bu oddiy paragraf.</p>
<a href="https://telegram.org">Telegramga oβtish</a>
π Vazifa: Shu kodni yozib, brauzerda natijani koβring!
Telegram
Telegram β a new era of messaging
Fast. Secure. Powerful.
π₯1
3-DARS: HTML FORMALAR VA INPUTLAR
π Forma nima?
Veb-saytlarda foydalanuvchi maβlumotlarini olish uchun formalar ishlatiladi. Masalan: Roβyxatdan oβtish, kirish, qidiruv paneli va boshqalar.
π‘ Asosiy input turlari:
β <input type="text"> β Matn maydoni
β <input type="password"> β Parol maydoni
β <input type="email"> β Email maydoni
β <input type="submit"> β Joβnatish tugmasi
β <textarea> β Katta matn maydoni
π Misol kod:
<form>
<label>Ismingiz:</label>
<input type="text" name="ism">
<br>
<label>Emailingiz:</label>
<input type="email" name="email">
<br>
<input type="submit" value="Jo'natish">
</form>
π Vazifa: Shu kodni yozib, qanday ishlashini tekshiring!
π Forma nima?
Veb-saytlarda foydalanuvchi maβlumotlarini olish uchun formalar ishlatiladi. Masalan: Roβyxatdan oβtish, kirish, qidiruv paneli va boshqalar.
π‘ Asosiy input turlari:
β <input type="text"> β Matn maydoni
β <input type="password"> β Parol maydoni
β <input type="email"> β Email maydoni
β <input type="submit"> β Joβnatish tugmasi
β <textarea> β Katta matn maydoni
π Misol kod:
<form>
<label>Ismingiz:</label>
<input type="text" name="ism">
<br>
<label>Emailingiz:</label>
<input type="email" name="email">
<br>
<input type="submit" value="Jo'natish">
</form>
π Vazifa: Shu kodni yozib, qanday ishlashini tekshiring!
4-DARS: HTML RASMLAR VA HAVOLALAR
π Veb-sahifaga rasm va havola qoβshish
Saytga rasm joylash uchun <img> tegi, boshqa sahifa yoki saytga havola berish uchun esa <a> tegi ishlatiladi.
π‘ Asosiy teglari:
β <img src="rasm.jpg" alt="Tavsif"> β Rasm joylash
β <a href="https://example.com">Saytga oβtish</a> β Havola yaratish
π Misol kod:
<img src="rasm.jpg" alt="Bu rasm tavsifi">
<a href="https://google.com">Google saytiga o'tish</a>
π Vazifa: Oβzingizga yoqqan rasmni sahifaga joylab koβring!
π Veb-sahifaga rasm va havola qoβshish
Saytga rasm joylash uchun <img> tegi, boshqa sahifa yoki saytga havola berish uchun esa <a> tegi ishlatiladi.
π‘ Asosiy teglari:
β <img src="rasm.jpg" alt="Tavsif"> β Rasm joylash
β <a href="https://example.com">Saytga oβtish</a> β Havola yaratish
π Misol kod:
<img src="rasm.jpg" alt="Bu rasm tavsifi">
<a href="https://google.com">Google saytiga o'tish</a>
π Vazifa: Oβzingizga yoqqan rasmni sahifaga joylab koβring!
5-DARS: HTML JADVALLARI (TABLE)
π Jadval nima?
Saytda jadval (table) yaratish uchun <table> tegi ishlatiladi. U satrlar (<tr>) va ustunlar (<td>) dan iborat boβladi.
π‘ Asosiy teglari:
β <table> β Jadval yaratish
β <tr> β Satr
β <td> β Ustun
β <th> β Sarlavha qatori
π Misol kod:
<table border="1">
<tr>
<th>Ism</th>
<th>Yosh</th>
</tr>
<tr>
<td>Shoxrux</td>
<td>16</td>
</tr>
<tr>
<td>Javohir</td>
<td>25</td>
</tr>
</table>
π Vazifa: Oβzingiz haqingizda jadval tayyorlab koβring!
π Jadval nima?
Saytda jadval (table) yaratish uchun <table> tegi ishlatiladi. U satrlar (<tr>) va ustunlar (<td>) dan iborat boβladi.
π‘ Asosiy teglari:
β <table> β Jadval yaratish
β <tr> β Satr
β <td> β Ustun
β <th> β Sarlavha qatori
π Misol kod:
<table border="1">
<tr>
<th>Ism</th>
<th>Yosh</th>
</tr>
<tr>
<td>Shoxrux</td>
<td>16</td>
</tr>
<tr>
<td>Javohir</td>
<td>25</td>
</tr>
</table>
π Vazifa: Oβzingiz haqingizda jadval tayyorlab koβring!