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 -ის კურსის ლექტორი.

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

Workshop 1

  • რა არის web და როგორი პრინციპით მუშაობს
  • რა არის HTML/CSS და რისთვის არის ის საჭირო
  • ედიტორის გარჩევა კოდის წერისთვის
  • პროექტისათვის დოკუმენტების ორგანიზება
  • Chrome DevTools
  • HTML5 დოკუმენტის სტრუქტურა
  • HTML ტეგების დამატება

Workshop 2

  • CSS სელექტორების თვისებები და მათი მნიშვნელობის განხილვა 
  • Reset Css
  • Css ფაილების დაკავშირება
  • Css ბოქს მოდელი
  • Box-sizing
  • Xd ძირითადი ხელსაწყოები

Workshop 3

  • Display Property
  • ტიპოგრაფიასთან მუშაობა: 
  • ფონტები და შესაბამისი ფორმატები ვებისთვის
  • სასურველი ფონტის მოძება და გამოყენება 
  • ფონტების სტილების/ზომების მართვა 
  • Font-ის გამოყენებით icon-ების გენერირება

GitHub რეგისტრაცია და მოხმარების წესები

  •  რეპოზიტორიის შექმნა
  •  პროექტის ატვირთვა
  •  ცვლილებების შეტანა

Workshop 4

  • Float & Clear
  • პროცენტების გამოყენება
  • ფსევდო ელემენტები
  • ფსევდო კლასები
  • კოდის ვალიდაცია

Workshop 5

პოზიციონირება

  • Position Property
  • Static
  • Absolute
  • Relative
  • Fixed
  • Sticky
  • Background Image Property
  • Transform Property

Workshop 6

  • Hover ეფექტები
  • Transition Property
  • KeyFrame Animations
  • Box Shadow – ჩრდილი
  • Border Radius – მომრგვალებული კუთხეები

Workshop 7

  • Flexbox -ის მიმოხილვა და გარჩევა
  • Fontawesome
  • Icomon

Workshop 8

  • ვებ გვერდის რესპონსიული წყობა
  • Css @media-ს გამოყენება
  • Breakpoints in Responsive Web Design
  • Autoprefixer Css

Workshop 9

  • საძიებო სისტემებისათვის ინფორმაციის ოპტიმიზაცია
  • სოციალური ქსელებისთვის ინფორმაციის ოპტიმიზაცია
  • Html Form Elements

Workshop 10

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

Workshop 11

  • Ობიექტები
  • მასივები
  • მეთოდები მასივებზე
  • .forEach, .map, .filter, .reduce მეთოდების განხილვა და იმპლემენტაცია

Workshop 12

  • ფუნქციები
  • რა არის DOM?
  • DOM მანიპულაციები ჯავასკრიპტში
  • Html ელემენტებთან მუშაობა
  • Event-ებთან მუშაობა