კურსის აღწერა
კურსის განმავლობაში ისწავლი ვებგვერდის შექმნას ნულიდან. დეტალურად გაეცნობი HTML-ის ძირითადად სტრუქტურას და CSS-ის სტილებს (სილაბუსის მიხედვით). გაიგებ, როგორ უნდა ააწყო გვერდის სტრუქტურა, როგორ უნდა დაამატო სტილები და ლოგიკა.
კურსის დასრულების შემდეგ დამოუკიდებლად შეძლებ ვებგვერდის ვიზუალის აწყობას, რომელიც მორგებული იქნება დესკტოპის, პლანშეტისა და მობილურის რეზოლუციებზე.
კურსის მენტორები
თამარ ჭყოიძე
Front-End დეველოპერი
ბავშვობაში ლიტერატურითა და ხატვით იყო დაინტერესებული. ვერასდროს წარმოიდგენდა საკუთარ თავს ვებ დეველოპმენტში, თვლიდა რომ ეს არ იყო შემოქმედებითი სფერო.
პანდემიის დროს გაუჩნდა სურვილი, რომ დისტანციური, აქტუალური და ამავდროულად საინტერესო საქმე შეესწავლა, ასე აღმოაჩინა ვებ დეველოპმენტი, რომელმაც მთლიანად მოიცვა მისი ცხოვრება.
2010-2014 წლებში სწავლობდა ილიას სახელმწიფო უნივერსიტეტში მეცნიერებისა და ხელოვნების ფაკულტეტზე. 2014-2017 წლებში კი სწავლობდა მაგისტრატურაზე შედარებითი ლიტერატურათმცოდნეობის სპეციალობით.
მას შემდეგ, რად გადაწყვიტა პროფესიის შეცვლა გაიარა კურსები ვებ დეველოპმენტის მიმართულებით: Front-End (HTML & CSS), JavaScript-ი და React-ი.
ამის შემდეგ გაიარა სტაჟირება Tbilisi BootCamp-ში. პარალელურად ჩართული იყო კერძო პროექტში: VeyVey, როგორც მარქაფერი.
სხვადასხვა დიზაინების მიხედვით აწყობილი აქვს HTML/CSS-ის სხვადასხვა დონის მარქაფი, ასევე JavaScript-ის რამდენიმე ნამუშევარი, “Portfolio” და React-ის საიტი.
ვებ პროგრამირების კურსის სილაბუსი
Workshop 1
- front end დეველოპმენტის კომპონენტების განხილვა
- html5 დოკუმენტის სტრუქტურა
- Visual Studio Code კოდის ედიტორის გარჩვეა
- vs code extension-ების განხილვა
- პროექტისათვის დოკუმენტების ორგანიზება
- html ტეგების დამატება
Workshop 2
- css ფაილების დაკავშირება
- css სელექტორების თვისებები და მათი მნიშვნელობის განხილვა
- html ატრიბუტები
- აბსოლუტური და რელატიური მისამართები
- Figma-ში მუშაობა
- chrome devtools
Workshop 3
- html მნიშვნელობის მქონე ტეგები ვებ გვერდის სტრუქტურისთვის
- display property – block/inline/inline-block/none
- ბრაუზერის სტილების განულება
- რუკის დამატება
Workshop 4
- css ბოქს მოდელი
- html / css კომენტარი
- ფონტები და შესაბამისი ფორმატები ვებისთვის
- ფონტების სტილების/ ზომების მართვა
- ტექსტის ფორმატირება
- საფინალო პროექტზე მუშაობის დაწყება
Workshop 5
- git-ის შესავალი / version control system
- github – ზე რეგისტრაცია
- რეპოზიტორის შექმნა
- github desktop-ის განხილვა
- პროექტის ატვირთვა / ჩამოტვირთვა
- ცვლილებების შეტანა
- git commands
- აბსოლუტური მისამართი
Workshop 6
- flexbox – ის გარჩევა
- fontawesome / icomon;
- ფსევდო კლასები
- border radius
- კოდის ვალიდაცია
- საფინალო პროექტის მიმოხილვა
Workshop 7
- პოზიციონირების განსაზღვრა – position property – static/absolute/relative / fixed / sticky
- transform property
- ჩრდილი – box-shadow / text-shadow
Workshop 8
- hover ეფექტები
- transition property
- keyframe animations
- background image property
- საფინალო პროექტის მიმოხილვა
Workshop 9
- ვებ გვერდის რესპონსიული წყობა
- css@media-ს გამოყენება
- breakpoints in responsive web design
- responsive checker
Workshop 10
- Responsive პრაქტიკა (ჩვენ თვითონ ვაწყობთ დიზაინს)
- დამატებითი პრეფიქსერები – autoprefixer css
Workshop 11
- css grid layout module
- css ცვლადები
- ფსევდო ელემენტები
- საფინალო პროექტის მიმოხილვა
Workshop 12
- html form elements
- meta ტეგები ბრაუზერებისთვის
- სოციალური ქსელებისთვის ინფორმაციის ოპტიმიზაცია
- საფინალო პროექტის მიმოხილვა
Workshop 13
- ჯავასკრიპტის სინტაქსის განხილვა
- პრიმიტიულ მონაცემთა ტიპები
- ცვლადები
- პირობითი გამოსახულება
- რა არის dom?
- dom მანიპულაციები ჯავასკრიპტში
Workshop 14
- ჯავასკრიპტის ფაილების დამატება საიტზე
- html ელემენტებთან მუშაობა
- events(onclick, focus,keydown)
- burger bar ფუნქციონალის დამატება
