ვებ პროგრამირების კურსი
სალომე გაჩეჩლაძე
"Frontend პროგრამირების საბაზისო კურსის განმავლობაში ვიქნები შენი მასწავლებელი, მეგობარი და მრჩეველი. მაქსიმალურად ვეცდები ინტენსიური კურსის განმავლობაში გაგიზიარო ჩემს მიერ დაგროვილი ცოდნა, გამოცდილება და ინფორმაცია. მაქსიმალურად ვეცდები შეგიქმნა მეგობრული და ხალისიანი გარემო, სადაც სწავლის პროცესი სასიამოვნო იქნება."
გამოცდილება
ვებ დეველოპმენტის სფეროში 2017 წლიდან ვარ. ამ პერიოდის განმავლობაში ვმუშაობდი როგორც Front-end Web Developer სხვადახვა კომპანიებში, მათ შორის Dorado Development, National Geographic Georgia და მისთ.
პარალელურად ვცდილობ ჩემი ცოდნა გავუზიარო დამწყებ დეველოპერებს და სწორი მიმართულება მივცე განვითარებისთვის. სხვადასხვა პერიოდში მიმუშავია საპასუხისმგებლო პოზიციებზე:
- ვებ პროგრამირების ლექტორი (საქართველოს უნივერსიტეტის კოლეჯი)
- ვებ დეველოპმენტის (HTML, CSS, JS) მენტორი (ციფრული ინდუსტრიის აკადმია)
- ვებ დეველოპმენტის ლექტორი(ჯეოლაბი)
- ვებ დეველოპმენტის კურსის ხელმძღვანელი(კრეატიული ტექნოლოგიების ცენტრი)
- მიწვეული პედაგოგი ვებ პროგრამირების მიმართულებით(თბილისის სახელმწიფო უნივერსიტეტი)
- კომპიუტერული ტექნოლოგიების სერტიფიცირებული მასწავლებელი (ბაქსვუდის სკოლა) (ბრიტანულ-ქარული აკადემია) (სკოლა ჯეო სქაი)
- ინგლისური ენის პედაგოგი(იტალია, ITCG BAGGI)
ჩემი თვითმიზანი დამწყები ვებ დეველოპერებისთვის სწორი მიმართულების ჩვენებაა. მაქსიმალურად ვცდილობ ყველა სტუდენტს მივუდგე ინდივიდუალურად და მისი მცირე მოტივაცია, გახდეს ვებ დეველოპერი, სიოსაგან ქარიშხლად ვაქციო.
გაინტერესებს რას გასწავლი კურსის განმავლობაში?
თუ შენს გარშემო ყველა პროგრამირებას სწავლობს და შენც გინდა საკუთარი შესაძლებლობი გამოსცადო ამ სფროში, მაშინ გილოცავ! სწორ ადგილას მოხვდი. ჩემი კურსის ფარგლებში შენ ისწავლი:
ვებ დეველოპმენტის საფუძვლებს
markup ენებს, როგორიცაა: HTML და CSS
პროგრამირების ენას JavaScript
ვერსიების კონტროლის სისტემასთან, GitHub-თან მუშაობას
ყველაზე ხშირად გამოყენებად ბიბლიოთეკას Bootstrap-ს
დიზაინის გარჩევას Figma-ში და მასთან მუშაობას
შენ აღამოაჩენ ვებ გვერდების სამყაროს და ბოლოს და ბოლოს გაიგებ, ნამდვილად გინდა თუ არა ეს ცნობილი
"ვებ დეველოპერობა"?
HTML
ისწავლი HTML5-ის თანამდეროვე თეგებს და შეგეძლება გაარჩიო ისინი ძველი სტილის თეგებისგან. თავად შეძლებ შექმნა ნებისმიერი სირთულის სტრუქტურის გვერდი.
CSS
ისწავლი CSS3-ის ძირითად პრინციპებს. გაიგებ ისეთი თანამდეროვე გასტილვის ხელსაწყოების შესახებ როგორიცაა: Grid, Flex და სხვა...
JavaScript
ისწავლი JavaScript6-ის ანუ ES6-ის საწყისებს. გაეცნობი პროგრამირების ენას და აითვისებ ოპერატორებს, ციკლებს, პირობით გამოსახულებებს. ფიქრს ლოგიკურად დაიწყებ და ვებ გვერდს დინამიურობას შესძენ შენი ძალებით.
GitHib, Git
პროექტს ატვირთავ სივრცეში, სადაც გააკონტოლებ მის ვერსიებსა და განვითარებას. შეძლებ შექმნა ლაივ ლინკი და მთელ სამყაროს წარუდგინო პროექტი. ისწავლის გითჰაბზე რეპოს შექმნას, პროექტის ატვირთვა ჩამოტვირთვას და სხვა.
BOOTSTRAP
ბუტსტრაპი ერთ-ერთი ყველაზე ხშირად გამოყენებადი HTML-სა და CSS-ის framework-ია და მისი ცოდნა დაგიზოგავს დროსა და ენერგიას ვებ გვერდის აწყობის პროცესში. ბუტსტრაპის დახმარებით შენ ააწყობ მოქნილ და ნებისმიერი სირთულის დიზაინის გვერდებს.
FIGMA
Figma არის UI/UX დიზინის შესაქმნელად ყველაზე ხშირად გამოყენებადი აპლიკაცია. იცოდი, რომ ვებ დიზაინერები სწორედ ფიგმას ფაილის მიხედვით გიგზავნიან იმ ვებ გვერდის დიზაინს, რომელიც უნდა ააწყო?
სილაბუსი
სემინარი 1 - შესავალი HTML-ში
- ვებ გვერდის მუშაობის პრინციპი
- ედიტორების გარჩევა კოდის წერისთვის
- HTML-ის ანატომია
- ფაილებისა და ფოლდერების ორგანიზება პროექტისთვის
- HTML თეგების შემოტანა
- Chrome Devtools
სემინარი 2 - შესავალი CSS-ში
- სტილების ფაილის შემოტანა (CSS)
- ბმულის ასახვა ვებ გვერდზე
- რელატიური კავშირი HTML ელემენტებს შორის
- HTML ატრიბუტები
- სტილებთან მუშაობა
სემინარი 3 - CSS ბოქს მოდელი და ტექტის ფორმატები
- CSS ბოქს მოდელი
- HTML / CSS კომენტარი
- ფსევდო კლასები ტექსტის ფორმატირებისთვის
- ტექსტის სტლებთან/ფონტებთან მუშაობა
- სურათის ასახვა
- კოდის ვალიდაცია
სემინარი 4 - დიზაინი და ელემენტების ჰორიზონტალური წყობა
- FIGMA-ში მუშაობის პრინციპები
- ბლოკური და ხაზოვანი ელემენტები
- ნავიგაციის შემოტანა
- ელემენტების ჰორიზონტალურად განლაგება - float
- ბრაუზერის სტილების განულება - reset css
სემინარი 5 - ფსევდო კლასები და სტილები
- ფსევდო კლასები
- border, border radius, tranform property
- ჩრდილები - box-shadow / text-shadow
- background image და მისი მართვის პარამეტრები
- HTML ელემენტის პოზიციონირება
სემინარი 6 - FLEXBOX
- აიქონების შემოტანა სურათად და ტექსტად
- ჰოვერის ეფექტი
- transition property
- keyframe ანიმაციები
- flexbox-ის გარჩევა
სემინარი 7 - github
- Parallax Effect
- git - ვერსიების კონტროლის სისტემა - მუშაობის პრინციპი
- github-ზე რეგიტრაცია
- რეპოსიტორის შექმნა, პროექტის ატვირთვა/ჩამოტვირთვა, ცვლილებების შეტანა
- პროექტის აბსოლუტური მისამართის გენერირება
სემინარი 8 - რესფონსივი, ფორმები
- ვებ გვერდის რესფონსიული წყობა
- breakpoints, toggle device toolbar
- autoprefixer-ის დამატება
- ფორმები და მისი მართვის პარამეტრები
- სარეგისტრაციო ფორმის აწყობა
- action გვერდის დამატება
სემინარი 9 - Bootstrap
- Bootstrap-ის შესავალი, ნავიგაცია
- Bootstrap-ის ელემენტები - modal, collapse,
- Bootstrap კარუსელი
- Bootstrap ჩამოსაშლელი მენიუ
- Bootstrap ტაბები
სემინარი 10 - SEO ოპტიმიზაცია და css grid
- ფსევდო ელემენტები
- css grid layout
- SEO - ინფორმაციის ოპტიმიზაცია საძიებო სისტემებისთვის
- meta თეგები სოციალური ქსელებისთვის
- სლაიდერის შემოტანა
- რუკის შემოტანა
სემინარი 11 - შესავალი ჯავასკრიპტში
- ჯავასკრიპტის ფაილების ორგანიზება
- ცვლადები და მონაცემთა ტიპები და ტიპების კონვერტაცია
- ლოკალური და გლობალური გამომცხადებლები
- ოპერატორები, კონკატენაცია, ინკრემენტი, დეკრემენტი
- while და for ციკლები
სემინარი 12 - switch და DOM
- switch ოპერატორი
- string და tring-ის მეთოდები
- მარტივი კალკულატორის შექმნა
- Document Object Model - DOM
- DOM მანიპულაციები
- მარტივი ნავიგაციის გამოტანა ჯავასკრიპტიდან
სემინარი 13 - მასივები
- html ელემენტებთან მუშაობა
- პირობითი გამოსახულება
- მასივები და მეთოდები მასივებზე
- ნავიგაციის გამოტანა ჯავასკრიპტიდან - სრულად
სემინარი 14 - ივენთები
- მეთოდის შექმნა
- arrow function
- პარამეტრებიანი და უპარამეტრებო მეთოოდები
- events(onclick, focus,keydown)
- კალკულატორის გართულებული ვერსია
- burger bar-ის შექმნა და ფუნქციონალის გამართვა
- collapse შექმნა და გამართვა
სემინარი 15 - ობიექტები
- ობიექტის შექმნა
- ობიექტის property
- this მიმთითებელი
- რესგისტრაცია/ავტორიზაციის მაგალითი
სემინარი 16 - dark mode / light mode
- CSS ცვლადები
- dark mode/light mode ეფექტის გაკეთება ჯავასკრიპტის დახმარებით
- dark mode/light mode ეფექტის გმართვა HTML-დან
- დომეინისა და ჰოსტინგის გამოყენება
- საბოლოო პროექტების იდეების გენერირება
კურსის დაწყების თარიღი:
კურსის ხანგრძლოვობა
2 თვე
16 სემინარი
განრიგი
სამშაბათი (20:00 - 22:00)
ხუთშაბათი (20:00 - 22:00)
თუ გაინტერესებს როგორ ვხსნი მასალას, მაშინ
უყურე უფასო გაკვეთილს, როგორ გადააქციო დიზაინი რეალურ გვერდად