fbpx

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

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

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

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

ელენე სოხაძე

Front-End Developer

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

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

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

ასევე გავლილი აქვს შემდეგი კურსები: Front-End Development (RS School, Webizz Academy). აქვს Information Technology Specialist (HTML, CSS, JS) Pearson Vue სერტიფიკატი.

უმუშავია, როგორც ქართულ, ისე საერთაშორისო ბრენდებზე. მათ შორის:

მუშაობდა Webiz International-ში შემდეგ პროექტებზე: XPlace და Beyond Virtual (პროექტები მოიცავდა Front End Development-ის სხვადასხვა ტექნოლოგიის გამოყენებას).

ამერიკულ სააგენტოსთან, ETX Growth-თან თანამშრომლობამ შესაძლებლობა მისცა, რომ წვლილი შეეტანა ისეთ პროექტებში, როგორიც არის: ETX Growth, Cotel TV და JaysAnalysis.

გარდა ამისა, Global Group-ის გუნდში იყო Middle Front End Developer-ი.

ინდივიდუალური პროექტები: Dropship 365 – ecommerce საიტის კლონი, English for kids – ინგლისურის სასწავლო პლატფორმა ბავშვებისთვის, კურსის მენეჯმენტის პლატფორმა სტატისტიკისა და ვიზუალიზაციის ინსტრუმენტებით.

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

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 ფუნქციონალის დამატება