რას ისწავლი
- გვერდის სტრუქტურის აწყობა ტეგებით
- ფორმები, ცხრილები და მედია
- სემანტიკური და ხელმისაწვდომი HTML
სილაბუსი
დამწყები10 მოდული · 50 თავი
1HTML-ის საფუძვლები5 / 5
რა არის HTML6 წთროგორ მუშაობს ვებგვერდი7 წთპირველი HTML გვერდი7 წთტეგები და ელემენტები7 წთრედაქტორი და ბრაუზერი7 წთქვიზი: HTML-ის საფუძვლები10 კითხვა2დოკუმენტის სტრუქტურა5 / 5
DOCTYPE და html ელემენტი6 წთhead და body6 წთსათაური და meta ტეგები7 წთელემენტების ჩადგმა7 წთკომენტარები6 წთქვიზი: დოკუმენტის სტრუქტურა10 კითხვა3ტექსტი5 / 5
სათაურები h1–h66 წთაბზაცები და ხაზის გადატანა6 წთმუქი და დახრილი ტექსტი7 წთციტატა და კოდი7 წთსპეციალური სიმბოლოები6 წთქვიზი: ტექსტი10 კითხვა4ბმულები5 / 5
ბმულის ტეგი a6 წთაბსოლუტური და ფარდობითი მისამართი7 წთგადასვლა გვერდის შიგნით6 წთახალ ჩანართში გახსნა6 წთფოსტის და ტელეფონის ბმული6 წთქვიზი: ბმულები10 კითხვა5სურათები5 / 5
სურათის ჩასმა6 წთალტერნატიული ტექსტი7 წთსურათის ფორმატები7 წთსურათის ზომა7 წთსურათი წარწერით6 წთქვიზი: სურათები10 კითხვა6სიები5 / 5
დაუნომრავი სია6 წთდანომრილი სია6 წთჩადგმული სიები6 წთგანმარტებების სია6 წთსია ნავიგაციისთვის6 წთქვიზი: სიები10 კითხვა7ცხრილები5 / 5
ცხრილის აგება7 წთცხრილის თავი და ტანი7 წთუჯრების გაერთიანება7 წთცხრილის სათაური6 წთროდის ვიყენებთ ცხრილს7 წთქვიზი: ცხრილები10 კითხვა8ფორმების საფუძვლები5 / 5
ფორმის ელემენტი7 წთტექსტური ველები7 წთველის წარწერა6 წთღილაკები6 წთმოსანიშნი და ამოსარჩევი ველები7 წთქვიზი: ფორმების საფუძვლები10 კითხვა9გვერდის ნაწილები5 / 5
div და span6 წთheader და footer6 წთნავიგაციის ელემენტი nav7 წთmain და section7 წთarticle და aside7 წთქვიზი: გვერდის ნაწილები10 კითხვა10პირველი საიტი5 / 5
რამდენიმე გვერდის დაკავშირება7 წთსაქაღალდეები და გზები7 წთCSS ფაილის მიერთება7 წთკოდის შემოწმება7 წთგვერდის გამოქვეყნება7 წთქვიზი: პირველი საიტი10 კითხვაპროექტი: პირადი გვერდიპროექტი
შენი სავიზიტო საიტი სამი გვერდით: შენ შესახებ, ჰობი და კონტაქტი.
საშუალო10 მოდული · 50 თავი
1ფორმები სიღრმეში0 / 5
ველის ტიპებიმალეჩამოსაშლელი სიამალემრავალხაზიანი ტექსტიმალეველების დაჯგუფებამალეფაილის ატვირთვამალექვიზი: ფორმები სიღრმეშიმალე2ფორმის შემოწმება0 / 5
სავალდებულო ველებიმალეშაბლონით შემოწმებამალესიგრძის და მნიშვნელობის ზღვრებიმალეშეცდომის შეტყობინებებიმალეავტოშევსებამალექვიზი: ფორმის შემოწმებამალე3სემანტიკური HTML0 / 5
რატომ არის მნიშვნელოვანი სემანტიკამალესათაურების იერარქიამალეგვერდის ორიენტირებიმალედრო და მისამართიმალესწორი ტეგის არჩევამალექვიზი: სემანტიკური HTMLმალე4აუდიო და ვიდეო0 / 5
აუდიოს ჩასმამალევიდეოს ჩასმამალესუბტიტრებიმალეYouTube-ის ვიდეოს ჩასმამალემედიის ფორმატებიმალექვიზი: აუდიო და ვიდეომალე5რესპონსიული სურათები0 / 5
სხვადასხვა ზომის სურათიმალეpicture ელემენტიმალეგადადებული ჩატვირთვამალეWebP და AVIFმალესურათების ოპტიმიზაციამალექვიზი: რესპონსიული სურათებიმალე6გვერდის მეტამონაცემები0 / 5
კოდირება და viewportმალეგვერდის აღწერამალესაიტის ხატულამალეგაზიარების ბარათიმალერესურსების მიერთებამალექვიზი: გვერდის მეტამონაცემებიმალე7ხელმისაწვდომობის საფუძვლები0 / 5
რა არის ხელმისაწვდომობამალეკლავიატურით ნავიგაციამალეტექსტი სურათებისა და ველებისთვისმალეკონტრასტი და წაკითხვადობამალეეკრანის წამკითხველიმალექვიზი: ხელმისაწვდომობის საფუძვლებიმალე8ჩასმული შინაარსი0 / 5
iframe ელემენტიმალერუკის ჩასმამალეiframe-ის შეზღუდვამალესხვა ჩასმული ელემენტებიმალეჩასმის გავლენა სიჩქარეზემალექვიზი: ჩასმული შინაარსიმალე9ატრიბუტები სიღრმეში0 / 5
გლობალური ატრიბუტებიმალეid და classმალეdata-ატრიბუტებიმალელოგიკური ატრიბუტებიმალეენა და მიმართულებამალექვიზი: ატრიბუტები სიღრმეშიმალე10HTML სხვა ენებთან0 / 5
სტილის ჩართვის გზებიმალესკრიპტის ჩართვამალეdefer და asyncმალეnoscript ელემენტიმალესტრუქტურის, სტილის და ქცევის გაყოფამალექვიზი: HTML სხვა ენებთანმალეპროექტი: რესტორნის საიტიმალე
მრავალგვერდიანი საიტი მენიუთი, გალერეით და დაჯავშნის ფორმით.
მოწინავე10 მოდული · 50 თავი
1ARIA0 / 5
ARIA როლებიმალესახელები და აღწერებიმალემდგომარეობებიმალეცოცხალი არეებიმალეროდის არ გვჭირდება ARIAმალექვიზი: ARIAმალე2ხელმისაწვდომი კომპონენტები0 / 5
ხელმისაწვდომი ფორმამალეხელმისაწვდომი ცხრილიმალედიალოგის ფანჯარამალეჩანართები და აკორდეონიმალეფოკუსის მართვამალექვიზი: ხელმისაწვდომი კომპონენტებიმალე3SEO-ს საფუძვლები0 / 5
როგორ მუშაობს ძებნამალესათაური და აღწერა ძებნისთვისმალეკანონიკური მისამართიმალეrobots.txt და sitemapმალესტრუქტურირებული მონაცემებიმალექვიზი: SEO-ს საფუძვლებიმალე4ჩაშენებული ინტერაქტიული ელემენტები0 / 5
details და summaryმალეdialog ელემენტიმალეprogress და meterმალეpopover ატრიბუტიმალერედაქტირებადი შინაარსიმალექვიზი: ჩაშენებული ინტერაქტიული ელემენტებიმალე5SVG0 / 5
SVG-ის საფუძვლებიმალეSVG ფიგურებიმალეკონტურებიმალეჩაშენებული თუ ფაილიდანმალეხელმისაწვდომი SVGმალექვიზი: SVGმალე6Canvas0 / 5
canvas ელემენტიმალეფიგურების ხატვამალეტექსტი და სურათი canvas-ზემალეანიმაცია canvas-ზემალეcanvas თუ SVGმალექვიზი: Canvasმალე7ჩატვირთვის სიჩქარე0 / 5
როგორ ხატავს ბრაუზერი გვერდსმალეწინასწარი ჩატვირთვამალერესურსის მინიშნებებიმალეHTML-ის შემცირებამალესიჩქარის გაზომვამალექვიზი: ჩატვირთვის სიჩქარემალე8მრავალენოვანი გვერდები0 / 5
ენის მითითებამალეტექსტის მიმართულებამალეენობრივი ვერსიებიმალეთარიღები და რიცხვებიმალეშრიფტები სხვადასხვა ენისთვისმალექვიზი: მრავალენოვანი გვერდებიმალე9HTML წერილებისთვის0 / 5
წერილის შეზღუდვებიმალეცხრილური განლაგებამალეჩაშენებული სტილებიმალესურათები წერილშიმალეწერილის ტესტირებამალექვიზი: HTML წერილებისთვისმალე10შაბლონები0 / 5
template ელემენტიმალეslot ელემენტიმალესაკუთარი ელემენტების შესავალიმალეShadow DOM-ის შესავალიმალემარკაპის ხელახალი გამოყენებამალექვიზი: შაბლონებიმალეპროექტი: ხელმისაწვდომი ბლოგიმალე
ბლოგი სწორი სემანტიკით, ძებნის მეტამონაცემებით და სრული კლავიატურული ნავიგაციით.
ექსპერტი10 მოდული · 50 თავი
1ვებ-კომპონენტები0 / 5
ელემენტის განსაზღვრამალესასიცოცხლო ციკლიმალესტილი Shadow DOM-შიმალეატრიბუტები და თვისებებიმალეკომპონენტის ხელმისაწვდომობამალექვიზი: ვებ-კომპონენტებიმალე2როგორ კითხულობს ბრაუზერი HTML-ს0 / 5
ტოკენებად დაშლამალეDOM-ის აგებამალეშეცდომების გასწორებამალეQuirks რეჟიმიმალერა აჩერებს გარჩევასმალექვიზი: როგორ კითხულობს ბრაუზერი HTML-სმალე3უსაფრთხოება0 / 5
XSS და HTMLმალეუსაფრთხო ბმულებიმალეშინაარსის უსაფრთხოების პოლიტიკამალეფორმის უსაფრთხოებამალემესამე მხარის შინაარსიმალექვიზი: უსაფრთხოებამალე4SEO სიღრმეში0 / 5
Schema.orgმალეგამდიდრებული შედეგებიმალეგვერდებად დაყოფა და ძებნამალერენდერი და ინდექსაციამალეSEO აუდიტიმალექვიზი: SEO სიღრმეშიმალე5ხელმისაწვდომობა სიღრმეში0 / 5
WCAG სტანდარტიმალეხელმისაწვდომობის ხემალეტესტირება წამკითხველითმალეავტომატური შემოწმებამალეხელმისაწვდომობის აუდიტიმალექვიზი: ხელმისაწვდომობა სიღრმეშიმალე6პროგრესული გაუმჯობესება0 / 5
ჯერ შინაარსიმალემუშაობა JavaScript-ის გარეშემალეშესაძლებლობის შემოწმებამალერბილი დაქვეითებამალემდგრადი გვერდებიმალექვიზი: პროგრესული გაუმჯობესებამალე7ვებ-აპის მარკაპი0 / 5
მანიფესტიმალეაპის ხატულებიმალეფერი და ჩვენების რეჟიმიმალეოფლაინ გვერდიმალედაყენებადობამალექვიზი: ვებ-აპის მარკაპიმალე8სტანდარტები0 / 5
ცოცხალი სტანდარტიმალებრაუზერების მხარდაჭერამალემოძველებული ელემენტებიმალეპოლიფილებიმალესპეციფიკაციის კითხვამალექვიზი: სტანდარტებიმალე9დიდი საიტები0 / 5
დიზაინ-სისტემამალემარკაპის წესებიმალეშაბლონის ძრავებიმალესტატიკური გენერატორებიმალეშინაარსის მოდელირებამალექვიზი: დიდი საიტებიმალე10ხარისხი0 / 5
კოდის ავტომატური შემოწმებამალემარკაპის მიმოხილვამალედოკუმენტაციამალესიჩქარის ბიუჯეტიმალეკოდის მოვლამალექვიზი: ხარისხიმალეპროექტი: კომპონენტების ბიბლიოთეკამალე
ხელმისაწვდომი ვებ-კომპონენტების ნაკრები დოკუმენტაციით და ტესტებით.