2048 game 😍
#html #css #js👇🏻
➡️ codepen.io

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

Turli sohalarda TOP dasturlash tillari

Dasturlashga kirib kelinarkan, har bir yoʻnalish boʻyicha hozirgi kundagi reytingi baland dasturlash tillari haqida maʼlumotga ega boʻlishi kerak. Biz sizga har bir soha boʻyicha hozirgi vaqtda koʻp qoʻllanilayotgan tillar haqida maʼlumot beramiz. Keyinchalik esa eʼtiboringizga har bir yoʻnalish boʻyicha alohida-alohida toʻxtalib oʻtamiz.

Veb-dasturlash
• HTML
• CSS
• JavaScript
• PHP
• Python

Android dasturlash
• Java
• Kotlin
• JavaScript
• Flutter

iOS dasturlash
• Swift
• JavaScript
• Flutter

Kompyuter dasturlash
• C#
• C++

Oʻyin yaratish
• C++
• C#
• Java
• JavaScript

Sunʼiy ong
• Python
• Java
• C++

Kiberxavfsizlik
• C++
• Python
• JavaScript
• SQL
• PHP

P.s: Yuqorida yoʻnalishlar boʻyicha faqatgina shu tillar bilan dastur yaratish mumkin degani emas. Dasturlash tillari juda koʻp, shuningdek ularning qila oladigan funksiyalari ham. Keltirib oʻtilganlari esa nisbatan qulay va koʻp qoʻllaniladigan tillardir.
Manba: @itbusiness_school


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

Animated Unsubscribe Page 😍
#html #css #js👇🏻
➡️ codepen.io

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

Width 💯 hight 💯 😁

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

​​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

​​Javascriptni organishni boshlovchilar uchun o’quv rejasi

Assalomu alaykum, ho’sh siz Javascriptni o’rganishni niyyat qildingizmi? Juda yaxshi chunki hozir Javascript barcha Web saytlarda ishlatiladi nafaqat Web saytlar hatto u yordamida telefonlar uchun mobile dasturlar, o’yinlar, kompyuterlar uchun oyin va dasturlar ham tuzilayapti.
Siz agar Javascriptni orgatadigan manbalar qidirib korgan bolsangiz allaqachon bilib olgan bolsangiz kerak manbalar va ma’lumotlar juda kop qayerdan boshlashni nimadan boshlashni bilmay qolishingiz aniq.

Umid qilamanki bu maqolam JSni endi boshlovchilar uchun ma’qul boladi.

1 — Qadam. learn.javascript.ru
Bu yerda siz JSni boshlang’ich organishingiz mumkin. Bu yerda siz nafaqat nazariy balkiy amaliy bilimlarga ega bolasiz. Bu yerda har bir darsdan keyn sizga uyga vasifalar topshiriladi va uy vazifani tekshirish uchun to’gri javoblarni ham korsatib otishadi.

2 — Qadam. ES-2015
Endi JS bo’yicha boshlang’ich bilimlarga ega bo’lganingizdan so’ng JS bo’yicha yangi standardlardan bo’lmish ES-2015ni organishni boshlasak ham bo’ladi. Siz bu yerda Map, Promise, Filter toza funksiyalar bilan tanishishingiz mumkin.

3 — Qadam. Kod yozing
Kod yozishni boshlamagungachon siz dasturlash tilini umuman organa olmaysiz qaysi dasturlash tili bo’lishidan qat’iy nazar. Har kuni hech bo’lmaganda 10 qator kod yozib qo’ysangiz ham 1 oyda 1 loyihani tugatib qo’yasiz.

Koddagi muammolar, ba’zi javoblarni bilmaslik va qat’iyatlilik haqida ba’zi eslatmalar.
Bir devorga urganingizda ko’p marotaba bo’ladi — ba’zi savollarga javobni bilmasangiz va buni hech qachon tushuna olmaysiz. Bu sodir bo’lgach, faqat bir nechta texnikani baham ko’rmoqchiman.

1. Dam oling
Tanaffus qiling. Kompyuterdan uzoqlashing. Choy yoki qahva olib ichib oling. Biroz vaqt boshqa narsalar haqida o’ylab ko’ring. Miyyaga ozgina dam berishni foydasini amalda ko’rishingiz mumkin.

2. Yordam so’rang
Yordam so’rashdan uyalmang. Mening tajribamda, odamlar boshqalarga yordam berishni yaxshi ko’radilar va sizning muammolaringizga bir necha daqiqa sarflashdan xursand bo’lishadi. Buning uchun stackoverflow habrahabrlardan foydaloanishingiz mumkin yoki o’zbekcha yordam.uz.
©️Islam Tashpulatov

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

1 sentyabr – Mustaqillik kuni mamlakatimiz istiqlolga erishgan, jahon xaritasida yangi, mustaqil va suveren davlat – O'zbekiston Respublikasi paydo bo'lgan, xalqimizning asriy orzu-intilishlari ro'yobga chiqqan buyuk tarixiy sana bo'lib, el-yurtimiz tomonidan eng ulug', eng aziz bayram sifatida har yili keng nishonlanib kelinadi.

Shu munosabat bilan, Webdev07 jamoasi barcha vatandoshlarimizni Mustaqilligimizning 29 yilligi bilan samimiy muborakbod etadi.

Go'zal va betakror mamlakatimizda, har bir oilada xonadonda tinchlik va farovonlik hukm sursin!

O'zbekistonimiz doimo gullab-yashnasin!

Mustaqilligimiz abadiy bo'lsin!
code link 👉 codepen.io
@webdev07

Bugungi dars o'rganganlarimiz bilan amaliyot qilamiz.Newton cradle shunday animatsiya yasab ko'ramiz

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

Diplom kerakmi?

Bugungi epizodimiz diplomning hayotdagi ahamiyati haqida bo'ladi.

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

#bugun #css #lesson
Yangi dars CSS da selectorlar bilan ishlash

Biroz vaqtdan so'ng youtube kanalimda

👇👇👇
@webdev07

CSS da ishlaganlar tushunishdi 😁


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

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

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

Noutbuk sotib olayotganda nimalarga e'tibor berish kerak?

Noutbuk sotib olishga qaror qilib magazinga yo‘l oldingiz. Yo‘l-yo‘lakay cho‘ntagingizdagi pulingizga yarasha noutbuk xarid qilish haqida o‘ylab ketar ekansiz, uni tanlashda quyidagi jihatlarga e'tibor qaratish lozimligini yodda tuting.
@webdev07

https://telegra.ph/Noutbuk-sotib-olayotganda-nimalarga-etibor-berish-kerak-09-06

Ertangi darsda CSS darsmizning oxiri darslaridan bir saytni responsive(moslashuvchanlik) qilishni o'rganamiz

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

Vaqtingizdan unumli foydalaning (ma'ruzalar va konferentsiyalarda 😄)
#arxivrasm

SpaceX bir oyda 180 ta sun’iy yo‘ldosh uchirdi.

— 3-sentabr kuni Ilon Maskning SpaceX kompaniyasi orbitaga yana 60 ta yangi Starlink sun’iy yo‘ldoshini chiqardi. So‘nggi bir oy ichida SpaceX 180 ta apparat uchirib, tarixda biror-bir kompaniya o‘rnatmagan natijani qayd etdi.

— Ayni vaqtda Yer orbitasida 650 ta SpaceX kosmik apparati uchib yuribdi. Sentabr oyiga yana ikkita parvoz rejalashtirilgan.

— Kompaniya o‘ta yuqori tezlikdagi internetni ta’minlash uchun orbitaga yana 42 mingta Starlink sun’iy yo‘ldoshini uchirishi kerak.
Manba: @tuit_online

@webdev07