• რა არის პროგრამირება
• რა არის ვებ დეველოპმენტი
• VSCode გადმოწერა
• როგორ იგება საიტი

• h1, p და მარტივი თეგები
• ul, ol, li თეგები
• a, link

• რა არის path
• როგორ ვიყენებთ img თეგს
• სტრუქტურის აგება ფოტოებით
• svg

• table
• th, tr, thead, tbody, tfoot
• table-ს აგება

• სემანტიკური ელემენტები
• CSS დაყენება
• ელემენტარული CSS სტილები
• id, class

• რა არის button და რისთვის გამოიყენება
• hover-ის გამოყენება
• active, focus, visited, link
• რა არის display

• რა არის და რატომ ვიყენებთ
• input-ის ტიპები: text, email, password
• ღილაკი: button, submit, label
• placeholder, required, name, id — პრაქტიკული გამოყენება

• Padding
• Margin
• განსხვავება padding-სა და margin-ს შორის
• border
• width და height

• font-size, font-weight
• center, start
• rem, em

• background-color, background-image
• linear-gradient
• pseudo-class-ები
• მინი პროექტი

• რა არის Flexbox
• რატომ ვიყენებთ flexbox-ს
• display: flex, flex-direction, justify-content, align-items
• align-items, gap
• მინი პროექტი

• flex-wrap, align-content
• grid
• პრაქტიკული გამოყენება: ბარათების განლაგება
• დიზაინის შექმნა

• relative და absolute
• CSS ანიმაციის საფუძვლები
• პრაქტიკული გამოყენება
• პორტფოლიოს პროექტის განხილვა

• რა არის responsive დიზაინი
• units: %, vw, vh
• რა არის media query
• როგორ ვაქციოთ საიტი მობილური-მეგობრულად

• პერსონალური ვებსაიტის დიზაინი HTML + CSS
• ყველა ნასწავლი ელემენტის გამოყენება
• პრეზენტაცია / კოდის ჩვენება

დაიცადე, ახლავე ჩაიტვირთება...

დაიცადე, ახლავე ჩაიტვირთება...

დაიცადე, ახლავე ჩაიტვირთება...

დაიცადე, ახლავე ჩაიტვირთება...

დაიცადე, ახლავე ჩაიტვირთება...