fbpx

კურსის აღწერა

კურსის განმავლობაში ნულიდან ისწავლი ვებგვერდის შექმნას. დეტალურად გაეცნობი HTML-ის ძირითადად სტრუქტურას და CSS-ის სტილებს (სილაბუსის მიხედვით). გაიგებ, როგორ უნდა ააწყო გვერდის სტრუქტურა, როგორ უნდა დაამატო სტილები და ლოგიკა. 

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

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

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

კურსის მენტორები

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

დეველოპერი

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

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

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

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

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

გივი ღვინიანიძე

Front-End დეველოპერი

,,ჩემი მიზანია სტუდენტებს ესმოდეთ თუ, როგორ ესაუბრონ გააზრებულად ბრაუზერს და იცოდნენ თვითონ, როგორ ესმის ბრაუზერს ჩვენი.”

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

დაამთავრა SEU-ს ბაკალავრი, ბიზნესის ადმინისტრირების ფაკულტეტი. ამის შემდეგ დაიწყო iOS Development-ის კურსი GeoLab-ში. მას ცოდნის მიღების პროცესი ამით არ დაუსრულებია, შეუერთდაSkillUP-ის Front-End Development-ის კურსს. ამ მიმართულებით ცოდნა მიიღო სხვადასხვა ონლაინკურსების მეშვეობითაც, თუმცა არ ჩერდება და განვითარებას აქტიურად განაგრძოს.

2014 წლიდან დაიწყო სტატიკური პორტფოლიო ტიპის საიტების აწყობა კომპანიებისთვის. 2016 წელს შეუერთდა Adjarabet-ის გუნდს, სადაც მონაწილეობდა ისეთი სახის ციფრულ პროექტებში, როგორიც არის: გემბლინგი, ტელევიზია, ბლოგი, სამართავი პანელი, ბანკინგი, Dashboard app და ა.შ.

ამჟამად მუშაობს Thomson Reuters-ში, Front-End Team Lead-ის პოზიციაზე. უთანამშრომლია მასშტაბურ ბრენდებთან, მათ შორის: Adjarabet, ClubSpeed, Thomson Reuters და სხვა.

მას ასევე აქვს მენტორობის 3 წლიანი გამოცდილება GITA-ში, IT Academy step-ში და BTU-სუნივერსიტეტში.

მისი მიზანია სტუდენტებს ესმოდეთ თუ, როგორ ესაუბრონ გააზრებულად ბრაუზერს და იცოდნენ თვითონ, როგორ ესმის ბრაუზერს ჩვენი.

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

Workshop 1

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

Workshop 2

  • css ფაილების დაკავშირება
  • css სელექტორების თვისებები და მათი მნიშვნელობის განხილვა
  • html ატრიბუტები
  • აბსოლუტური და რელატიური მისამართები
  • adobe xd – ის ძირითადი ხელსაწყოები
  • 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

  • visual studio code – ედიტორის გარჩევა
  • vs code extension-ების განხილვა
  • პოზიციონირების განსაზღვრა – position property – static/absolute / relative / fixed / sticky
  • transform property

Workshop 8

  • hover ეფექტები
  • transition property
  • keyframe animations
  • ჩრდილი – box-shadow / text-shadow
  • background image property
  • საფინალო პროექტის მიმოხილვა

Workshop 9

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

Workshop 10

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

Workshop 11

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

Workshop 12

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

Workshop 13

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

Workshop 14

  • საფინალო პროექტების პრეზენტაცია