HTML Homework | Webbrain

Alhamdulillah! HTML uchun uy vazifalarini tayorlash o'z nihoyasiga yetdi. Umumiy 110ta savol va 26ta amaliy mashqlardan tashkil topgan. Vazifalarni 5ta bo'limga ajratganmiz: Questions - savollar bo'limi. Extra - qo'shimcha topshiriq. Majburiy emas! Exercise - amaliy topshiriqlar. Definition - tarif. Contacts - berilgan mashiqlar uchun lifehack videolar kanali. Vazifalar Webbrain Academy asoschisi Sardorbek Muhtorov tomonidan tayorlandi. Malumotlar yangilangan vaqtda obunachilarni ogohlantiriladi. HTML vazifalari uchun @html_homework guruhiga qo'shilib oling. Vazifalar uchun lifehack va yechimlar Instagram Telegram va YouTube sahifasida qo'yib boriladi. Obuna bo'lib qo'llab quvattlasangiz albatta hursand bo'lamiz. Ushbu guruhdagi malumotlar 100% bepul, o'rganish uchun duo qilsangiz yetadi. Malum joyda foydalanmoqchi bo'lsangiz muallifni belgilab ketishingiz talab qilinadi. Instagram | Telegram | YouTube

22- SVG Video | Homework Questions: — canvas nima? — line attributelari haqida malumot bering. — circle attributelari haqida malumot bering? — text attributelari haqida malumot bering? Extra: — qo'shimcha topshiriq. Majburiy emas! — no extra. Exercise: — Webbrain Academy logosini yozuvi bilan canvas orqali ifodalab ko'ring. Definition: Canvas mavzusi javascript darslarida ishlatilish o'rinlari bilan batafsil tushuntiriladi. Ayni vaqtdagi mavzu qiyinlik qilgan bo'lsa SVG va Canvas mavzularini o'tkazib yuborsangiz bo'ladi. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

21- SVG Video | Homework Questions: — SVG nima? — svg tagi va attributelari haqida malumot bering. — circle tagi va attributelari haqida malumot bering? — rectangule tagi va attributelari haqida malumot bering? — g tagi va attributelari haqida malumot bering? — line tagi va attributelari haqida malumot bering? — Ellipsis tagi va attributelari haqida malumot bering? — polygon tagi va attributelari haqida malumot bering? Extra: — qo'shimcha topshiriq. Majburiy emas! — no extra. Exercise: — Webbrain Academy logosini SVG orqali ifodalab ko'ring. Definition: SVG mavzusi reactjs darslarida ishlatilish o'rinlari bilan batafsil tushuntiriladi. Ayni vaqtdagi mavzu qiyinlik qilgan bo'lsa SVG va Canvas mavzularini o'tkazib yuborsangiz bo'ladi. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

20- Entities Video | Homework Questions: — ASCII table nima? — ISO - 8859 nima. — UTF - 8 nima? — Entities nima? — Symbol nima? — Emojy nima? Extra: — qo'shimcha topshiriq. Majburiy emas! — no extra. Exercise: — Quyidagi rasmni shaxmat do'skasini table va symobls orqali yasang. Definition: Belgi va smayliklar. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

19- Semantic Tags Video | Homework Questions: — Semantic taglar nima va oddiy taglardan qanday farqi bor? — SEO nima, semantic taglar bilan aloqasi haqida malumot bering. — Eng kamida 10ta semantic taglarni tarifi bilan aytib bering. Extra: — qo'shimcha topshiriq. Majburiy emas! — 15-darsdagi projectni semantic taglar orqali yozib chiqing. Exercise: — Quyidagi rasmni semantic taglar oqali ifodalang.. — Ikkinchi rasm real projectdagi design. CSS qismini qilolmasligingiz mumkin. Lekin internetdan izlanib ko'rishingiz tafsiya qilinadi. Definition: Semantic taglar'ni ishlatilishi va projectni SEO bo'yicha ishlash prinsipi haqida umumiy malumot. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

18- Form Video | Homework Questions: — form nima va ishlatish o'rinlari haqida malumot bering. — form attributelari va ularning vazifalari haqida malumot bering. — input type'ning 20ta qiymati va vazifasi haqida malumot bering? — type radio bn type checkbox'ning farqlari nimada? — fieldset va datalist ning farqlari nimada? — datalist optioni bilan select optionning farqi nimada? Extra: — qo'shimcha topshiriq. Majburiy emas! — Uchinchi rasm ixtiyoriy. Etibor berish kk bo'lgan jihatlari iconlar va oraliq masoflar Exercise: — Birinchi rasm malumotlarning sodda ko'rinishi. — Ikkinchi rasm real projectdagi design. CSS qismini qilolmasligingiz mumkin. Lekin internetdan izlanib ko'rishingiz tafsiya qilinadi. Definition: Form mavzusini bilish faqatgina form emas boshqa mavzularni ham yaxshi tushunishingizga sabab bo'ladi. Masalan keyinchalik o'tiladigan fetch yani malumotlar bazasiga malumot jo'natish va uni qabul qilish. Ayni vaqtda yaxshi tushunmayotgan bo'lishingiz mumkin. Lekin JS yoki Reactga kelganingizda yaxshi tushunib ketasiz. Xavotirga o'rin yo'q davom etamiz. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

17- JavaScript Video | Homework Questions: — JavaScript nima? — querySelector nima va nimaga ishlatiladi? — malumotni ustiga bosgandagi harakatni qanday aniqlaymiz? — console.log nima? — document nima? — function nima? Extra: — qo'shimcha topshiriq. Majburiy emas! — Ikkinchi rasmda sidebar ochilib yopilishini yasang. Exercise: — h1 tagida webbrain academy yozuvini rangini qizilga o'zgartirib qo'yuvchi javascript code yozing. — Rasmdagi navbar elementlarini ustiga bosilganda menu pastidan chiqadigan qiling. Definition: JavaScript mavzusiga kirish. Lekin bu darslik juda katta to'plamga ega va bu mavzuda 100dan bir qismini ko'rsatishga harakat qildik. JS mavzusida bunga to'liq qaytamiz. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

15-16 - Media Video | Iframe Video | Homework Questions: — video tagi va attributelari haqida malumot bering. — video tagi bilan source tagini ishlatilish holatini tushuntirib bering. — iframe nima va qanday holatlarda ishlatiladi? — audio tagini video tagidan farqi nimada? — video tagida autoplay attr qaysi holatlarda ishlamaydi? Extra: — qo'shimcha topshiriq. Majburiy emas! — Rasmdagi malumotni flexbox orqali yasang. Exercise: — Rasmda qizil bilan belgilangan designni yasang. Videolar Webbrainni youtube sahifasidan olinsin. Definition: HTML'ning eng muhim mavzularidan biri bu video audio va iframe'lar bilan ishlash hisoblanadi— . Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

14 - Block | Inline | Video | Homework Questions: — block taglaridan 5tasini sanang. — inline taglaridan 5tasini sanang. — inline-block nima? — inline vs inline-blcok farqi? Extra: — qo'shimcha topshiriq. Majburiy emas! — Rasmdagi malumotni flexbox orqali yasang. Exercise: — Rasmda ko'rsatilgan dezignni barcha elementlariga faqatgina div ishlatib yasang. Definition: Block va inline taglari haqida. Mavzu katta emas, lekin yaxshi tushunish kerak bo'lgan mavzular. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder

13 - List | Video | Homework Questions: — list nima necha hil ko'rinishi bor? — order va unordered listning bir biridan farqi — description list haqida malumot bering? Extra: — no extra. Exercise: — Rasmda ko'rsatilgan designni yasang. Definition: Listlar bilan ishlash. Contacts: General IT: instagram.com/sardorbek_web Coding Lifehack: instagram.com/sardorbek_coder