HTML/CSS კურსი

სილაბუსი

Workshop 1

  • ვებ დეველოპმენტის მიმოხილვა

  • Front-end პროგრამირების კომპონენტები

  • კოდის ედიტორების მიმოხილვა და დაყენება

  • Html სტრუქტურა

  • Html საბაზისო ტეგები

  • პროექტისთვის დოკუმენტების შექმნა

  • დავალება

Workshop 2

  • Html-ის ელემენტები

  • Html5- ის სემანტიკური და არასემანტიკური ელემენტები

  • Self-closing ტეგები

  • Block level და inline level ელემენტები

  • ფორმირების ტეგები

  • Html კომენტარები

  • Chrome devtools

  • დავალება

Workshop 3

  • Ordered და unordered ლისთები

  • ცხრილები

  • Meta ტეგი

  • Doctype

  • Lang ატრიბუტი

  • html5 ტეგები

Workshop 4

  • Html ბმული

  • აბსოლუტური და რელატიური მისამართები

  • სხვა ვებსაიტებთან და ვებსაიტის გვერდებთან დაკავშირება

  • ბმულის გახსნა ბრაუზერის ახალ ფანჯარაში, ტაბში.

  • სურათის დამატება

  • Html ფორმა

  • პრაქტიკული სამუშაო

Workshop 5

  • რა არის Css

  • Css- ის დაკავშირება Html -თან

  • Css სელექტორები

  • The font-size, font-family, color, & line-height properties

  • ელემენტების სიმაღლე, სიგანე და მდებარეობა

  • გრადიენტები და ჩრდილები

  • 2D და 3D ტრანსფორმაცია

Workshop 6

  • Css box მოდელი

  • Display property

  • ელემენტის პოზიცია

  • ფსევდო კლასები

  • ფსევდო ელემენტები

  • დავალება

Workshop 7

  • Css flexbox მოდელი

  • პრაქტიკული სამუშაო

  • დიზაინის გარჩევა (figma)

  • დავალება

Workshop 8

  • Css grid layout

  • პრაქტიკული სამუშაო

  • დავალება

  • ფინალური დავალების თემები და მუშაობის დაწყება

Workshop 9

  • Css ანიმაციები

  • Transition და @keyframes

  • Animation properties

  • პრაქტიკული სამუშაო

  • დავალება

Workshop 10

  • Web responsive

  • @media query, ბრეიქფოინთები

  • Responsive გვერდის აწყობა

  • დავალება

Workshop 11

  • Git -ის შესავალი

  • Github-ზე რეგისტრაცია, რეპოზიტორის შექმნა

  • პროექტის ატვირთვა/ჩამოტვირთვა

  • Github დესკტოპთან მუშაობა, ცვლილებების შეტანა

  • Brunch-ების შექმნა

  • დავალება

Workshop 12

  • მასალის გამეორება

  • სხვადასხვა სახის პრაქტიკული სამუშაოები

Workshop 13

  • ფინალური დავალებების პრეზენტაცია

  • შეფასებები

Workshop 14

  • ჯავასკრიპტის მიმოხილვა

  • სამომავლო გეგმები