კურსის აღწერა
კურსის განმავლობაში ისწავლი ვებგვერდის შექმნას ნულიდან. დეტალურად გაეცნობი HTML-ის ძირითადად სტრუქტურას და CSS-ის სტილებს (სილაბუსის მიხედვით). გაიგებ, როგორ უნდა ააწყო გვერდის სტრუქტურა, როგორ უნდა დაამატო სტილები და ლოგიკა.
კურსის დასრულების შემდეგ დამოუკიდებლად შეძლებ ვებგვერდის ვიზუალის აწყობას, რომელიც მორგებული იქნება დესკტოპის, პლანშეტისა და მობილურის რეზოლუციებზე.
კურსის მენტორები
მიქაელ მალანია
Back-End Developer
ინტერესი ამ სფეროსადმი 11-12 წლის ასაკიდან გაუჩნდა, როდესაც საჩუქრად მიიღო ე.წ. დასაკეცი ტელეფონი. რამდენიმე თვის შემდეგ ამავე ტელეფონით დამოუკიდებლად ააწყო საკუთარი ვებგვერდი, სადაც მომხმარებელს შეეძლო სიმღერების და ვიდეოების გადმოწერა, ინფორმაციის მიღება, ლაივ რეჟიმში სატელევიზიო არხების ყურება.
ამ ინტერესის პროფესიად გადაქცევა გადაწყვიტა. სწავლობდა საქართველოს ტექნიკურ უნივერსიტეტში, ინფორმაციისა და მართვის სისტემების მიმართულებით. ამჟამად ამავე უნივერსიტეტში სწავლობს მაგისტრატურაზე.
4 წელზე მეტია, რაც დეველოპმენტის სფეროში აქტიურად არის ჩართული. ამ დროის მანძილზე იმუშავა მრავალ საინტერესო პროექტზე, თუ პროგრამირების ენებზე, განსაკუთრებით კი Javascript-ზე.
მისი სამუშაო გამოცდილება იწყება ამერიკულ კომპანია Quantori-ში, Python Back-End დეველოპერის პოზიციაზე. აქ შექმნა რამდენიმე ვებ პროექტი Django, Flask, FastAPI ფრეიმვორკებით.
შემდეგ მუშაობდა კომპანია Nandi-ში, DevOps Engineer-ის პოზიციაზე. პარალელურად იყო ფრილანს WordPress დეველოპერი, როგორც ქართულ, ისე საერთაშორისო ბაზარზე.
გამოცდილების დაგროვებასთან ერთად აკადემიური საქმიანობაც შეითავსა. Algorithmics School-ში იყო Python-ის მენტორი. ასევე ასწავლიდა ვებ დიზაინს (HTML, CSS, Figma და Wix).
უმუშავია შემდეგ პროექტებზე: Quantori Discovery Engine, DevOps პროექტი: “CI/CD Pipeline”-ის აგება, BackSupport: “WordPress Dropshipping” პროექტი, Sotco: WordPress პროექტი, Mdello და ა.შ.
ინდივიდუალური პროექტები: Musicmaven – პროექტი, რომელსაც შეუძლია სასურველი სიმღერების სხვადასხვა მუსიკალური წყაროებიდან წამოღება, დაკვრა და გადმოწერა.Stypops – ონლაინ გაყიდვების ვებგვერდი, რომელიც მოიცავს კონკრეტული სტილის ტანისამოსს, Zanyzest – ბლოგის ტიპის ვებგვერდი, რომელიც განკუთვნილია სათავგადასავლო და საინტერესო ტიპის ინფორმაციის გაზიარებაზე.
ამჟამად არის Back-End Web Developer-ი, კომპანია Noxtton-ში.
ვებ პროგრამირების კურსის სილაბუსი
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 ფუნქციონალის დამატება
