IT bilan bog`liq eng mashhur 12 kasb.
1. Dastur muhandisi (Software Engineer)
2. Dasturlarni sinash bo'yicha mutaxassis (Tester)
3. Biznes tahlilchisi (Business Analyst)
4. Dasturiy ta'minot sifatini ta'minlash mutaxassisi (QA Engineer)
5. Ma'lumotlar bo'yicha mutaxassis (Data Scientist)
6. Ma'lumotlar tahlilchisi (Data Analyst)
7. SEO mutaxassisi (SEO specialist)
8. Texnik yozuvchi (Technical Writer)
9. Veb-dizayner (Web Designer)
10. 3D dizayner (3D designer)
11. UXUI dizayneri (UXUI designer)
12. Game dizayneri (Game Designer)
1. Dastur muhandisi (Software Engineer)
2. Dasturlarni sinash bo'yicha mutaxassis (Tester)
3. Biznes tahlilchisi (Business Analyst)
4. Dasturiy ta'minot sifatini ta'minlash mutaxassisi (QA Engineer)
5. Ma'lumotlar bo'yicha mutaxassis (Data Scientist)
6. Ma'lumotlar tahlilchisi (Data Analyst)
7. SEO mutaxassisi (SEO specialist)
8. Texnik yozuvchi (Technical Writer)
9. Veb-dizayner (Web Designer)
10. 3D dizayner (3D designer)
11. UXUI dizayneri (UXUI designer)
12. Game dizayneri (Game Designer)
😎 Kanal a'zolariga murojaat etmoqchiman!
🗣 Kichkina iltimos, kanalga do'stlarizni taklif qiling.
Link
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
🗣 Kichkina iltimos, kanalga do'stlarizni taklif qiling.
Link
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Frontend Coding pinned «😎 Kanal a'zolariga murojaat etmoqchiman! 🗣 Kichkina iltimos, kanalga do'stlarizni taklif qiling. Link https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ»
Увлекаешься программированием? Давай посмотрим. Присоединяйся ко мне на SoloLearn. https://www.sololearn.com/?ref=app-text4
Sololearn
Sololearn: Leer Coderen
Word nu lid om de basis te leren of je bestaande vaardigheden te verbeteren
Assalomu aleykum kanalimiz a'zolari! 😁
Kanalimiz ko'p muddat aktiv bo'lmadi. Bu noqulayliklar uchun uzr so'raymiz!
Hozirni o'zidan CSS darslarimizni boshlaymiz! ✅
@webdasturchilar_html_css_js
Kanalimiz ko'p muddat aktiv bo'lmadi. Bu noqulayliklar uchun uzr so'raymiz!
Hozirni o'zidan CSS darslarimizni boshlaymiz! ✅
@webdasturchilar_html_css_js
Forwarded from Frontend Coding (ㅤㅤㅤㅤ)
☑️ Mana bu quyidagi kodlar HTML 5 hozirdagi amalda bo'lgan versiya kodi.!!!
⬇️ ⬇️ ⬇️ ⬇️
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
🌐 Bizning kanal 👇
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
⬇️ ⬇️ ⬇️ ⬇️
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
🌐 Bizning kanal 👇
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
CSS ( Style Cascading Sheets ) - web sahifaga ajoyib dizayn yaratish uchun ishlatiladi! 🎨
CSS ni sahifaga ulash uchun ikkita oddiy yo'l mavjud. 🎯
1⃣ - Web sahifamizdagi
<head>
<style> ......... </style>
</head>
Teglari orasiga CSS kodlarini yozamiz. 💻
2⃣ - CSSda yozgan kodlarimizni (.css) ko'rinishida saqlab yo'llanma va import usuli orqali ham ulash mumkin! 🗜
Bu quyidagicha! 🔽
🔹 <head>
<link rel="stylesheet" href="css/misol.css>
</head>
🔸Yoki bunday!
<head>
@import url("misol.css");
</head>
Manba 📚
@webdasturchilar_html_css_js
CSS ni sahifaga ulash uchun ikkita oddiy yo'l mavjud. 🎯
1⃣ - Web sahifamizdagi
<head>
<style> ......... </style>
</head>
Teglari orasiga CSS kodlarini yozamiz. 💻
2⃣ - CSSda yozgan kodlarimizni (.css) ko'rinishida saqlab yo'llanma va import usuli orqali ham ulash mumkin! 🗜
Bu quyidagicha! 🔽
🔹 <head>
<link rel="stylesheet" href="css/misol.css>
</head>
🔸Yoki bunday!
<head>
@import url("misol.css");
</head>
Manba 📚
@webdasturchilar_html_css_js
HTMLda sarlavhalar.
1) <h1> Bu sarlavha </h1>
2) <h2> Bu sarlavha </h2>
3) <h3> Bu sarlavha </h3>
4) <h4> Bu sarlavha </h4>
5) <h5> Bu sarlavha </h5>
6) <h6> Bu sarlavha </h6>
KANALIMIZ BUGUNDAN ISHGA TUSHDI!
@webdasturchilar_html_css_js
1) <h1> Bu sarlavha </h1>
2) <h2> Bu sarlavha </h2>
3) <h3> Bu sarlavha </h3>
4) <h4> Bu sarlavha </h4>
5) <h5> Bu sarlavha </h5>
6) <h6> Bu sarlavha </h6>
KANALIMIZ BUGUNDAN ISHGA TUSHDI!
@webdasturchilar_html_css_js
HTML ma'nosi nima?
Anonymous Quiz
90%
HyperText Markup Language
0%
HyperLink Markup Language
10%
HyperText Mark Language
HTML standart kodirovkasi UTF-8.
"head" - tegi orasiga yoziladi.
<head>
<meta charset="UTF-8">
</head>
"head" - tegi orasiga yoziladi.
<head>
<meta charset="UTF-8">
</head>
HTML da "Paragraf" - <p> </p> teglari yordamida yaratiladi.
<html>
<head>
<title> bu sarlavha</title>
</head>
<body>
<p>Birinchi paragraf</p>
<p>Ikkinchi paragraf</p>
</body>
</html>
=================================
<br /> - tegidan keyin yozilgan har qanday kod yoki ma'lumot yangi qatordan boshlanadi.
<html>
<head>
<title> bu sarlavha</title>
</head>
<body>
<p>Birinchi paragraf</p>
<p>Ikkinchi paragraf</p>
Hammaga salom! <br /> Bu mening birinchi sahifam.
</body>
</html>
@webdasturchilar_html_css_js
<html>
<head>
<title> bu sarlavha</title>
</head>
<body>
<p>Birinchi paragraf</p>
<p>Ikkinchi paragraf</p>
</body>
</html>
=================================
<br /> - tegidan keyin yozilgan har qanday kod yoki ma'lumot yangi qatordan boshlanadi.
<html>
<head>
<title> bu sarlavha</title>
</head>
<body>
<p>Birinchi paragraf</p>
<p>Ikkinchi paragraf</p>
Hammaga salom! <br /> Bu mening birinchi sahifam.
</body>
</html>
@webdasturchilar_html_css_js
Frontend Coding pinned «HTML da "Paragraf" - <p> </p> teglari yordamida yaratiladi. <html> <head> <title> bu sarlavha</title> </head> <body> <p>Birinchi paragraf</p> <p>Ikkinchi paragraf</p> </body> </html> ================================= <br /> - tegidan keyin yozilgan…»
▪️ <u> Misol </u> - ushbu teg orasiga kiritilgan so'z, gap, ma'lumotlar tagiga chizilgan holatda bo'ladi.
▪️ <del> Misol </del> - ushbu teg orasiga kiritilgan so'z, gap, ma'lumot ustiga chizilgan holatda bo'ladi.
▪️ <i> Misol </i>, <em> Misol </em> - ushbu teglar orasiga kiritilgan ma'lumot kursiv holatda bo'ladi.
▪️ <strong> Misol </strong>,
<b> Misol <b> - ushbu teglar orasiga kiritilgan ma'lumot qalin holatda bo'ladi.
@webdasturchilar_html_css_js
▪️ <del> Misol </del> - ushbu teg orasiga kiritilgan so'z, gap, ma'lumot ustiga chizilgan holatda bo'ladi.
▪️ <i> Misol </i>, <em> Misol </em> - ushbu teglar orasiga kiritilgan ma'lumot kursiv holatda bo'ladi.
▪️ <strong> Misol </strong>,
<b> Misol <b> - ushbu teglar orasiga kiritilgan ma'lumot qalin holatda bo'ladi.
@webdasturchilar_html_css_js
HTML sahifaga CSS ni ulash quyidagicha.
1⃣ <head>
@import url("misol.css")
</head>
2⃣ <link rel="stylesheet" href="misol.css">
=================================
CSSni mana bunday ko'rinishda ham sahifaga ulashimiz mumkin.
<head>
<style>
p {
color: black;
}
</style>
</head>
Bu ichki css kodi hisoblanadi. Ya'ni css kodimiz <head> tegi orasidagi <style> tegi ichida yoziladi.
@webdasturchilar_html_css_js
1⃣ <head>
@import url("misol.css")
</head>
2⃣ <link rel="stylesheet" href="misol.css">
=================================
CSSni mana bunday ko'rinishda ham sahifaga ulashimiz mumkin.
<head>
<style>
p {
color: black;
}
</style>
</head>
Bu ichki css kodi hisoblanadi. Ya'ni css kodimiz <head> tegi orasidagi <style> tegi ichida yoziladi.
@webdasturchilar_html_css_js
Kommentariyalar.
HTMLda kommentariya quyidagicha.
<!-- Bu izoh -->
<html>
<head> <title>Kommentariyalar</title>
</head>
<body>
<p> <!-- bu birinchi paragraf -->
Bu paragraf
</p>
</body>
</html>
CSS kommentariya.
<style>
/*bu paragraf ko'k rangda aks etadi*/
p {
color: blue;
}
</style>
Kommentariyalar sahifa oynasida aks etmaydi. Kommentariya ma'lum bir kodlarimizni izohlash uchun ishlatiladi.
@webdasturchilar_html_css_js
HTMLda kommentariya quyidagicha.
<!-- Bu izoh -->
<html>
<head> <title>Kommentariyalar</title>
</head>
<body>
<p> <!-- bu birinchi paragraf -->
Bu paragraf
</p>
</body>
</html>
CSS kommentariya.
<style>
/*bu paragraf ko'k rangda aks etadi*/
p {
color: blue;
}
</style>
Kommentariyalar sahifa oynasida aks etmaydi. Kommentariya ma'lum bir kodlarimizni izohlash uchun ishlatiladi.
@webdasturchilar_html_css_js
Kursiv holatda yozish uchun ..... teglaridan foydalanamiz.
Anonymous Quiz
43%
<em></em>, <i></i>
10%
<i></i>, <b></b>
23%
<body></body>, <style></style>
23%
To'g'ri javob yo'q
HTMLda ro'yxatlar.
HTMLda ro'yxatlar ikki xil bo'ladi.
1⃣- tartiblangan ro'yxatlar <ol></ol> teglari orasiga <li></li> teglari yordamida yaratiladi.
--- MISOL ---
<ol>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ol>
2⃣- tartiblanmagan ro'yxatlar
<ul> </ul> teglari orasiga <li></li> tegi yordamida yaratiladi.
--- MISOL ---
<ul>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ul>
📚 Manba
@webdasturchilar_html_css_js
HTMLda ro'yxatlar ikki xil bo'ladi.
1⃣- tartiblangan ro'yxatlar <ol></ol> teglari orasiga <li></li> teglari yordamida yaratiladi.
--- MISOL ---
<ol>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ol>
2⃣- tartiblanmagan ro'yxatlar
<ul> </ul> teglari orasiga <li></li> tegi yordamida yaratiladi.
--- MISOL ---
<ul>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ul>
📚 Manba
@webdasturchilar_html_css_js