fbpx

ვებ პროგრამირება FRONTEND (HTML & CSS)-ის კურსის აღწერა


არსებობს წარმოდგენა, რომ ვებგვერდის აწყობა მხოლოდ ტექნიკური განათლების მქონე ადამიანს შეუძლია ისწავლოს. არადა, რაც დრო გადის საპირისპირო სურათის ვხედავთ. სულ უფრო მეტი, სხვადასხვა პროფესიის ადამიანი სწავლობს პროგრამირებას, სხვადასხვა სირთულის აპლიკაციებს ქმნის და თავად აწყობს ვებგვერდებს.

ტექნოლოგიების განვითარებამ შესაძლებელი გახადა, რომ სხვადასხვა პროფესიის ადამიანებმა თავად შეძლონ საკუთარი იდეების რეალიზება.

თუკი ადრე ინოვაციური იდეის რეალიზებისათვის საჭირო იყო ფინანსები, დღეს ადამიანს შეუძლია თავად დაეუფლოს იდეის რეალიზებისათვის საჭირო ტექნიკურ ცოდნას, მაგალითად, შეისწავლოს ვებგვერდის აწყობა და შექმნას საკუთარი კომპანიის ვებგვერდი, ააწყოს ონლაინ მაღაზია ან რაიმე სხვა ვირტუალური ონლაინ სერვისი.

ამ კურსის ფარგლებში მსმენელები დაეუფლებიან იმ ცოდნას, რომელიც მათ საშუალებას მიცემს გაერკვნენ ვებგვერდის ფუნქციონირების პრინციპებში, თავად ააწყონ Front-End აპლიკაცია ან საჭიროების შემთხვევაში ცვლილებები შეიტანონ არსებული ვებგვერდის პროგრამულ კოდში, დაგეგმონ და მენეჯმენტი გაუწიონ ვებგვერდის შექმნასთან დაკავშირებულ სამუშაოებს.

კურსი პრაქტიკული ხასიათისაა და კურსის განმავლობაში მსმენელებს მოუწევთ მარტივი ვებგვერდების შექმნა.

კურსი არ მოითხოვს პროგრამირების საბაზისო ცოდნას და ნებისმიერი დაინტერესებული პირისათვის ხელმისაწვდომია.

ვებ პროგრამირების FRONTEND (HTML & CSS) კურსის მენტორები

ქრისტინა მაკალათია

ვებ დეველოპმენტის სფეროში 2018 წლიდან წარმატებით მოღვაწეობს. დასაქმებულია სხვადასხვა სასწავლო დაწესებულებებში (Academy Of Digital Industries, Business And Technology University, Geolab, Unilab) Front End Development- ის ლექტორის პოზიციაზე.

ასევე არის სტაჟირების ხელმძღვანელი ილიაუნის ინოვაციური ტექნოლოგიების ლაბორატორიაში; მონაწილეობა მიუღია ისეთ პროექტებში, როგორიცაა:

საქართველოს ინოვაციების და ტექნოლოგიების სააგენტოს მიერ განხორციელებულ პროექტში  “Front End პროგრამირება რეგიონში”  – Front End -ის კურსის ლექტორი. ილიაუნის ინოვაციური ტექნოლოგიების კიბერლაბორატორიის პროექტი “უნილაბი სკოლაში” – Front End -ის კურსის ლექტორი. გაეროს განვითარების პროგრამის და ჯეოლაბის მხარდაჭერით “Front End-ის კურსი გოგოებისთვის კონფლიქტით დაზარალებული რეგიონებიდან” პროექტში – Front End -ის კურსის ლექტორი.

სალომე გაჩეჩილაძე

დაამთავრა თბილისის სახელმწიფო უნივერსიტეტი, კომპიუტერული მეცნიერებების ფაკულტეტი. ამჟამად სწავლობს მაგისტრატურაზე, ინფორმაციული ტექნოლოგიების მიმართულებით, ამავე უნივერსიტეტში. 

2017 წლიდან მუშაობს frontend დეველოპმენტის სფეროში. 2018 წლიდან ჩართულია სხვადასხვა საგანმანათლებლო პროექტებში: თანატოლგანმანათლებელი, ლექტორი, კურსის კურატორი.

2019 წლიდან დასაქმებულია RSM Georgia Solutions-ში საცალო და სასაწყობე გადაწყვეტილებების სპეციალისტად, ასევე რეპორტინგის ანალიტიკოსად. 

2020 წლიდან, თსუ-ს საბაკალავრო პროგრამაზე, ატარებს ვოქრშოპებს ვებ დეველოპემენტის მიმართულებით, ხოლო 2021 წლიდან კრეატიული ტექნოლოგიების ცენტრსა და პროფესარეაში ხელმძღვანელობს ვებ დეველოპმენტის კურსებს.

2018 წელს მონაწილეობა მიიღო აიესეკის გაცვლით პროგრამაში, იტალიაში ეხმარებოდი სტუდენტებს ინგლისური ენის შესწავლასა და ამ მხრივ კომპლექსების დაძლევაში (სკოლა: ITCG Baggi).

2017 წელს Geolab-სა და ჯეოსელის მიერ ორგანიზებულ “კომპიუტერი 50+ ადამიანებისთვის” პროექტში ჩართული იყო, როგორც მოხალისე ლექტორი.

ვებ პროგრამირების კურსის სილაბუსი

Workshop 1

  • front end  დეველოპმენტის კომპონენტების განხილვა
  • html5 დოკუმენტის სტრუქტურა
  • კოდის ედიტორის გარჩვეა
  • პროექტისათვის დოკუმენტების ორგანიზება
  • html ტეგების დამატება
  • chrome devtools
  • დავალება

Workshop 2

  • css ფაილების დაკავშირება
  • css სელექტორების თვისებები და მათი მნიშვნელობის განხილვა
  • html მნიშვნელობის მქონე ტეგები ვებ გვერდის სტრუქტურისთვის
  • adobe xd – ის ძირითადი ხელსაწყოები
  • css ბოქს მოდელი
  • დავალება

Workshop 3

  • display property – block/inline/inline-block/none
  • ბრაუზერის სტილების განულება
  • კომენტარი
  • რუკის დამატება
  • დავალება

Workshop 4

  • ტიპოგრაფიასთან მუშაობა
  • ფონტები და შესაბამისი ფორმატები ვებისთვის
  • ფონტების სტილების/ ზომების მართვა
  • git-ის შესავალი / version control system
  • github – ზე რეგისტრაცია
  • რეპოზიტორის შექმნა
  • პროექტის ატვირთვა / ჩამოტვირთვა
  • ცვლილებების შეტანა
  • დავალება

Workshop 5

  • პოზიციონირების განსაზღვრა – position property – static / absolute / relative / fixed / sticky
  • background image property
  • transform property
  • დავალება

Workshop 6

  • hover ეფექტები
  • transition property
  • keyframe animations
  • ჩრდილი – box-shadow / text-shadow
  • border radius
  • დავალება

Workshop 7

  • visual studio code – ედიტორის გარჩევა
  • flexbox – ის გარჩევა
  • fontawesome  / icomon;
  • ფსევდო კლასები
  • კოდის ვალიდაცია
  • დავალება

Workshop 8

  • ვებ გვერდის რესპონსიული წყობა
  • css @media-ს გამოყენება
  • breakpoints in responsive web design
  • დავალება

Workshop 9

  • css grid layout module
  • ფსევდო ელემენტები
  • დამატებითი პრეფიქსერები – autoprefixer css
  • დავალება

Workshop 10

  • html form elements
  • meta ტეგები ბრაუზერებისთვის
  • სოციალური ქსელებისთვის ინფორმაციის ოპტიმიზაცია
  • დავალება

Workshop 11

  • ჯავასკრიპტის სინტაქსის განხილვა
  • ცვლადები
  • ოპერატორები
  • ციკლები
  • პირობითი გამოსახულება
  • ობიექტები
  • მასივები
  • დავალება

Workshop 12

  • ფუნქციები
  • რა არის dom?
  • dom მანიპულაციები ჯავასკრიპტში
  • html ელემენტებთან მუშაობა
  • ჯავასკრიპტის ფაილების დამატება საიტზე
  • burger bar ფუნქციონალის დამატება
  • საფინალო პროექტების კრიტერიუმების განხილვა