Assalomu alaykum barchaga!

🔥Kanalni tashkil qildik ✅ @javohir_webdev

Mustaqil web dasturlashni o'rganishni xohlaydiganlar uchun.

@webdev07 kanalimizda avval joylashtirilgan faqat video darslar ketma-ketlik bilan tashlab boriladi.
👉 ✅ @javohir_webdev

#html #dars_1
Web dasturlashga kirish 1-dars

📹 HTML5 1-Dars o'zbek tilida.HTML haqida. Web dasturlash | Kirish →

✅ @javohir_webdev

🎯 Kanalga boshlang'ich darslar har kuniga bittadan tashlab boriladi. 1-darsni ko'rmasdan ikkinchi darsga o'tmang! Qolganlari ham shu tartibda bo'ladi.

⁉️ Darslar bo'yicha savollaringizni @webdev07_lesson guruhimizga yozishingiz mumkin.

✅ Barcha bo'lajak dasturchilarga omad

#html #dars_2
Web Dasturlash 2-Dars | HTML5 (matnlar, img qo'shish, havolalar)

Bugungi video darsimiz Web Dasturlashga kirish qismi bo'ladi ya'ni siz matnlar bilan ishlash va img qo'shish, havolalar bo'yicha o'zingiz qiziqqan savollarga javob topasiz!

👇 Lesson 1
https://youtu.be/MFfms2VvGUA

#html #dars_3
Web Dasturlash 3-Dars | HTML5 asosiy bo'lim (Formalar, Jadvallar, Ro'yxatlar)

👇 Lesson 3

https://youtu.be/Dm3GZoqLVF4

​​HTML haqida tushuncha
Internetning WWW hizmati, asosan, wyeb-sahifalarga bog‘liq ekan, ular qanday yaratiladi? – degan savol tug‘ulishi tabiiy. Wyeb-sahifalar HTML (Hypertext Markup Language – Gipermatnli markerlash tili) tilida yoziladi. HTML – dasturlash tili hisoblanmaydi. Bu tilda hujjat (wyeb-sahifa) tayyorlash uchun Windows’ning Bloknot kabi oddiy matn muharriri yetarli. HTML tilining buyruqlari “<” ва “>” belgilari orasiga yoziladi va deskriptor yoki teg (inglizcha tag – yorliq, belgi, alomat) deb ataladi.

Masalan, yozuvi HTML tilidagi hujjatning boshlanishini anglatadi. Teglarni yuqori yoki quyi registrdagi lotin alifbosi harflari yordamida yozish mumkin, ya’ni va bir xil tegdir. Umuman, teglar ikki turga bo‘linadi:

Juft teglar yoki konteyner-teglar: ko‘rinishdagi teg uchun tegi mavjud bo‘lib, birinchisi biror amal boshlanishini bildirsa, ikkinchisi shu amal yakunlanganini bildiradi.
Juftmas teglar: ko‘rinishdagi teg ochiladi, yopilishi shart emas, masalan, o‘zidan keyingi matnni yangi satrga o‘tkazuvchi
tegi kabi.
HTML-hujjat – “html” yoki “htm” kengaytmali matnli fayl bo‘lib, u oddiy matn muharririda teglar qo‘llab yozilgan matn. HTML-hujjat va teglari orasida yozilgan bo‘ladi. HTML-hujjat hotiraga yuklansa, u ekranda web-brauzer yordamida wyeb-sahifa ko‘rinishida aks etadi.

HTML-hujjat, odatda, ikkita bo‘limdan iborat bo‘ladi. Birinchi bo‘lim HEAD (bosh qism yoki sarlavha) bo‘limi bo‘lib u tegi bilan boshlanib tegi bilan tugaydi. Ikkinchi bo‘lim BODY (tana) bo‘limi bo‘lib, unda hujjatni mazmuni aks ettiradi va u tegi bilan boshlanib tegi bilan tugaydi. Agar HTML-hujjat freym-strukturani ifodalashi (wyeb-brauzer oynasidagi ma’lumotlar alohida sohalarda aks ettishi) lozim bo‘lsa, u holda BODY bo‘limi o‘rniga FRAMESET (FRAME SET – strukturalar (ramkalar) tizilmasi (to‘plami), juft tegi yordamida) bo‘limi ishlatiladi. Shuni ta’kidlash joizki, HTML-hujjatda va juft teglarini yozish tavsiya etiladi, lekin majburiy emas.

Wyeb-sahifaga kiritilishi lozim bo‘lgan yana bir element – wyeb-sahifa nomi bo‘lib, nom kiritish uchun <ТITLE> tegi qo‘llaniladi. Wyeb-sahifada bu teg bir marta ishlatiladi. Wyeb-sahifa nomi wyeb-brauzerning sarlavha satrida aks etib, wyeb-sahifaning o‘zida ko‘rinmaydi. Shu sababli uni wyeb-sahifaning istalgan joyiga yozish mumkin. Ammo wyeb-sahifa nomini wyeb-sahifa boshiga yozish maqsadga muvofiq. Wyeb-sahifa nomi tegi bilan yakunlanadi. Wyeb-sahifaga istalgan nom, masalan, o‘z ismingizni berishingiz mumkin.

HTML tili muttasil rivojlanib bormoqda. O‘z navbatida wyeb-brauzerlar ham yangilanib turibdi. Hozirgi kunda wyeb-sahifa tayyorlash uchun asosan HTML-4 tilidan foydalaniladi. Uning ba’zi buyruqlarini “yeski” wyeb-brauzerlar (Internet Explorer-3, Internet Explorer-4) bajara olmaydi. Bundan tashqari turli wyeb-brauzerlar, masalan, Internet Explorer va Netscape ham bir biridan bir oz farq qiladi. Shu sababli bitta HTML-hujjat turli wyeb-brauzerlarda biror farq bilan aks etishi mumkin.

Manba: Soft.zn.uz
Do'stlaringizni biz bilan ulashing 😊
👇👇👇
@webdev07

#css #dars_4
Web Dasturlash. CSS 3 1-Dars | kirish asosiy bo'lim

Web Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!

👇👇👇

https://youtu.be/9soXAVJjlZM

#css #dars_5
Web Dasturlash. CSS 3 2-Dars | textlar, box module, fontlar bilan ishlash, google font ulash

Web Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!

👇👇👇

https://youtu.be/T0HNL7pNwjs

​​CSS nima ?

CSS (ing. Cascading style sheets, uzb. Kaskadlangan stillar jadvali) — bu belgilash tilidan foydalanib yozilgan hujjatlarning ko’rinishini tasvirlash uchun ishlatiladigan rasmiy til hisoblanadi.
U asosan HTML va XHTML belgilash tillari yordamida yozilgan veb-sahifalarning ko’rinishini tasvirlash va loyihalash vositasi sifatida ishlatiladi, ammo har qanday XML hujjatlariga, masalan, SVG yoki XUL-ga ham qo’llanilishi mumkin.

CSS-dan foydalanish:
CSS veb-sahifa yaratuvchilari tomonidan ranglar, shriftlar, alohida bloklarning tartibini va ushbu veb-sahifalarning paydo bo’lishining boshqa jihatlarini belgilash uchun ishlatiladi. CSS-ni ishlab chiqishning asosiy maqsadi veb-sahifaning (HTML yoki boshqa belgilash tillari yordamida ishlab chiqarilgan) mantiqiy tuzilishining tavsifini ushbu veb-sahifa (hozir rasmiy CSS tili yordamida ishlab chiqarilgan) tashqi ko’rinishi tavsifidan ajratish edi. Ushbu ajratish hujjatning mavjudligini oshirishi, ko’proq moslashuvchanligi va taqdimotni boshqarish qobiliyatini ta’minlab, shuningdek tarkibiy tarkibdagi murakkablik va takrorlanuvchanlikni kamaytirishi mumkin.

CSSdan foydalanish usullari:
CSS qoidalari rasmiy CSS tilida yozilgan. Qoidalar veb-hujjatning o’zida ham, tashqi ko’rinishi ular tasvirlab beradigan ham, shuningdek CSS formatiga ega tashqi fayllarda ham joylashtirilishi mumkin. CSS formati bu CSS qoidalari va ular haqidagi sharhlarni o’z ichiga olgan matnli fayl hisoblanadi.
CSS stillarini to’rtta usul bilan veb-hujjatga kiritilishi yoki joylashtirilishi mumkin.
Stillar tavsifi alohida faylda bo’lganda, u <head> elementiga kiritilgan <link> elementidan foydalanib hujjatga ulanishi mumkin:

 html>
<html>
   <head>
      .....
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
      .....
   </body>
</html>

2. Agar stil jadvallari ota hujjatdan alohida joylashtirilsa, u hujjatga <style> elementidagi @import ko’rsatmasi bilan ulanishi mumkin:

 html>
<html>
   <head>
      .....
      <style media="all">
         @import url(style.css);
      </style>
   </head>
</html>

3. Hujjat ichida stillar tavsiflanganda, ular <head> elementiga kiritilgan <style> elementiga kiritilishi mumkin.

 html>
<html>
   <head>
      .....
      <style>
         body { 
            color: red;
         }
      </style>
   </head>
   <body>
      .....
   </body>
</html>

4. Hujjat ichidagi elementning attributi sifatida kiritilishi mumkin:
<!DOCTYPE>
<html>
<head>
.....
</head>
<body>
<p style="font-size: 20px; color: green; font-family: arial, helvetica, sans-serif">
.....
</p>
</body>
</html>
©️Islam Tashpulatov

Do'stlaringizni biz bilan ulashing 😊
👇👇👇
@webdev07

#css #dars_6
Web Dasturlash. CSS 3 3-Dars | CSS da turlar bilan ishlash

Web Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!

👇👇👇
https://youtu.be/4D89H6JQvAw

CSSda tanlash turlari

Universal tanlash:
* {
margin: 0;
padding: 0;
}

Tag orqali tanlash:
p {
margin: 0;
padding: 0;
}

Class orqali tanlash:
.class-name {
margin: 0;
padding: 0;
}

Id orqali tanlash:
#element_id {
margin: 0;
padding: 0;
}

Tagning attributi orqali tanlash:
input[type="text"] {
margin: 0;
padding: 0;
}

Tagning ichidagi avlod elementlari orqali tanlash:
body.dark p {
margin: 0;
padding: 0;
}

Tagning ichidagi bola elementlari orqali tanlash:
p.note > b {
margin: 0;
padding: 0;
}

Bir darajadagi elementlarni tanlash:
label + input {
margin: 0;
padding: 0;
}

Pseudoklasslar orqali tanlash:
a:hover {
margin: 0;
padding: 0;
}

Pseudoelementlar orqali tanlash:
a::before {
margin: 0;
padding: 0;
}

Do'stlaringizni biz bilan ulashing 😊
👇👇👇
@webdev07

#css #dars_7
Web Dasturlash. CSS 3 4-Dars | Float, Display, Position lar bilan ishlash

Web Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!

👇👇👇
https://youtu.be/LvAgtZ7_FiI

Bugun CSS3 5-dars (amaliyot) - HTML va CSS dan foydalanib template yasash, Web dasturlash amaliyot dars, o'tilgan darslardan foydalanib kichik template yasab ko'ramiz

👇👇👇
@webdev_lesson

#html #css
Telegram | YouTube | Instagram

#css #dars_8
Flexbox CSS
Web Dasturlash. CSS 3 6-Dars | Flexbox haqida a u bilan ishlash

https://youtu.be/GWFSLhhaZw4

💻 Web dasturlashni o'rganish uchun 4 ta sabab

1. Doimiy ish o'rinlari
2020-yilda taxminan 1.4 million IT sohada vakansiyalar ochilgan, ammo ulardan 400,000 ta o'rin egallangan xolos. Demak ushbu sohada talab doimo yuqori bo'ladi

2. Yuqori maosh
Nafaqat Yevropa va AQSH'da balki O'zbekistonda ham dasturchilar uchun yuqori maosh to'lanadi. AQSH Yangiliklar va Jahon axboroti ma'lumotlariga qaraganda, web dasturchilarning dunyo bo'yicha o'rtacha $64,970 to'lanadi.

3. Hech qanday diplom shart emas
Juda ko'plab IT kompaniyalar diplomsiz ishga qabul qilish tizimiga o'tdi. Dasturchi bo'lib ishlash uchun hech qanday diplom yoki 4 yillik oliy ta'lim olish majburiy emas.

4. Frilanserlik imkoniyati
Agar kompaniyalarda ish topa olmasangiz, frilanser sifatida ishlash imkoniyati ham bor. Ofisdan turib ishlash shart emas. Muhimi noutbuk va internet bo'lsa bas


👇👇👇
✅ @webdev_lesson