Front End (HTML/CSS) პროგრამირების საბაზისო კურსი

 

 

ეს კურსი დაგეხმარება გაეცნო ვებ დეველოპმენტის უსაზვღვრო შესაძლებლობებს. გადადგა პირველი ნაბიჯები კოდის წერაში და უკეთ დაინახო ვების პრინციპები. Front End (HTML/CSS) პროგრამირების საბაზისო კურსის დანიშნულება არის ვებ დეველოპმენტის საწყისების შესწავლა, კურსის მსვლელობისას შეისწავლით პროგრამულ ენებს: HTML (Hyper Text Markup Language) და CSS (Cascading Style Sheets). ასევე ამ კურსის განმავლობაში გაეცნობით GIT ვერსიის კონტროლთან მუშაობას, ტექსტური ედიტორების გამოყენებას და SCSS თან მუშაობას.

 

ვინ ვართ ჩვენ?

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

 

 

 

სასწავლო კურსის ტიპი

სასერტიფიკატო დისტანციური კურსი

სასწავლო კურსის ფორმატი

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

კურსის ხანგრძლივობა

12 შეხვედრა

თითო შეხვედრის შემადგენლობა

ლექცია - 1 საათი
პრაქტიკა - 1 საათი

სტუდენტების რაოდენობა

ერთ ჯგუფში მონაწილეების მაქსიმალური რაოდენობაა 12 ადამიანი

სწავლის შედეგი

  • საიტის სტრუქტურის აწყობა HTML5 ის მეშვეობით.
  • საიტის დიზინისა და ანიმაციების აწყობა CSS3-ით.
  • Bootstrap -ის ბიბლიოთეკის შესწავლა და გამოყენება.
  • Scss -თან მუშაობა და მისი Css-ად გადაკეთება.
  • სტატიკური ვებ-გვერდის შექმნა და შეცვლა.

 

 

ღირებულება

560 - 450 ლარი

დაწყების თარიღი

29 ივნისი

 

 

კურსის შინაარსი

 

 

 

ლექცია 1: Front-end დეველოპმენტის საფუძვლები

 

● რა არის ქსელი და რა პრინციპით მუშაობს ვები
● რა არის HTML და CSS
● რისთვის გამოვიყენებთ ბიბლიოთეკებს
● როგორ განოვიყენოთ ტექსტური ედიტორები და რაში გვჭირდება ისინი

 

 

ლექცია 2: html ფაილის სტრუქტურა და მასში შემავალი თეგები

 

● ფაილების სწორი სტრუქტურიზაცია
● HTML თეგები
● HTML დოკუმენტის სტრუქტურა და გაფართოება
● CSS დოკუმენტის სტრუქტურა და გაფართოება
● HTML თეგების მიმოხილვა

 

 

ლექცია 3: რა როლს ასრულებს CSS და როგორ ვიყენებთ მას

 

● CSS თვისებების მიმოხილვა,
● HTML თეგების მიმოხილვა,
● რა არის კლასი და როგორ გამოვიყენოთ ის

 

 

ლექცია 4: Box Model

 

● რა არის Box Model და რა კომპონენტებისგან შედგება ის
● CSS თვისებების მიმოხილვა

 

 

ლექცია 5: ვებ ფონტებთან მუშაობა და ვერსიის კონტროილი

 

● ვებ ფონტები და აიქონები
● GIT ვერსიის კონტრილი

 

 

ლექცია 6: ცხრილებისა და ფორმების გამოყენება პროექტში

 

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

 

 

ლექცია 7: CSS ფსევდო კლასები და ფსევდო ელემენტები

 

● რა არის ფსეუდო ელემენტი და კლასი
● როდის და როგორ გამოვიყენებთ მათ

 

 

ლექცია 8: CSS პოზიციებით მანიპულირება და შესავალი bootstrap-ის ბიბლიოთეკაში

 

● Css პოზიციები და მათ მეშვეობით ობიექტების მანიპულირება.
● bootstrap-ის იბლიოთეკა და მასში შემავალი კომპონენტები

 

 

ლექცია 9: CSS პრეპროცესორი, SCSS. CSS ანიმაციები და მეტა თეგები

 

● რა არის SCSS და რისთვის გამოიყენება ის.
● მისი დაყენება და გამრთვა.
● SCSS-ის კომპონენტები და წერის სტილი
● რა არის მეტა მონაცემები?
● მონაცემების ოპტიმიზაცია სოციალური ქსელებისა და საძიებო სისტემებისათვის
● ვებ გვერდის მორგება სხვადასხვა ეკრანებზე.
● რა არის ანიმაციებიდა როგორ გამოვიყენოთ ისინი

 

 

ლექცია 10: FlexBox-ის გამოყენება რესპონსიული დიზაინის ასაწყობად

 

● რა არის flexbox
● როგორ გამოვიყენოთ ის რესპონსიული ვებ გვერდის ასაწყობად
● CSS თვისებების მიმოხილვა

 

 

1-ლი შეხვედრა უფასოა - დაესწარი!