fbpx

ვებ პროგრამირება FRONTEND (HTML & CSS)

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


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

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

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

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

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

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

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

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

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

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

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

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

კურსის სპიკერი

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

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

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

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

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

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

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

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

ლექცია 1

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

ლექცია 2

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

ლექცია 3

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

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

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

ლექცია 4

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

ლექცია 5

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

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

ლექცია 6

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

ლექცია 7

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

ლექცია 8

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

ლექცია 9

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

ლექცია 10

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

ლექცია 11

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

ლექცია 12

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