12 - Table | Video | Homework

Questions:
— table nima?
— th bn td ning farqi
— rowspan nima?
— colspan nima?
— columnlarni guruhlash uchun nima qilamiz?
— table borderini bitta chiziqli qilish un qaysi css attr dan foydalanamiz?
— table'ning 2ta columdagi malumotlarini yashirish un nima qilamiz?

Extra: — qo'shimcha topshiriq. Majburiy emas!
— Table yasang, tableni id, name, surname, tel, status malumotlari bo'lsin. Lekin bizga faqat id name, surname ko'rsatsin qolganini scroll qilganimda ko'ra olaylik
— Uchinchi rasm ixtiyoriy yasash.

Exercise:
— Table yasang, tableni id, name, surname, tel, status malumotlari bo'lsin. Lekin bizga faqat id name, surname ko'rsatsin. Qolganini colgroup orqali yashirib qo'ying .
— Rasmdagi barcha tabellarni yasang.

Definition:
Tabel bilan ishlash eng muhim mavzulardan biri bo'lgani uchun. Tabel mavzusini huddi videodagidek tushuntirib berilgan video darslik tayorlashingiz tafsiya qilinadi.

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

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

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