16 - dars | Flexbox Video | Homework
— CSS'da flexbox nima?
— child va parent tushunchasi nimaga kerak?
— flex'ning kengaytmasi nimalardan tashkil topgan.
— flex-directionda column va row ni text align ga qanday tasiri bor?
— justify content qiymatlari haqida malumot berin?
— child elementlar orasida bosh masofa ajratish uchun nima qilamiz?
— x va y o'qi bo'lyab malumotni centerga olib kelish uchun nima qilamiz?
— Sig'magan malumotlarni keyingi qatorga o'tkazish uchun nima qilamiz?
— space-around bn evenly'ni asosiy farqi nimada?
— Mana shu mavzu uchun video darslik tayorlash. Bu orqali interview savollariga ham yaxshigina tayorlanib olasiz. Usotzni kayfiyatiga qarab majburiy ham bo'lishi mumkin ))
— Figmada tayorlangan designni yasash.
— Mobile versiyasini ham moslab chiqish.
— Rasmdagi designni ko'ringanidek tayorlash kerak. Asosiy etibor malumotlarni joylashtirish.
— Vazifalarni o'tilgan mavzularga asoslangan holda tayorlang. O'tilmagan mavzular ishlatilmasin.
— CSS'ni bilaman deyishingiz uchun flexbox, grid, position va animation mavuzlarini chuqur bilishingiz kerak. Shulardan biri bu darsda flexbox tushuntirilgan. Flexbox 2 keyingi darslarimizda tushutiriladi.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— CSS'da flexbox nima?
— child va parent tushunchasi nimaga kerak?
— flex'ning kengaytmasi nimalardan tashkil topgan.
— flex-directionda column va row ni text align ga qanday tasiri bor?
— justify content qiymatlari haqida malumot berin?
— child elementlar orasida bosh masofa ajratish uchun nima qilamiz?
— x va y o'qi bo'lyab malumotni centerga olib kelish uchun nima qilamiz?
— Sig'magan malumotlarni keyingi qatorga o'tkazish uchun nima qilamiz?
— space-around bn evenly'ni asosiy farqi nimada?
Extra: — qo'shimcha topshiriq. Majburiy emas!— Mana shu mavzu uchun video darslik tayorlash. Bu orqali interview savollariga ham yaxshigina tayorlanib olasiz. Usotzni kayfiyatiga qarab majburiy ham bo'lishi mumkin ))
— Figmada tayorlangan designni yasash.
— Mobile versiyasini ham moslab chiqish.
Exercise:— Rasmdagi designni ko'ringanidek tayorlash kerak. Asosiy etibor malumotlarni joylashtirish.
— Vazifalarni o'tilgan mavzularga asoslangan holda tayorlang. O'tilmagan mavzular ishlatilmasin.
Definition:— CSS'ni bilaman deyishingiz uchun flexbox, grid, position va animation mavuzlarini chuqur bilishingiz kerak. Shulardan biri bu darsda flexbox tushuntirilgan. Flexbox 2 keyingi darslarimizda tushutiriladi.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍2🔥1👏1🫡1🆒1
17 - dars | Flexbox Project Video | Homework
— flexbox ishlatishda etibor berish kerak bo'lgan eng muhim jihati nima?
— child va parent tushunchasi nimaga kerak?
— projectlarda flexbox ishlatish qanchalik muhim? Yokida flexbox ishlatmasdan ham project qilsa boladimi?
— Mobile versiyasini ham moslab chiqish.
— Figmada tayorlangan designni yasash.
— 16-darsda berilgan vazifalarni amaliy ko'rsatmasi.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— flexbox ishlatishda etibor berish kerak bo'lgan eng muhim jihati nima?
— child va parent tushunchasi nimaga kerak?
— projectlarda flexbox ishlatish qanchalik muhim? Yokida flexbox ishlatmasdan ham project qilsa boladimi?
Extra: — qo'shimcha topshiriq. Majburiy emas!— Mobile versiyasini ham moslab chiqish.
Exercise:— Figmada tayorlangan designni yasash.
Definition:— 16-darsda berilgan vazifalarni amaliy ko'rsatmasi.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
🫡1🆒1
18 - dars | Icons Video | Homework
— Icons nima va qayerda ishlatiladi?
— fontawesome ning asosiy sytaxi qanaqa?
— fontawesome uchun link qayerdan qanday olinadi?
— fontawesome icons list
— Iconlarni qanday qilib Coloring and Resizing qilsa boladi?
— Iconlarni rotate va flip hususiyatlari haqida malumot bering.
— border qoyish yoki olish uchun nima qilamiz?
— fa-stack / overlay the icons haqida malumt bering.
— glyphicon nima va fontawesomedan nima farqi bor?
— ikkita iconni ustma ust joylashtirish uchun nima qilamiz?
— Rasmda ekran kichik bo'lganda sidebarni textlari yo'qolib faqat icon qolgan holatini ko'rish mumkin va sichqoncha icon ustiga borganda rangi o'zgaradi shu holatni yasang.
— Rasmdagi design dasturchilar orasida sidebar deyiladi. Shu sidebarni ko'ringanidek yasang.
— Iconlar bilan ishlash.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— Icons nima va qayerda ishlatiladi?
— fontawesome ning asosiy sytaxi qanaqa?
— fontawesome uchun link qayerdan qanday olinadi?
— fontawesome icons list
— Iconlarni qanday qilib Coloring and Resizing qilsa boladi?
— Iconlarni rotate va flip hususiyatlari haqida malumot bering.
— border qoyish yoki olish uchun nima qilamiz?
— fa-stack / overlay the icons haqida malumt bering.
— glyphicon nima va fontawesomedan nima farqi bor?
— ikkita iconni ustma ust joylashtirish uchun nima qilamiz?
Extra: — qo'shimcha topshiriq. Majburiy emas!— Rasmda ekran kichik bo'lganda sidebarni textlari yo'qolib faqat icon qolgan holatini ko'rish mumkin va sichqoncha icon ustiga borganda rangi o'zgaradi shu holatni yasang.
Exercise:— Rasmdagi design dasturchilar orasida sidebar deyiladi. Shu sidebarni ko'ringanidek yasang.
Definition:— Iconlar bilan ishlash.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
⚡1👍1👏1🫡1🆒1
19 - dars | List Video | Homework
— List nima?
— Listlarning necha hil turi bor?
— barcha listdagi type valuelarini sanab bering.
— list type'larini qanday o'zgartiriladi?
— list typelarini o'zgartirishni necha hil usuli bor?
— listlarda position nima?
— ordered ichida unordered list yozsa boladimi?
— listlarin belgilarini qanday qilib yo'q qilib qo'ysa boladi?
— Ikkinchi rasmda listdan foydalangan holda belgilarni o'ziga design berish orqali chiqariladi. List belgisini ochirib boshqa malumot olib kelmanang.
— Birinchi rasmda ko'ringanidek deisgn qiling.
— Listlar bilan ishlash.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— List nima?
— Listlarning necha hil turi bor?
— barcha listdagi type valuelarini sanab bering.
— list type'larini qanday o'zgartiriladi?
— list typelarini o'zgartirishni necha hil usuli bor?
— listlarda position nima?
— ordered ichida unordered list yozsa boladimi?
— listlarin belgilarini qanday qilib yo'q qilib qo'ysa boladi?
Extra: — qo'shimcha topshiriq. Majburiy emas!— Ikkinchi rasmda listdan foydalangan holda belgilarni o'ziga design berish orqali chiqariladi. List belgisini ochirib boshqa malumot olib kelmanang.
Exercise:— Birinchi rasmda ko'ringanidek deisgn qiling.
Definition:— Listlar bilan ishlash.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍2🔥1👏1🫡1🆒1
20 - dars | Table Video | Homework
— table nima?
— table borderi haqida malumot bering?
— table borderini bittalik designga qanday qilib olib kelinadi?
— tablega aloqador taglar haqida malumot bering?
— table'da guruhlarga ajratish haqida malumot bering.(html'da o'tilgan)?
— css da table ga to'liq border berish uchun nimalar qilamiz?
— table ichida nested tableni qanday yoziladi?
— tableda faqat id ni fixed qilib qotirib qo'yishimiz uchun qanday hususiyatlardan foydalanamiz?
— tableni header qismini scroll qilganda fixed qilib qoyish kerak.
— Har ikkala rasmdagi designni imkon qadar bir xil korinishda yasash kerak bo'ladi.
— Table mavzusi aksar ishga kirishda beriladigan topshiriqlar ichida uchrab turadi. Shu sabab table mavzusini tugatmasdan keyingi topshiriqlarga otmasligingizni tafsiya qilaman.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— table nima?
— table borderi haqida malumot bering?
— table borderini bittalik designga qanday qilib olib kelinadi?
— tablega aloqador taglar haqida malumot bering?
— table'da guruhlarga ajratish haqida malumot bering.(html'da o'tilgan)?
— css da table ga to'liq border berish uchun nimalar qilamiz?
— table ichida nested tableni qanday yoziladi?
— tableda faqat id ni fixed qilib qotirib qo'yishimiz uchun qanday hususiyatlardan foydalanamiz?
Extra: — qo'shimcha topshiriq. Majburiy emas!— tableni header qismini scroll qilganda fixed qilib qoyish kerak.
Exercise:— Har ikkala rasmdagi designni imkon qadar bir xil korinishda yasash kerak bo'ladi.
Definition:— Table mavzusi aksar ishga kirishda beriladigan topshiriqlar ichida uchrab turadi. Shu sabab table mavzusini tugatmasdan keyingi topshiriqlarga otmasligingizni tafsiya qilaman.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍2🫡2🔥1👏1🆒1
21 - dars | Table Video | Homework
— css'da display'ning qanday qiymatlari bor?
— inline nima?
— block nima?
— inline-block nima?
— inline-block bn inline ni bir birdan farqi nimada?
— no extra.
— vazifani 22-darsni ko'rib bo'lganingizdan keyin qiling.
— Display haqida umumiy tushuncha.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— css'da display'ning qanday qiymatlari bor?
— inline nima?
— block nima?
— inline-block nima?
— inline-block bn inline ni bir birdan farqi nimada?
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— vazifani 22-darsni ko'rib bo'lganingizdan keyin qiling.
Definition:— Display haqida umumiy tushuncha.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍2🆒2🔥1👏1🫡1
22 - dars | Display Video | Homework
— css'da display'ning qanday qiymatlari bor?
— inline nima?
— float qachon ishlatiladi?
— flexbox vs float ning farqlari haqida malumot bering.
— float'ning qiymatlari haqida malumot bering.
— no extra.
— Rasmdagi designni display va float orqali yasang. Navbarini ham rasmini joylashishini ham.
— float haqida umumiy tushuncha.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— css'da display'ning qanday qiymatlari bor?
— inline nima?
— float qachon ishlatiladi?
— flexbox vs float ning farqlari haqida malumot bering.
— float'ning qiymatlari haqida malumot bering.
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— Rasmdagi designni display va float orqali yasang. Navbarini ham rasmini joylashishini ham.
Definition:— float haqida umumiy tushuncha.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍1🔥1👏1🫡1🆒1
23 - dars | overflow Video | Homework
— overflow nima?
— divdan tashqariga chiqib ketgan malumotlarni qanday qilib yaxshirib qo'ysa boladi?
— overflow-x nima?
— overflow-y nima.
— overflow ning barcha valulari haqida malumot bering.
— no extra.
— 20-darsda berilgan tabellarni agar y o'qi bo'ylab scroll qilsa yuqoridan birinchi qatori, agar x o'qi bo'ylab scroll qilsa chapdan birinchi malumot fixed bolib qolsin.
— overflow haqida umumiy tushuncha.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— overflow nima?
— divdan tashqariga chiqib ketgan malumotlarni qanday qilib yaxshirib qo'ysa boladi?
— overflow-x nima?
— overflow-y nima.
— overflow ning barcha valulari haqida malumot bering.
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— 20-darsda berilgan tabellarni agar y o'qi bo'ylab scroll qilsa yuqoridan birinchi qatori, agar x o'qi bo'ylab scroll qilsa chapdan birinchi malumot fixed bolib qolsin.
Definition:— overflow haqida umumiy tushuncha.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍1🔥1👏1🫡1🆒1
24 - dars | figma Video | Homework
— dasturchilar uchun figma qanchalik muhim?
— no extra.
— 20-darsda berilgan tabellarni agar y o'qi bo'ylab scroll qilsa yuqoridan birinchi qatori, agar x o'qi bo'ylab scroll qilsa chapdan birinchi malumot fixed bolib qolsin.
— Figma haqida umumiy tushuncha va projectni to'g'ri yo'lda boshlash bo'yicha master class.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— dasturchilar uchun figma qanchalik muhim?
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— 20-darsda berilgan tabellarni agar y o'qi bo'ylab scroll qilsa yuqoridan birinchi qatori, agar x o'qi bo'ylab scroll qilsa chapdan birinchi malumot fixed bolib qolsin.
Definition:— Figma haqida umumiy tushuncha va projectni to'g'ri yo'lda boshlash bo'yicha master class.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍1🔥1👏1🫡1🆒1
25 - dars | Table Project Video | Homework
— no question.
— no extra.
— Bu master class, 20-darsda tayorlagan vazifangizni qaytadan ko'rib optimal yo'l bilan ishlab chiqing.
— Uyga vazifani birgalikda tayorlash.
— Table structurasini tuzish
— div qachon ishlatish bo'yicha.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— no question.
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— Bu master class, 20-darsda tayorlagan vazifangizni qaytadan ko'rib optimal yo'l bilan ishlab chiqing.
Definition:— Uyga vazifani birgalikda tayorlash.
— Table structurasini tuzish
— div qachon ishlatish bo'yicha.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍1🔥1👏1🫡1🆒1
26 - dars | Position Video | Homework
— css'da position nima?
— static nima vazifa bajaradi?
— relative nima vazifa bajaradi?
— fixed nima vazifa bajaradi?
— absolute nima vazifa bajaradi?
— sticky nima vazifa bajaradi?
— navbar scroll qilganda yuqoriga fixed qilib qo'yish qaysi hususiyat orqali amalga oshiriladi?
— malumotni joylashish o'rnidan qatiy nazar birinchisini ikkinchi malumot ortiga o'tkazib qo'yish uchun nima qilamiz?
— z-index haqida malumot bering.
— no extra.
— 20-darsdagi tablelarni scroll fix qiling.
— https://wbba.netlify.app/table websitedagi to'rtinchi tableni yasang. Tableni to'liq hususiyatlarini ko'rish uchun uni x va y o'qi bo'ylab katta kichik qilib ko'ring.
CSS'ni bilaman deyishingiz uchun flexbox, grid, position va animation mavuzlarini chuqur bilishingiz kerak. Shulardan biri bu darsda flexbox tushuntirilgan. Flexbox 2 keyingi darslarimizda tushutiriladi.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— css'da position nima?
— static nima vazifa bajaradi?
— relative nima vazifa bajaradi?
— fixed nima vazifa bajaradi?
— absolute nima vazifa bajaradi?
— sticky nima vazifa bajaradi?
— navbar scroll qilganda yuqoriga fixed qilib qo'yish qaysi hususiyat orqali amalga oshiriladi?
— malumotni joylashish o'rnidan qatiy nazar birinchisini ikkinchi malumot ortiga o'tkazib qo'yish uchun nima qilamiz?
— z-index haqida malumot bering.
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— 20-darsdagi tablelarni scroll fix qiling.
— https://wbba.netlify.app/table websitedagi to'rtinchi tableni yasang. Tableni to'liq hususiyatlarini ko'rish uchun uni x va y o'qi bo'ylab katta kichik qilib ko'ring.
Definition:CSS'ni bilaman deyishingiz uchun flexbox, grid, position va animation mavuzlarini chuqur bilishingiz kerak. Shulardan biri bu darsda flexbox tushuntirilgan. Flexbox 2 keyingi darslarimizda tushutiriladi.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍1🔥1👏1🫡1🆒1
27 - dars | Input with icon Video | Homework
— input ichiga qanday qilib icon joylasa bo'ladi?
— buttonga qanday qilib icon joylasa boladi?
— no extra.
— Rasmda ko'ringanidek input yasang.
— Rasmdag ko'ringanidek button yasang.
Real projectda eng ko'p uchraydigan holatlarga amaliy ko'rsatmarlar.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— input ichiga qanday qilib icon joylasa bo'ladi?
— buttonga qanday qilib icon joylasa boladi?
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— Rasmda ko'ringanidek input yasang.
— Rasmdag ko'ringanidek button yasang.
Definition:Real projectda eng ko'p uchraydigan holatlarga amaliy ko'rsatmarlar.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍4🔥1👏1🫡1🆒1
28 - dars | Combinators Video | Homework
— css da bir nechta malumotlarni belgilab olishni qanday yo'llarini bilasiz?
— malum bir tag ichidagi malumotlarni tanlab olish uchun qanday combinatordan foydalanamiz?
— o'zidan keyin keladigan birinchi malumotni tanlab olish uchun qaysi combinatordan foydalanamiz?
—
— no extra.
— no exercise
Combinators mavzusni yaxshi tushunib ishlatsangiz aksar kishilar js va reactda qiladigan ishlarni osonlik bn css ni o'zi bilan amalga oshirsangiz boladi.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder—
Questions:— css da bir nechta malumotlarni belgilab olishni qanday yo'llarini bilasiz?
— malum bir tag ichidagi malumotlarni tanlab olish uchun qanday combinatordan foydalanamiz?
— o'zidan keyin keladigan birinchi malumotni tanlab olish uchun qaysi combinatordan foydalanamiz?
—
~ nima vazifa bajaradi?Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— no exercise
Definition:Combinators mavzusni yaxshi tushunib ishlatsangiz aksar kishilar js va reactda qiladigan ishlarni osonlik bn css ni o'zi bilan amalga oshirsangiz boladi.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder—
👍2🔥1👏1🫡1🆒1
29 - dars | Sticky Table Project Video | Homework
— no question
— no extra.
— no exercise
Yuqorida muhimligi takidlangan uy vazifasi uchun master class.
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder—
Questions:— no question
Extra: — qo'shimcha topshiriq. Majburiy emas!— no extra.
Exercise:— no exercise
Definition:Yuqorida muhimligi takidlangan uy vazifasi uchun master class.
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder—
👍1🔥1👏1🫡1🆒1
30 - dars | Pseudo Classes Video | Homework
— link nima vazifa bajaradi?
— visited nima vazifa bajaradi?
— hover nima vazifa bajaradi?
— active nima vazifa bajaradi?
— hover nima vazifa bajaradi?
— active hover bilan ishlash tartibini tushintirib bering.
— checked nima vazifa bajaradi?
— disabled nima vazifa bajaradi?
— enabled nima vazifa bajaradi?
— focus nima vazifa bajaradi?
— in-range nima vazifa bajaradi?
— invalid nima vazifa bajaradi?ut
— valid nima vazifa bajaradi?
— equired nima vazifa bajaradi?
— optional nima vazifa bajaradi?
— empty nima vazifa bajaradi?
— irst-child nima vazifa bajaradi?
— irst-of-type nima vazifa bajaradi?
— ast-child nima vazifa bajaradi?
— ast-child-of nima vazifa bajaradi?
— not(elm) nima vazifa bajaradi?
— nth-child nima vazifa bajaradi?
— nth-child-last nima vazifa bajaradi?
— root nima vazifa bajaradi?
— target nima vazifa bajaradi?
— nth-child nima vazifa bajaradi?
— Xar bir darsni video ko'rinishda tayorlash bu ixtiyoriy lekin interview savollarga tayorlanshni maqsad qilgan bo'lsanigz ushbu topshiriqni qilishingiz kerak bo'ladi.
— Ikkinchi rasmda ko'rsatilgan. designni faqat pseudo classlari orqali qiling
- birinchi rasmdagi designni ham ko'ringanidek qilish kerak, pseudo class ishlatish ixtiyoriy
CSS orqali html taglarini tanlab olishning yana bir advanced ko'rinishi
Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
Questions:— link nima vazifa bajaradi?
— visited nima vazifa bajaradi?
— hover nima vazifa bajaradi?
— active nima vazifa bajaradi?
— hover nima vazifa bajaradi?
— active hover bilan ishlash tartibini tushintirib bering.
— checked nima vazifa bajaradi?
— disabled nima vazifa bajaradi?
— enabled nima vazifa bajaradi?
— focus nima vazifa bajaradi?
— in-range nima vazifa bajaradi?
— invalid nima vazifa bajaradi?ut
— valid nima vazifa bajaradi?
— equired nima vazifa bajaradi?
— optional nima vazifa bajaradi?
— empty nima vazifa bajaradi?
— irst-child nima vazifa bajaradi?
— irst-of-type nima vazifa bajaradi?
— ast-child nima vazifa bajaradi?
— ast-child-of nima vazifa bajaradi?
— not(elm) nima vazifa bajaradi?
— nth-child nima vazifa bajaradi?
— nth-child-last nima vazifa bajaradi?
— root nima vazifa bajaradi?
— target nima vazifa bajaradi?
— nth-child nima vazifa bajaradi?
Extra: — qo'shimcha topshiriq. Majburiy emas!— Xar bir darsni video ko'rinishda tayorlash bu ixtiyoriy lekin interview savollarga tayorlanshni maqsad qilgan bo'lsanigz ushbu topshiriqni qilishingiz kerak bo'ladi.
Exercise:— Ikkinchi rasmda ko'rsatilgan. designni faqat pseudo classlari orqali qiling
- birinchi rasmdagi designni ham ko'ringanidek qilish kerak, pseudo class ishlatish ixtiyoriy
Definition:CSS orqali html taglarini tanlab olishning yana bir advanced ko'rinishi
Contacts:Academy: t.me/webbrain_academy
General IT: instagram.com/sardorbek_web
Coding Lifehack: instagram.com/sardorbek_coder
👍5🔥1👏1🫡1🆒1