๐ Web dasturlarda HTML formalarning o'rni
Siz internetda ko'p marta formalarga duch kelgan bo'lsangiz kerak. Formalar bu qog'ozdagi anketaning elektron varianti bo'lib, o'zida matn kiritish maydonlarini, savollarga javob variantlari va boshqa bir qator form elementlarini o'zida mujassam qiladi. Formalar sayt egasi va foydalanuvchilar orasida aloqa o'rnatish uchun kerak. Formalar yordamida saytingiz orqali, misol uchun, ro'yxatdan o'tish jarayoni registratsiya, veb saytdagi profilingizga kirish yoki veb saytingizda profilingizni yaratish uchun avtorizatsiya, so'rovlar, kommentariyalar, ovoz berish, foydalanuvchilarnining ayrim savollar bo'yicha fikrini bilish va shunga o'xshash masalalarni hal qilishingiz mumkin. Demak, zamonaviy saytlarni formalarsiz tasavvur qilib boโlmas ekan.
Web dasturlashda formaning tashqi ko'rinishi HTML orqali shakllantiriladi. Undagi maโlumotlarni esa qayta ishlash veb dasturlashda backend texnologiyalar ( python, java, php, asp, โฆ) orqali amalga oshiriladi.
๐ HTML formasi - bu matn va parol maydonlari, tasdiqlash qutilari, radio tugmalari, yuborish tugmasi, menyular va boshqalarni o'z ichiga olgan hujjatning bo'limi hisoblanadi.
๐ HTML formasi foydalanuvchiga ism, elektron pochta manzili, parol, telefon raqami va hokazolarni qayta ishlash uchun serverga yuboriladigan ma'lumotlarni kiritishni osonlashtiradi.
Siz internetda ko'p marta formalarga duch kelgan bo'lsangiz kerak. Formalar bu qog'ozdagi anketaning elektron varianti bo'lib, o'zida matn kiritish maydonlarini, savollarga javob variantlari va boshqa bir qator form elementlarini o'zida mujassam qiladi. Formalar sayt egasi va foydalanuvchilar orasida aloqa o'rnatish uchun kerak. Formalar yordamida saytingiz orqali, misol uchun, ro'yxatdan o'tish jarayoni registratsiya, veb saytdagi profilingizga kirish yoki veb saytingizda profilingizni yaratish uchun avtorizatsiya, so'rovlar, kommentariyalar, ovoz berish, foydalanuvchilarnining ayrim savollar bo'yicha fikrini bilish va shunga o'xshash masalalarni hal qilishingiz mumkin. Demak, zamonaviy saytlarni formalarsiz tasavvur qilib boโlmas ekan.
Web dasturlashda formaning tashqi ko'rinishi HTML orqali shakllantiriladi. Undagi maโlumotlarni esa qayta ishlash veb dasturlashda backend texnologiyalar ( python, java, php, asp, โฆ) orqali amalga oshiriladi.
๐ HTML formasi - bu matn va parol maydonlari, tasdiqlash qutilari, radio tugmalari, yuborish tugmasi, menyular va boshqalarni o'z ichiga olgan hujjatning bo'limi hisoblanadi.
๐ HTML formasi foydalanuvchiga ism, elektron pochta manzili, parol, telefon raqami va hokazolarni qayta ishlash uchun serverga yuboriladigan ma'lumotlarni kiritishni osonlashtiradi.
๐ HTML darslari | FORM elementlari (3-dars)
Formalar - bu qog'ozdagi anketaning elektron varianti bo'lib, o'zida matn kiritish maydonlarini, savollarga javob variantlari va boshqa forma elementlarini o'zida mujassam qiladi. Formalar sayt egasi va foydalanuvchilar orasida aloqa o'rnatish uchun kerak. Formalar yordamida saytingiz orqali ovoz berish, foydalanuvchilarnining ayrim savollar bo'yicha fikrini bilish va shunga o'xshash masalalarni hal qilishingiz mumkin.
Navbatdagi darsimiz orqali siz formaning turli elementlaridan foydalangan holda mustaqil o'z sahifangizni yaratishni o'rganasiz.
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Formalar - bu qog'ozdagi anketaning elektron varianti bo'lib, o'zida matn kiritish maydonlarini, savollarga javob variantlari va boshqa forma elementlarini o'zida mujassam qiladi. Formalar sayt egasi va foydalanuvchilar orasida aloqa o'rnatish uchun kerak. Formalar yordamida saytingiz orqali ovoz berish, foydalanuvchilarnining ayrim savollar bo'yicha fikrini bilish va shunga o'xshash masalalarni hal qilishingiz mumkin.
Navbatdagi darsimiz orqali siz formaning turli elementlaridan foydalangan holda mustaqil o'z sahifangizni yaratishni o'rganasiz.
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS - bu nima ?
CSS โ (Cascading Style Sheets) Kaskadli stillar majmuasi bo'lib stillar bilan ishlay oladigan web texnologiya hisoblanadi. CSS elementlarni ekranda, qog'ozda va yoki boshqa medialarda ko'rinishini tasvirlaydi. CSS web sahifalarga har xil stillar berish uchun ishlatiladi. Hamda bir vaqtning o'zida bir nechta web sahifalarni dizaynini o'zgartirish mumkin. Biror bir web sahifani turli xil qurilmalarda turli xil ko'rinishini ham ta'minlaydi. CSS file .css formati orqali tashqi xotira saqlab qo'yishingiz va kezi kelganda web sahifaning HTML kodini o'zgartirmasdan, faqat CSS faylni o'zgartirish orqali web sahifaga yangidan ko'rinish berishimiz mumkin. Qisqacha qilib aytadigan bo'lsak, HTML faqat web sahifani kodlarini yozish uchun ishlatiladi, HTML da ham web sahifaga dizayn bersa bo'ladi, lekin bu juda uzoq jarayon talab qilgani bois, CSS bu vazifani o'z bo'yniga o'lgan. CSS ning boshqa tillardan bitta ustun tarafi shundan iboratki, CSS kodlarini kompilatsiya qilish uchun, hech qanday kompillyatorlar, redaktorlar yoki biror bir dasturlar shart emas. Bizga oddiygina Internet Explorer va shu kabi brauzerlar kifoya. Brauzerlar orqali biz CSS kodlarini bemalol tahlil qilishimiz, natijamizni to'g'ridan to'g'ri ko'rishimiz mumkin.
๐ CSS tarixi
CSS ning to'liq shakli 1997 yil tashkil topgan bo'lib, โWWW Consorciumโ ida qo'llab quvvatlangan va foydalanishga taqdim etilgan. Dastlab, CSS kodlarini Netscape Navigator 4.0 va Internet Explorer 4.0 brouzerlari tushuna olgan, hozirgi kunda CSS kodlarni istalgan brauzerlar qo'llab quvvatlay oladi.
๐ CSS ning afzalliklari
๐ข CSS vaqtni tejaydi - Siz CSSni bir marta yozib, keyin bir nechta HTML sahifalarida bir varaqdan qayta foydalanishingiz mumkin. Har bir HTML elementi uchun uslubni aniqlab, uni istaganingizcha web sahifalarga qo'llashingiz mumkin.
๐ด Sahifalar tezroq yuklanadi - Agar siz CSSdan foydalanayotgan bo'lsangiz, har safar HTML atributlarini yozishingiz shart emas. Bir tegning bitta CSS qoidasini yozing va uni ushbu tegning barcha holatlariga qo'llang. Shunday qilib, kam kod degani tezroq yuklab olish vaqtini anglatadi.
๐ Oson texnik xizmat ko'rsatish - global o'zgarishni amalga oshirish uchun oddiygina uslubni o'zgartiring va barcha web sahifalardagi barcha elementlar avtomatik ravishda yangilanadi.
๐ก HTMLga nisbatan ustun uslublar - CSSda HTML ga nisbatan ancha kengroq xususiyatlar mavjud, shuning uchun HTML atributlarga qaraganda HTML sahifangizga yanada yaxshiroq ko'rinish berishingiz mumkin.
๐ต Bir nechta qurilmalar mosligi - Uslublar jadvallari bir nechta turdagi qurilmalar uchun tarkibni optimallashtirishga imkon beradi. Xuddi shu HTML hujjatidan foydalangan holda web saytning turli xil versiyalari PDA va uyali telefonlar kabi qo'lda yoki qurilmalarda taqdim etilishi mumkin.
๐ฃ Global veb-standartlar - Endi HTML atributlari eskirmoqda va CSS dan foydalanish tavsiya etiladi. Shunday qilib CSSni barcha HTML sahifalarda kelgusidagi brauzerlarga mos keltirish uchun foydalanishni boshlash yaxshi fikr.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS โ (Cascading Style Sheets) Kaskadli stillar majmuasi bo'lib stillar bilan ishlay oladigan web texnologiya hisoblanadi. CSS elementlarni ekranda, qog'ozda va yoki boshqa medialarda ko'rinishini tasvirlaydi. CSS web sahifalarga har xil stillar berish uchun ishlatiladi. Hamda bir vaqtning o'zida bir nechta web sahifalarni dizaynini o'zgartirish mumkin. Biror bir web sahifani turli xil qurilmalarda turli xil ko'rinishini ham ta'minlaydi. CSS file .css formati orqali tashqi xotira saqlab qo'yishingiz va kezi kelganda web sahifaning HTML kodini o'zgartirmasdan, faqat CSS faylni o'zgartirish orqali web sahifaga yangidan ko'rinish berishimiz mumkin. Qisqacha qilib aytadigan bo'lsak, HTML faqat web sahifani kodlarini yozish uchun ishlatiladi, HTML da ham web sahifaga dizayn bersa bo'ladi, lekin bu juda uzoq jarayon talab qilgani bois, CSS bu vazifani o'z bo'yniga o'lgan. CSS ning boshqa tillardan bitta ustun tarafi shundan iboratki, CSS kodlarini kompilatsiya qilish uchun, hech qanday kompillyatorlar, redaktorlar yoki biror bir dasturlar shart emas. Bizga oddiygina Internet Explorer va shu kabi brauzerlar kifoya. Brauzerlar orqali biz CSS kodlarini bemalol tahlil qilishimiz, natijamizni to'g'ridan to'g'ri ko'rishimiz mumkin.
๐ CSS tarixi
CSS ning to'liq shakli 1997 yil tashkil topgan bo'lib, โWWW Consorciumโ ida qo'llab quvvatlangan va foydalanishga taqdim etilgan. Dastlab, CSS kodlarini Netscape Navigator 4.0 va Internet Explorer 4.0 brouzerlari tushuna olgan, hozirgi kunda CSS kodlarni istalgan brauzerlar qo'llab quvvatlay oladi.
๐ CSS ning afzalliklari
๐ข CSS vaqtni tejaydi - Siz CSSni bir marta yozib, keyin bir nechta HTML sahifalarida bir varaqdan qayta foydalanishingiz mumkin. Har bir HTML elementi uchun uslubni aniqlab, uni istaganingizcha web sahifalarga qo'llashingiz mumkin.
๐ด Sahifalar tezroq yuklanadi - Agar siz CSSdan foydalanayotgan bo'lsangiz, har safar HTML atributlarini yozishingiz shart emas. Bir tegning bitta CSS qoidasini yozing va uni ushbu tegning barcha holatlariga qo'llang. Shunday qilib, kam kod degani tezroq yuklab olish vaqtini anglatadi.
๐ Oson texnik xizmat ko'rsatish - global o'zgarishni amalga oshirish uchun oddiygina uslubni o'zgartiring va barcha web sahifalardagi barcha elementlar avtomatik ravishda yangilanadi.
๐ก HTMLga nisbatan ustun uslublar - CSSda HTML ga nisbatan ancha kengroq xususiyatlar mavjud, shuning uchun HTML atributlarga qaraganda HTML sahifangizga yanada yaxshiroq ko'rinish berishingiz mumkin.
๐ต Bir nechta qurilmalar mosligi - Uslublar jadvallari bir nechta turdagi qurilmalar uchun tarkibni optimallashtirishga imkon beradi. Xuddi shu HTML hujjatidan foydalangan holda web saytning turli xil versiyalari PDA va uyali telefonlar kabi qo'lda yoki qurilmalarda taqdim etilishi mumkin.
๐ฃ Global veb-standartlar - Endi HTML atributlari eskirmoqda va CSS dan foydalanish tavsiya etiladi. Shunday qilib CSSni barcha HTML sahifalarda kelgusidagi brauzerlarga mos keltirish uchun foydalanishni boshlash yaxshi fikr.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Telegram
Doston Dev | IT BLOG
๐ Frontend endi siz o'ylaganchalik uzoqda emas!
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ CSS darslari | CSS ga kirish (1-dars)
CSS web sahifaning tashqi ko'rinishi va hissi bilan ishlov beradi. CSS dan foydalanib, siz matnning rangini, shriftlarning uslubini, paragraflar orasidagi bo'shliqni, ustunlarning o'lchamlari va joylashishini, fon rasmlari yoki ranglarning qanday ishlatilishini, sxemaning tuzilishini, turli xil qurilmalar va ekran o'lchamlari uchun displeyning o'zgarishini boshqarishingiz va turli xil effektlarni hosil qilishingiz mumkin.
CSS ni o'rganish va tushunish oson, lekin u HTML hujjatning taqdimotini kuchli boshqarish imkonini beradi. Ko'pincha CSS HTML yoki HTML belgilaydigan tillar bilan birlashtirilgan.
Navbatdagi darsimizda CSS orqali HTML elementlariga ta'sir o'tkazish haqida ilk tushunchalarga ega bo'lasiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS web sahifaning tashqi ko'rinishi va hissi bilan ishlov beradi. CSS dan foydalanib, siz matnning rangini, shriftlarning uslubini, paragraflar orasidagi bo'shliqni, ustunlarning o'lchamlari va joylashishini, fon rasmlari yoki ranglarning qanday ishlatilishini, sxemaning tuzilishini, turli xil qurilmalar va ekran o'lchamlari uchun displeyning o'zgarishini boshqarishingiz va turli xil effektlarni hosil qilishingiz mumkin.
CSS ni o'rganish va tushunish oson, lekin u HTML hujjatning taqdimotini kuchli boshqarish imkonini beradi. Ko'pincha CSS HTML yoki HTML belgilaydigan tillar bilan birlashtirilgan.
Navbatdagi darsimizda CSS orqali HTML elementlariga ta'sir o'tkazish haqida ilk tushunchalarga ega bo'lasiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | TEXT STYLE (2-dars)
Har qanday web ilovani bugungi kunda matnlarsiz tasavvur etib bo'lmaydi. Shunday ekan biz web sahifalarimizda matnlardan foydalangan holda ularga style berishimizga to'gri keladi. Matnlarga HTML orqali ham style berish mumkin. Ammo HTML da style berish imkoniyatlari cheklangan. Bunday paytda esa bizga CSS yordamga keladi. CSS orqali matnlarga oson va sifatli style berish mumkin.
Bugungi darsimizda CSS orqali HTML matn elementlariga ta'sir o'tkazish haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Har qanday web ilovani bugungi kunda matnlarsiz tasavvur etib bo'lmaydi. Shunday ekan biz web sahifalarimizda matnlardan foydalangan holda ularga style berishimizga to'gri keladi. Matnlarga HTML orqali ham style berish mumkin. Ammo HTML da style berish imkoniyatlari cheklangan. Bunday paytda esa bizga CSS yordamga keladi. CSS orqali matnlarga oson va sifatli style berish mumkin.
Bugungi darsimizda CSS orqali HTML matn elementlariga ta'sir o'tkazish haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
โโ๐ฎ CSSni o'yin o'ynab o'rganing
Qiziqarli o'yin bilan bilimlar oson o'zlashtiriladi! Tasavur qiling miriqib o'yin o'ynaysiz va CSSni o'rganib olasiz. Internetda bu masalada sizga yordam beruvchi ba'zi saytlar mavjud.
- Grid Garden
CSS Grid'ni o'rganishga ko'maklashadi. Bog'ni tartibga soling va o'yinda g'olib bo'ling. Shu bilan birga CSS Grid bo'yicha bilimlaringizni mustahkamlab olasiz
- Grid Critters
Oโyin sizga CSS Grid'ni oโzlashtirishga koโmaklashadi. Siz kosmik kemani boshqarasiz va Grideros sayyorasi aholisini Grid yordamida himoya qilasiz.
- Flexbox froggy
CSS Flexbox'dan foydalanib qurbaqalarni o'z o'rniga qaytarishga yordam bering. O'yin 24 ta bosqichdan iborat bo'lib barchasi juda qiziqarli. Oxirgi bosqichdan siz ham o'ta olasizmi buni hoziroq tekshiring
- Flexbox Zombie
CSS Flexbox'ni epchillik bilan o'rganing. Buni zombilarga qarshi ishlating. O'yin 12 bosqichdan iborat. Buning uchun saytda roโyxatdan oโtish kerak boโladi.
- CSS Diner
CSS ni ham oโzlashtirishga, ham sahifalashning tayanch qoidalarni eslashga yordam beradi. Mahsulotlarni joylashtiring va dasturxonni toโgโri buyruqlar orqali bezating, o'yin esa koโrsatmalar bilan yordam beradi. Oson tuyulishi mumkin, ammo boโshashmang โ bu yerda 32 ta bosqich, har biridan soโng vazifalar murakkablashib boradi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube
Qiziqarli o'yin bilan bilimlar oson o'zlashtiriladi! Tasavur qiling miriqib o'yin o'ynaysiz va CSSni o'rganib olasiz. Internetda bu masalada sizga yordam beruvchi ba'zi saytlar mavjud.
- Grid Garden
CSS Grid'ni o'rganishga ko'maklashadi. Bog'ni tartibga soling va o'yinda g'olib bo'ling. Shu bilan birga CSS Grid bo'yicha bilimlaringizni mustahkamlab olasiz
- Grid Critters
Oโyin sizga CSS Grid'ni oโzlashtirishga koโmaklashadi. Siz kosmik kemani boshqarasiz va Grideros sayyorasi aholisini Grid yordamida himoya qilasiz.
- Flexbox froggy
CSS Flexbox'dan foydalanib qurbaqalarni o'z o'rniga qaytarishga yordam bering. O'yin 24 ta bosqichdan iborat bo'lib barchasi juda qiziqarli. Oxirgi bosqichdan siz ham o'ta olasizmi buni hoziroq tekshiring
- Flexbox Zombie
CSS Flexbox'ni epchillik bilan o'rganing. Buni zombilarga qarshi ishlating. O'yin 12 bosqichdan iborat. Buning uchun saytda roโyxatdan oโtish kerak boโladi.
- CSS Diner
CSS ni ham oโzlashtirishga, ham sahifalashning tayanch qoidalarni eslashga yordam beradi. Mahsulotlarni joylashtiring va dasturxonni toโgโri buyruqlar orqali bezating, o'yin esa koโrsatmalar bilan yordam beradi. Oson tuyulishi mumkin, ammo boโshashmang โ bu yerda 32 ta bosqich, har biridan soโng vazifalar murakkablashib boradi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube
| Instagram๐ CSS darslari | CSS da BACKGROUNDLAR OILASI BILAN ISHLASH (3-dars)
CSS da background xususiyati HTML elementga orqa fon effektlarini qo'llash uchun ishlatiladi. Misol uchun biror elementning orqa fon rangining biror rangda yoki elementning orqa foniga biror tasvirni aks ettirilishi bularga misol bo'la oladi.
Bugungi darsimizda CSS da aynan BACKGROUNDLAR OILASI bo'lmish background xususiyatlari bilan batafsil tanishamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS da background xususiyati HTML elementga orqa fon effektlarini qo'llash uchun ishlatiladi. Misol uchun biror elementning orqa fon rangining biror rangda yoki elementning orqa foniga biror tasvirni aks ettirilishi bularga misol bo'la oladi.
Bugungi darsimizda CSS da aynan BACKGROUNDLAR OILASI bo'lmish background xususiyatlari bilan batafsil tanishamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
โโ๐ป Dasturlashni mobil qurilmalarda oโrgatuvchi 11 ilova!
Bu haqida DIMAX Terabayt saytida xabar bergan. Koโpchilik yoshlarning qiziqishini inobatga olib, ular uchun dasturlashni oโrgatuvchi mobil ilovalar roโyxatini keltiramiz. Ha, shular yordamida dasturlashni oโz smartfoningizda ham oโrganishingiz mumkin!
๐ฑUdacity
Udacity โ dasturlashni oโrgatuvchi taniqli resurs boโlib, u mazkur yoโnalishda bepul ilova ham chiqargan. Uning yordamida axborot texnologiyalari sohasidagi bepul kurslarda oโz bilimlaringizni oshirishingiz mumkin. Ilova Android hamda iOS uchun ishlab chiqilgan.
๐ฑSwifty
Swift dasturlash tilini oโrganish uchun Apple kompaniyasining oโzi tomonidan ishlab chiqilgan iOS-ilova.
๐ฑSwift Playgrounds
Bu โ Swift dasturlash tili bilan tanishishning eng sodda usulidir. Swift Playgrounds bilan oโz planshetingizda โ mavjud qoliplardan foydalangan holda, yoki oโzingiz qolip oโylab topib, oโz ilovangizni yaratishingiz mumkin.
๐ฑCodecademy Hour of Code
Codecademy taโlim portali iPhone uchun oโzining ilk ilovasini ishlab chiqdi, uning yordamida dasturlash asoslarini bir soat ichidayoq oโzlashtirishingiz mumkin! Undagi kichkina topshiriqlarni bajarish judayam kam vaqt talab etadi.
๐ฑLrn
Ommabop HTML, CSS, Python, Ruby, Javascript dasturlash tillaridan birida kod yozishga koโmaklashuvchi servis. iOS uchun ilova tarzida taqdim etilgan, Android-versiyasi esa hozircha ishlov jarayonida.
๐ฑTynker
Bu โ bolalar uchun ommabop oโrgatuvchi platformalardan biri. Undan 8000 dan oshiq maktabda foydalanishadi. Tynker 6 milliondan oshiq bolalarga dasturlashni boshlashga yordam bergan. Uning iOS-ilovasi ham mavjud.
๐ฑKhan Academy
Mashhur taโlim resursi โ Khan Academy ham Android va iOS uchun ilovalarini taqdim etgan. Ular mazkur platforma kurslarida oโz mobil qurilmangiz orqali qatnashish imkonini beradi.
๐ฑJavvy
Java dasturlash tilini oโrgatuvchi interfaol oโquv qoโllanmasi. Uning yordamida mazkur til asoslarini oโrganib olish mumkin. Taโlim kursi 150 dan oshiq darsni oโz ichiga oladi. Uni Google Play yoki iTunes doโkonidan olishingiz mumkin.
๐ฑSoloLearn
SoloLearn โ dasturlashni foydalanuvchiga maxsus oโyinlar yordamida oโrgatuvchi mobil ilovalar toโplamidir. SoloLearn bepul ilovasini iOS va Android platformalari uchun yuklab oling.
๐ฑCoursera: Online courses
Dunyoning yetakchi universitetlarining bepul kurslari โ Coursera endi Android hamda iOS ilovalari tarzida ham chiqarilgan.
๐ฑEdX โ Online Courses
Jahondagi eng yaxshi universitetlarning onlayn-kurslarini taklif etuvchi yana bir ochiq taโlim maydonchasi. Android yoki iOS tizimidagi qurilmalar uchun ilovani yuklab oling.
โ๏ธanba: IT specialist
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Bu haqida DIMAX Terabayt saytida xabar bergan. Koโpchilik yoshlarning qiziqishini inobatga olib, ular uchun dasturlashni oโrgatuvchi mobil ilovalar roโyxatini keltiramiz. Ha, shular yordamida dasturlashni oโz smartfoningizda ham oโrganishingiz mumkin!
๐ฑUdacity
Udacity โ dasturlashni oโrgatuvchi taniqli resurs boโlib, u mazkur yoโnalishda bepul ilova ham chiqargan. Uning yordamida axborot texnologiyalari sohasidagi bepul kurslarda oโz bilimlaringizni oshirishingiz mumkin. Ilova Android hamda iOS uchun ishlab chiqilgan.
๐ฑSwifty
Swift dasturlash tilini oโrganish uchun Apple kompaniyasining oโzi tomonidan ishlab chiqilgan iOS-ilova.
๐ฑSwift Playgrounds
Bu โ Swift dasturlash tili bilan tanishishning eng sodda usulidir. Swift Playgrounds bilan oโz planshetingizda โ mavjud qoliplardan foydalangan holda, yoki oโzingiz qolip oโylab topib, oโz ilovangizni yaratishingiz mumkin.
๐ฑCodecademy Hour of Code
Codecademy taโlim portali iPhone uchun oโzining ilk ilovasini ishlab chiqdi, uning yordamida dasturlash asoslarini bir soat ichidayoq oโzlashtirishingiz mumkin! Undagi kichkina topshiriqlarni bajarish judayam kam vaqt talab etadi.
๐ฑLrn
Ommabop HTML, CSS, Python, Ruby, Javascript dasturlash tillaridan birida kod yozishga koโmaklashuvchi servis. iOS uchun ilova tarzida taqdim etilgan, Android-versiyasi esa hozircha ishlov jarayonida.
๐ฑTynker
Bu โ bolalar uchun ommabop oโrgatuvchi platformalardan biri. Undan 8000 dan oshiq maktabda foydalanishadi. Tynker 6 milliondan oshiq bolalarga dasturlashni boshlashga yordam bergan. Uning iOS-ilovasi ham mavjud.
๐ฑKhan Academy
Mashhur taโlim resursi โ Khan Academy ham Android va iOS uchun ilovalarini taqdim etgan. Ular mazkur platforma kurslarida oโz mobil qurilmangiz orqali qatnashish imkonini beradi.
๐ฑJavvy
Java dasturlash tilini oโrgatuvchi interfaol oโquv qoโllanmasi. Uning yordamida mazkur til asoslarini oโrganib olish mumkin. Taโlim kursi 150 dan oshiq darsni oโz ichiga oladi. Uni Google Play yoki iTunes doโkonidan olishingiz mumkin.
๐ฑSoloLearn
SoloLearn โ dasturlashni foydalanuvchiga maxsus oโyinlar yordamida oโrgatuvchi mobil ilovalar toโplamidir. SoloLearn bepul ilovasini iOS va Android platformalari uchun yuklab oling.
๐ฑCoursera: Online courses
Dunyoning yetakchi universitetlarining bepul kurslari โ Coursera endi Android hamda iOS ilovalari tarzida ham chiqarilgan.
๐ฑEdX โ Online Courses
Jahondagi eng yaxshi universitetlarning onlayn-kurslarini taklif etuvchi yana bir ochiq taโlim maydonchasi. Android yoki iOS tizimidagi qurilmalar uchun ilovani yuklab oling.
โ๏ธanba: IT specialist
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | WIDTH, HEIGHT, MARGIN, PADDING, FLOAT (4-dars)
Navbatdagi darsmizda elementlarimizga CSS dagi width va height xususiyatlari yordamida elementning bo'yi va enini belgilash, padding va margin orqali elementlarni siljitish va float xususiyatidan foydalangan holda bir nechta elementlarni bir necha usulda tartiblashni ko'rib chiqamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Navbatdagi darsmizda elementlarimizga CSS dagi width va height xususiyatlari yordamida elementning bo'yi va enini belgilash, padding va margin orqali elementlarni siljitish va float xususiyatidan foydalangan holda bir nechta elementlarni bir necha usulda tartiblashni ko'rib chiqamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
#Foydali_manba
Web Skills - bu veb dasturchi sifatida o'rganilishi mumkin bo'lgan foydali ko'nikmalar to'plami. Bu sayt veb dasturlarni ishlab chiqishni endigina boshlagan dasturchilar va shuningdek, ko'p yillar davomida bu sohada bo'lgan va yangi narsalarni o'rganmoqchi bo'lganlar uchun foydalidir.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Web Skills - bu veb dasturchi sifatida o'rganilishi mumkin bo'lgan foydali ko'nikmalar to'plami. Bu sayt veb dasturlarni ishlab chiqishni endigina boshlagan dasturchilar va shuningdek, ko'p yillar davomida bu sohada bo'lgan va yangi narsalarni o'rganmoqchi bo'lganlar uchun foydalidir.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | BORDER, BORDER-RADIUS, OVERFLOW (5-dars)
๐ต CSS Border Properties - CSS chegara xususiyatlari
CSS ning border xususiyatlari sizga elementning chegaralarini belgilash imkonini beradi. Misol uchun elementning chegarasini qattiq chiziq, juft chiziq, nuqta chiziq va boshqalar, yoki u rasm orqali tasvirlash mumkin . Bundan tashqari border xususiyatlari chegara uslubini (border-style), rangini (border-color) va qalinligini (border-width) belgilaydigan turli xil xususiyatlarni qanday sozlashni sizga tasvirlab beriladi.
๐ต Handling Overflowing Content - Ortiqcha tarkib bilan ishlash
CSS ning overflow xususiyati sizga tarkibni qisqarish yoki aylantirish satrlarini ko'rsatish yoki blok darajasidagi elementning ortiqcha tarkibini namoyish qilish yoki bermaslikni belgilashga imkon beradi.
Bugungi darsimizda aynan border, border-radius, overflow xususiyatlari haqida batafsil gaplashamiz.
๐ Videoga o'tish
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ต CSS Border Properties - CSS chegara xususiyatlari
CSS ning border xususiyatlari sizga elementning chegaralarini belgilash imkonini beradi. Misol uchun elementning chegarasini qattiq chiziq, juft chiziq, nuqta chiziq va boshqalar, yoki u rasm orqali tasvirlash mumkin . Bundan tashqari border xususiyatlari chegara uslubini (border-style), rangini (border-color) va qalinligini (border-width) belgilaydigan turli xil xususiyatlarni qanday sozlashni sizga tasvirlab beriladi.
๐ต Handling Overflowing Content - Ortiqcha tarkib bilan ishlash
CSS ning overflow xususiyati sizga tarkibni qisqarish yoki aylantirish satrlarini ko'rsatish yoki blok darajasidagi elementning ortiqcha tarkibini namoyish qilish yoki bermaslikni belgilashga imkon beradi.
Bugungi darsimizda aynan border, border-radius, overflow xususiyatlari haqida batafsil gaplashamiz.
๐ Videoga o'tish
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ Qiziqarli HTML teglari:
๐ข <CODE> tegi dastur kodi bo'lgan bir yoki bir nechta matnli satrlarni ko'rsatishga mo'ljallangan.
๐ด <BLOCKQUOTE> tegi hujjat ichidagi uzun tirnoqlarni ajratib ko'rsatish uchun mo'ljallangan. Matn chap va o'ng to'ldirilgan tekislangan blok shaklida ko'rsatiladi.
๐ฃ <DEL> tegi hujjatning yangi versiyasida olib tashlangan matnni ajratib ko'rsatish uchun ishlatiladi. Ushbu formatlash hujjat matniga qanday o'zgartirishlar kiritilganligini kuzatib borish imkonini beradi.
๐ <XMP> tegi konteyner tarkibini "xuddi shunday" va belgilangan kenglikdagi shriftda aks ettiradi. <XMP> tegi yopilmaguncha, undagi barcha teglar oddiy matn sifatida ko'rsatiladi.
๐ก <ABBR> tegi belgilar qisqartmalar ekanligini bildiradi. Sarlavha parametri qisqartmaning dekodlanishini beradi, bu esa qisqartirishni tushunish imkonini beradi.
๐ต <ADRESS> tegi muallif haqidagi ma'lumotlarni saqlashga mo'ljallangan. Ma'lumot yig'ish uchun qidiruv tizimlari ushbu teg tarkibini tahlil qilishi rejalashtirilgan.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ข <CODE> tegi dastur kodi bo'lgan bir yoki bir nechta matnli satrlarni ko'rsatishga mo'ljallangan.
๐ด <BLOCKQUOTE> tegi hujjat ichidagi uzun tirnoqlarni ajratib ko'rsatish uchun mo'ljallangan. Matn chap va o'ng to'ldirilgan tekislangan blok shaklida ko'rsatiladi.
๐ฃ <DEL> tegi hujjatning yangi versiyasida olib tashlangan matnni ajratib ko'rsatish uchun ishlatiladi. Ushbu formatlash hujjat matniga qanday o'zgartirishlar kiritilganligini kuzatib borish imkonini beradi.
๐ <XMP> tegi konteyner tarkibini "xuddi shunday" va belgilangan kenglikdagi shriftda aks ettiradi. <XMP> tegi yopilmaguncha, undagi barcha teglar oddiy matn sifatida ko'rsatiladi.
๐ก <ABBR> tegi belgilar qisqartmalar ekanligini bildiradi. Sarlavha parametri qisqartmaning dekodlanishini beradi, bu esa qisqartirishni tushunish imkonini beradi.
๐ต <ADRESS> tegi muallif haqidagi ma'lumotlarni saqlashga mo'ljallangan. Ma'lumot yig'ish uchun qidiruv tizimlari ushbu teg tarkibini tahlil qilishi rejalashtirilgan.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Telegram
Doston Dev | IT BLOG
๐ Frontend endi siz o'ylaganchalik uzoqda emas!
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ CSS darslari | DISPLAY PROPERTIES (INLINE, BLOCK, INLINE-BLOCK, FLEX, NONE) (6-dars)
CSS da displey xususiyati elementni blok yoki inline element sifatida ko'rib chiqilishini yoki uning bolalari hisoblanuvchi elementlar uchun ishlatilgan tartibini belgilash imkonini beradi. Rasmiy ravishda CSS da displey xususiyati elementning ichki va tashqi ko'rinishini belgilaydi. Tashqi tur elementning oqim sxemasida ishtirokini belgilasa, ichki turi esa bola elementlari tartibini belgilaydi.
Navbatdagi darsimizda CSS dagi display xususiyati haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS da displey xususiyati elementni blok yoki inline element sifatida ko'rib chiqilishini yoki uning bolalari hisoblanuvchi elementlar uchun ishlatilgan tartibini belgilash imkonini beradi. Rasmiy ravishda CSS da displey xususiyati elementning ichki va tashqi ko'rinishini belgilaydi. Tashqi tur elementning oqim sxemasida ishtirokini belgilasa, ichki turi esa bola elementlari tartibini belgilaydi.
Navbatdagi darsimizda CSS dagi display xususiyati haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
#Foydali_manba
#Doston_Dev
HTML va CSSni o'rganib, lekin yaxshi natijalarga erisha olmayotgan yoki mukammal bilishiga ishonchi komil bo'lmayotganlar uchun ajoyib sayt, htmlreference.io va cssreference.io.
Bu ikkita saytda HTMLdagi har bitta tag va CSSdagi har bitta property uchun ularning ta'riflari va amaliyotlar keltirilgan. Biron-bir qoida esingizdan chiqib qolsa, juda qo'l keladi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
#Doston_Dev
HTML va CSSni o'rganib, lekin yaxshi natijalarga erisha olmayotgan yoki mukammal bilishiga ishonchi komil bo'lmayotganlar uchun ajoyib sayt, htmlreference.io va cssreference.io.
Bu ikkita saytda HTMLdagi har bitta tag va CSSdagi har bitta property uchun ularning ta'riflari va amaliyotlar keltirilgan. Biron-bir qoida esingizdan chiqib qolsa, juda qo'l keladi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | POSITION PROPERTIES (STATIC, ABSOLUTE, RELATIVE, STICKY, FIXED) (7-dars)
CSS da position - xususiyati element uchun ishlatiladigan joylashish turini bildiradi (statik, nisbiy, aniq, mutlaq yoki yopishqoq). Bu yerda 4 xil pozitsiya qiymatlari mavjud:
๐ต static
๐ฃ relative
๐ด fixed
๐ก absolute
๐ sticky
Keyinchalik elementlar yuqori, pastki, chap va o'ng xususiyatlar yordamida joylashtiriladi. Biroq, bu xususiyatlar pozitsiya xususiyati birinchi o'rnatilmagan bo'lsa, ishlamaydi. Ular pozitsiya qiymatiga qarab turli xil ishlaydi.
Navbatdagi darsimizda CSS dagi position xususiyati haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS da position - xususiyati element uchun ishlatiladigan joylashish turini bildiradi (statik, nisbiy, aniq, mutlaq yoki yopishqoq). Bu yerda 4 xil pozitsiya qiymatlari mavjud:
๐ต static
๐ฃ relative
๐ด fixed
๐ก absolute
๐ sticky
Keyinchalik elementlar yuqori, pastki, chap va o'ng xususiyatlar yordamida joylashtiriladi. Biroq, bu xususiyatlar pozitsiya xususiyati birinchi o'rnatilmagan bo'lsa, ishlamaydi. Ular pozitsiya qiymatiga qarab turli xil ishlaydi.
Navbatdagi darsimizda CSS dagi position xususiyati haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | PSEUDO ELEMENTLAR VA PSEUDO CLASSLAR (8-dars)
CSS Pseudo elementlari elementlarga yoki qismlarga ularga ID yoki classlar qo'shmasdan ularni stillash imkonini beradi. CSS Pseudo classlari esa sizga elementning hover, aktiv va fokus kabi holatida elementning dinamik holatini, shuningdek umumiy hujjat elementi ichida mavjud bo'lgan, ammo boshqa selektorlardan foydalanmagan holda umumiy element ichidagi elementlarni sozlash imkonini beradi. Masalan, element ichidagi birinchi yoki oxirgi bola elementlarini nishonga olish.
Navbatdagi darsimizda CSS dagi Pseudo elementlar va Pseudo classlar haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS Pseudo elementlari elementlarga yoki qismlarga ularga ID yoki classlar qo'shmasdan ularni stillash imkonini beradi. CSS Pseudo classlari esa sizga elementning hover, aktiv va fokus kabi holatida elementning dinamik holatini, shuningdek umumiy hujjat elementi ichida mavjud bo'lgan, ammo boshqa selektorlardan foydalanmagan holda umumiy element ichidagi elementlarni sozlash imkonini beradi. Masalan, element ichidagi birinchi yoki oxirgi bola elementlarini nishonga olish.
Navbatdagi darsimizda CSS dagi Pseudo elementlar va Pseudo classlar haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Windows 11 vs Windows 10.pdf
178.7 KB
๐ Microsoft Windows 11 ning muqobil versiyasini taqdim etdi !!!
Bugun Microsoft Windows 11 ning muqobil versiyasi chiqdi. Bugundan boshlab Windows 11ning muqobil versiyasidan rasman foydalanishingiz mumkin. Ko'pgina Windows foydalanuvchilari yillar davomida Windows 10 xususiyatlarining yangilanishi vizual o'zgarishlar nuqtai nazaridan ko'p narsa qilmasligidan shikoyat qilishgan. Ha, bu yangi Windows 11 versiyasida foydalanuvchi interfeysiga ko'proq e'tibor berildi va foydalanuvchi interfeysi yaxshilandi.
Yuqoridagi maqolamizda Windows 11 ning Windows 10 dan farqlari haqida fikr yuritamiz !!!
Windows 11 ni ushbu link orqali yuklab olishingiz mumkin :
๐ Yuklab olish
@doston_dev
Bugun Microsoft Windows 11 ning muqobil versiyasi chiqdi. Bugundan boshlab Windows 11ning muqobil versiyasidan rasman foydalanishingiz mumkin. Ko'pgina Windows foydalanuvchilari yillar davomida Windows 10 xususiyatlarining yangilanishi vizual o'zgarishlar nuqtai nazaridan ko'p narsa qilmasligidan shikoyat qilishgan. Ha, bu yangi Windows 11 versiyasida foydalanuvchi interfeysiga ko'proq e'tibor berildi va foydalanuvchi interfeysi yaxshilandi.
Yuqoridagi maqolamizda Windows 11 ning Windows 10 dan farqlari haqida fikr yuritamiz !!!
Windows 11 ni ushbu link orqali yuklab olishingiz mumkin :
๐ Yuklab olish
@doston_dev
๐ CSS da TRANSFORM va TRANSITION xususiyatlari
CSS3 da transform (konvertatsiya qilish) va transition (o'tish) xususiyatlari oldingi web dasturchilarga elementlarni koordinata ichida create (yaratish), move (ko'chirish), reshape (o'zgartirish), rotate (aylantirish), scale (o'lchash) va translate qilishni JavaScript ishlatmagan holda juda osonlashtirgan. CSS3 ga ushbu xususiyatlarning qo'shilishi web ilovalarni statik, matnga o'xshash tabiatdan vizual effektlar yuklangan dinamik ko'rinishga o'tkazdi.
๐ฃ Transformatsiya - bu elementga shaklini, hajmini va joylashuvini o'zgartirish xususiyatini o'zgartirishga imkon beradigan xususiyat bo'lib, konvertatsiya tezligi va davomiyligini nazorat qilib, uni silliq va chiziqli ravishda bo'lishini namoyon qilishdir.
Tranform va Transition - bu mustaqil xususiyatlar, lekin ular odatda web sahifadagi elementlarning izchil va to'g'ri harakatini yaratish uchun bu xususiyatlar birgalikda ishlatiladi. Transitionsiz, konvertatsiya transform effektlari darhol va to'satdan sodir bo'ladi. CSS da transform va transition ko'pincha rivojlangan CSS larda joylashgan. Garchi ular matn xususiyatlari kabi tez -tez ishlatilmasada, ular haqida alohida hech narsa yo'q. Ular hali ham standart CSS qoidalari va sintaksisiga amal qilishadi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
CSS3 da transform (konvertatsiya qilish) va transition (o'tish) xususiyatlari oldingi web dasturchilarga elementlarni koordinata ichida create (yaratish), move (ko'chirish), reshape (o'zgartirish), rotate (aylantirish), scale (o'lchash) va translate qilishni JavaScript ishlatmagan holda juda osonlashtirgan. CSS3 ga ushbu xususiyatlarning qo'shilishi web ilovalarni statik, matnga o'xshash tabiatdan vizual effektlar yuklangan dinamik ko'rinishga o'tkazdi.
๐ฃ Transformatsiya - bu elementga shaklini, hajmini va joylashuvini o'zgartirish xususiyatini o'zgartirishga imkon beradigan xususiyat bo'lib, konvertatsiya tezligi va davomiyligini nazorat qilib, uni silliq va chiziqli ravishda bo'lishini namoyon qilishdir.
Tranform va Transition - bu mustaqil xususiyatlar, lekin ular odatda web sahifadagi elementlarning izchil va to'g'ri harakatini yaratish uchun bu xususiyatlar birgalikda ishlatiladi. Transitionsiz, konvertatsiya transform effektlari darhol va to'satdan sodir bo'ladi. CSS da transform va transition ko'pincha rivojlangan CSS larda joylashgan. Garchi ular matn xususiyatlari kabi tez -tez ishlatilmasada, ular haqida alohida hech narsa yo'q. Ular hali ham standart CSS qoidalari va sintaksisiga amal qilishadi.
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Telegram
Doston Dev | IT BLOG
๐ Frontend endi siz o'ylaganchalik uzoqda emas!
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ป Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi
๐ด YouTube: youtube.com/DostonRajabov
๐ฅ Muhokama uchun guruh: @doston_dev_chat
โMurojaat uchun: @rajabov_doston
๐ CSS darslari | TRANSFORM, TRANSITION (9-dars)
Navbatdagi darsimizda CSS dagi TRANSFORM va TRANSITION haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Navbatdagi darsimizda CSS dagi TRANSFORM va TRANSITION haqida batafsil gaplashamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ CSS darslari | FONT-FAMILY (10-dars)
Navbatdagi darsimizda CSS dagi FONT-FAMILY xususiyati bilan tanishamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
Navbatdagi darsimizda CSS dagi FONT-FAMILY xususiyati bilan tanishamiz. Bizni kuzatishda davom eting !!!
๐ Videoga o'tish
ใฝ๏ธ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!
Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:
๐ Telegram | YouTube | Instagram
๐ โโDasturchilar qobiliyatlarini doimiy ravishda rivojlantirib borishi kerak
Dasturchilar, boshqa mutaxassislar singari, doimiy ravishda rivojlanishi kerak. Bugun biz sizga takomillashtirilishi kerak bo'lgan ko'nikmalar haqida gapiramiz.
โ
๐จ๐ปโ๐ป Klaviaturada yozish tezligi
Ushbu ko'nikma loyihani qanchalik tez bajarishingizni va uning qanchalik katta bo'lishini belgilaydi. Ideal holda, siz kodni klaviaturaga qaramagan holatda yozishni o'rganishingiz kerak. Bunda sizga turli xil bosma simulyatorlar yordam beradi.
๐ฌ๐ง Ingliz tili
IT bo'yicha eng yangi va eng zamonaviy ma'lumotlar har doim ingliz tilida chiqadi. Albatta bu bir kun o'zgarishi mumkin, ammo yaqin orada emas. Agar siz hamma yangiliklardan xabardor bo'lishni va faqat eng yaxshilaridan foydalanishni istasangiz, unda chet el manbalarini o'qing.
๐งฉ Mantiq
Har qanday algoritm mantiqiy tuzilgan amallar ketma - ketligi. Ushbu mahoratni rivojlantirish orqali dasturchi o'z ishining tezligini va kodning " tozaligini " oshiradi, bu uning loyihasida kamroq xatolarga olib keladi.
Dasturchi bo'lishni xohlaysizmi?
Siz keltirib o'tilgan qanday mahoratni mukammal egalladingiz?
@doston_dev
Dasturchilar, boshqa mutaxassislar singari, doimiy ravishda rivojlanishi kerak. Bugun biz sizga takomillashtirilishi kerak bo'lgan ko'nikmalar haqida gapiramiz.
โ
๐จ๐ปโ๐ป Klaviaturada yozish tezligi
Ushbu ko'nikma loyihani qanchalik tez bajarishingizni va uning qanchalik katta bo'lishini belgilaydi. Ideal holda, siz kodni klaviaturaga qaramagan holatda yozishni o'rganishingiz kerak. Bunda sizga turli xil bosma simulyatorlar yordam beradi.
๐ฌ๐ง Ingliz tili
IT bo'yicha eng yangi va eng zamonaviy ma'lumotlar har doim ingliz tilida chiqadi. Albatta bu bir kun o'zgarishi mumkin, ammo yaqin orada emas. Agar siz hamma yangiliklardan xabardor bo'lishni va faqat eng yaxshilaridan foydalanishni istasangiz, unda chet el manbalarini o'qing.
๐งฉ Mantiq
Har qanday algoritm mantiqiy tuzilgan amallar ketma - ketligi. Ushbu mahoratni rivojlantirish orqali dasturchi o'z ishining tezligini va kodning " tozaligini " oshiradi, bu uning loyihasida kamroq xatolarga olib keladi.
Dasturchi bo'lishni xohlaysizmi?
Siz keltirib o'tilgan qanday mahoratni mukammal egalladingiz?
@doston_dev