HTML  dars.

Dars | Introduction.

• Web nima? WWW nima?
• Tanishuv qisim?
• FAANG nima? faang kompaniyalar?
• Dasturchi kim? nimalar qiladi?

• Programing nima?

• Html nima? Html haqida ummumiy tushuncha?
• Css, Js and React haqida ummumiy tushuncha?
• Fremworklar haqida tushuncha? Kutubxonalar haqida?
• Frontend and Backend haqida tushuncha?
• Backent nima qisqacha?
• Frontend nima ummumiy tushuncha?
• Html programing languane emas? Mark up language?
• Html file qanday yasaladi? qadam va qadam?

• Brower nima?
• VS Code nima? vscode.com
• Vs code bilan ishlash haqida ummumiy tushuncha?
• Vs code ni ichidagi imkoniyatlari, malumotlar va extenshnlar haqida tushuncha?
• Extenshnlar o'rnatish? => Pretier, ..?
• Live server nima? O'rnatish? port 5500 nima? Go live nima?

• Fayl nomi ni nomlash papkadan farqi?

• Nima uchun index.html.
• Nima uchun Yandex?

• Html strukturasi qanday?
• CEO nima?

• IDE nima?
• Developer tools nima?
• Amaliyot qilish?

Dars | Elements, Attributes, Odd and Even tags File path.

• Tag nima? Ummumiy tushuncha?
• Element nima?
• Odd and Event nima? Empty tag? Single(toq) and Klosing tag?
• Main taglar haqida ummumiy tushuncha? (html taglari?)
• Root tagi qaysi? Html tagi ichidagi taglarni ayting?
• Nested tushunchasi?
• Nested elements?

• Body and Head taglarining farqi nimada?
• Head tag? => confuguration?
• Head tagining ichidagi title nima vazifani bajaradi?
• Meta taglar haqida qisqacha tushuncha?

• Body tag? => coding?
• Body tag haqida uning ichida qanday malumotlar yoziladi va qanday taglar bo'ladi?

• Juft tag and toq tag nima?
• Element bilan tagning farqlari?
• File path nima?
• Papkalar bilan ishlash haqida tushuntiring? img and css papakalari?
• Juft tag ga 10 ta misol yozing?
• Toq tag ga 5 ta misol keltiring?
• Attribute nima?
• Attributeni qo'lanilishi? Qayerga yozilishi haqida?
• Amaliyot qilish?

Dars | Heading, Paragrphs, Style, Terminal.

• Heading tagi haqida malumot bering?
• Heading taglari qaysilar?
• Heading taglari qaysi holatlarda ishlatiladi?
• Paragraf tagi haqida ayting?
• Lorem nima?
• Lorem ru? LoremN nima? => N bu son?
• Juft va toq taglarni heading taglar bilan aloqasi qanday?
• ARIA haqida tushuncha? Accessiblity nima?
• hr and br tag? tushuntiring?
• px nima?
• Style nima?

• Style attribute haqida tushuntiring?
• border and px nima?
• Width and Heigth nima?
• Color nima? rgb nima?
• backround-Color nima?
• padding and margin nima?
• display nima? none, block xossalari? visiblty: collapse;? opacity nima?

• Termminal nima? Qanday ishlaydi? Nima uchun kerak?
• Termminalda ls, cd buyrug'lari nima vazifanni bajaradi?
• Terminalda .., cd nima?

• Amaliyot qilish?

Dars | Formating, Coments, Css style2.

• Formating taglar haqida malumot bering?
• Formating tag larga misol keltiring?
• b tagining vazifasi? Alternativi haqida ayting? farqlari haqida?
• i tagining vazifasi? Alternativi haqida ayting? farqlari haqida?
• mark, del, em, ins taglar haqida tushuncha bering?
• q, sup, sub blockquote taglari haqida tushuncha bering?

• pre tagi nima vazifa bajaradi?

• Coment nima?
• Coment qanday holatlarda ishlatiladi? Nima uchun kerak? qanday yozish kerak ummumiy tushuncha?
• Style tag nima? Style atributi bilan farqi nimada? Qanday holatlarda ishlatiladi?
• Style atributida o'rgangalarni style tag da foydalanish?
• Css and style filesini ulash?
• Css selectorlar haqida tushuncha berish?

• Amaliyot qilish?

Dars | Links, Img, List.

• Link nima? URL nima? https nima?
• Link tagi qaysi? Nimalar qila oladi? Anker taggini?
• Local and Global link?
• Link tagning atributlari haqida malumot bering. href, target => self(default) and blank,
• Href ichiga mailto, tel, valuelarni tushuntiring?
• a tagining ichidagi download atributi ni tushuntiring?
• a tagining ichida title atibuti nima vazifani bajaradi?
• Id haqida qisqacha tushuncha id and a tagi ning bog'liqligi? # vaifasi? kitob misolida tushuntirish?
• Img nima? photo, Rasm nima?
• Img tagi haqida malumot bering?
• Img tagi attributelari haqida malumot bering?
• Img tagini figma yoki browerda qo'lanilishi?
• List nima?
• List turlari qanday?
• Unordered list qanday?
• Ordered list qanday?
• Description list nima?
• Nested list nima?
• ul and ol nima?
• ul and ol ichida li nima?
• Listlarda type nima?
• ul ni type atributida qanday turlari bor? => disc, circle, square, none.
• ol ni type atributida qanday turlari bor? => 1,a,A,I,i none.
• ol and ul css => list-style-type?
• Description listni qanday turlari bor (dl)?
• dt and dd bu description list ichida bo'ladi?

• Amaliyot qilish?

Dars | Table - Revision.

• Table nima?
• Thead nima?
• Tbody nima?
• tr nima? th nima?
• tr nima? td nima?
• colspan nima? y?
• rowspan nima? x?
• colgroup nima?
• colgroup ichidagi col nima vazifani bajaradi?
• col ichidagi span attribut nima vazifani bajaradi?
• col ichidagi span attribute qanday qiymat qabul qiladi?
• Amaliyot qilish?

Dars | Style, Class, Id.

• Style tagi haqida?
• Style tag and Style attribute haqida?
• Class nima?
• Class qanday ishlatiladi? Ko'p class berish tushuntiring?
• Id nima?
• Id qanday ishlatiladi? Ko'p id bersa bo'ladimi?
• Class and Id nima faqlari bor?
• Amaliyot qilish?

Dars | Block - Inline elements, div, span.

• Block element nima?
• Inline element nima?
• Block and Inline element farqlari?
• Div nima?
• Span nima?
• Div and Span farqlari?
• Block elementlarga (tag) 10 ta misol yozing?
• Inline elementlarga 10 ta misol keltiring?

• Amaliyot qilish?

Dars | Layouts, Sematics. zip. rar.

• Layouts nima?
• Layoutsni saytdagi ahamiyati?
• Sematics nima?
• Nima uchun biz Sematic elementlardan foydalanishimiz kerak?
• SEO nima?
• Search Enjin Optimasion nima?

• Sematics elementlarni dasturdagi ahamiyati?
• Sematics elementlarga misol keltiring?
• Header and nav taglari qayerda faydalaniladi?
• Main and section farqlari?
• Footer nima?
• Sematic taglardan 8ta misol yozing?

• Zip nima?
• Rar nima?
• Amaliyot qilish?

Dars | Inputs, Login form , Card.

• Form taglari qaysi? Vazifasi nima?
• Form taglarini ishlatilishi?
• Lable tag nima vazifani bajaradi?
• Input tagini vazifasi nima?
• Input type qiymatlari haqida malumot bering? => 16ta misol keltiring?
• Input tagdagi autocomplate nima vazifani bajaradi? misol?
• Input tag dagi type range bo'lgan inputni tushuntiring?

• Button tagining vazifasi?
• Submit nima?
• Textarea nima vazifa bajaradi?
• Textarea ichidagi attribut lar haqida malumot bering? tushuntiring?
• Textarea ichidagi attribut lar => cols, rows, minlength, maxlength,
• Select tagining vazifasi?
• Option tagining vazifasi nima?
• Amaliyot qilish?

Dars | Media, Video, Iframe and Audio tags.

• Media nima?
• Video tagi nima qiladi? Video tagining vazifasi?
• Audio tagi haqida malumot?
• Video and Audio taglarini atributlari haqida malumot bering?
• witdth and height attribute nima?
• poster atributi nima?
• autoplay atributi nima?
• loop atributi nima?
• muted atributi nima?
• type nima?

• Iframe nima?
• iframe qanday holatlarda ishlatish afzal?
• Iframe orqali boshqa saytlarni integratsiya qilish? attributlari haqida malumot bering?
• iframe qanday olib kelinadi?

• Amaliyot qilish?

Dars | HTML and Script Tag, JavaScript.

• Script tag nima?
• Script tagini qayerga yoziladi?
• Nimaga script tagi htmlni oxiriga ulanadi? Tushuntirib bering?
• Js ni vazifasi nima?
• Js haqida malumot bering?
• Script tag nima qila oladi?
• Script tag ichidagi atributelar src?
• DOM nima?
• Console.log nima?

• Js da tanlab oluvchilar qanday?
• Queryselector nima?
• TextContent nima?
• TextContent bilan Amaliyot qilish?
• QuerySelector bilan amaliyot qilish?
• onClick nima?
• onmousemove nima?
• function yozish?

Dars | Amaliyot. O'tilganlarni takrorlash.

• Amaliyot qilish?
• Card yashni o'rganish?
• Qiynalgan mavzular ni ko'rib chiqish?

• Documentatsiyani takrorlash?
• Otilganlar yuzasidan savol javob?

Dars | Exam.?