იმისათვის, რომ დაიწყოთ თქვენი fullstack კარიერა, აუცილებალია სრულყოფილად ფლობდებთ HTML, CSS ენებსა და მათ საფუძვლებს, რომელთა დახმარებითაც შეძლებთ ააწყოთ სტატიკური ვებ გვერდები.
ჩემი გამომწერების და საიტის მომხმარებლების მოთხოვნით, გადავწყვიტე შემექმნა კურსი, რომლის ფარგლებშიც პირადად მე ვიქნები თქვენი მენტორი და შევეცდები გაგიზიაროთ ჩემი ცოდნა და გამოცდილება.
ლექციები ჩატარდება კვირაში 2 დღე და მათი ხანგრძლივობა შეადგენს 1,5 საათს. შევხვდებით ონლაინ, ტელეგრამის საშუალებით, ასევე ჩავიწერთ ყველა ლექციას Full HD ფორმატში და გამოგიგზავნით ლექციის დასრულების შემდგომ.
კურსის სრული ხანგრძლივობა შეადგენს 22 საათს, რომლის ფარგლებშიც შეისწავლით HTML, CSS ენებს და მათი დახმარებით სტატიკური ვებ-გვერდების აწყობას.
კურსის დასრულების შემდეგ, სრულყოფილად შეძლებთ ააწყოთ კომპლექსური ვებ გვერდები.
*კურსის დასაწყებად აუცილებელია დარეგისტრირდეს მინიმუმ 10 სტუდენტი.
🤔 გაქვს კითხვები? 👉🏻 მომწერე აქ
*იმ შემთხვევაში, თუ კურსი არ მოგეწონებათ გადახდილი თანხა მთლიანად აგინაზღაურდებათ
რა მოხდება კურსის დასრულების შემდეგ?
* ყველაფერი ზუსტად ისევ ისე იქნება შენზე დამოკიდებული, როგორც აქამდე იყო, თუმცა თუ ეს პროფესია ნამდვილად შენთვისაა, შეიძენ საჭირო ცოდნას, დააგროვებ საჭირო დოკუმენტაციასთან მუშაობის გამოცდილებას, შეიქმნი სწორ წარმოდგენებს მომავალზე, გადადგავ პირველ კარიერულ ნაბიჯებს და რაც მთავარია, არ დარჩები მოტყუებული ფუჭი დაპირებებით.
* დეველოპმენტის სწავლა მარტივი არ არის, თუმცა სურვილის და მონდომების შემთხვევაში აუცილებლად გამოგივა, ჩემი მიზანია დაგეხმარო.
* ყველა დეველოპერი ვერ გახდება, რადგან ისევე როგორც სხვა პროფესიები, გარკვეულ უნარებს მოითხოვს, თუმცა ცდად ნამდვილად ღირს.
* რამდენად სწრაფად დასაქმდები და რამდენ ნიშნიანი ხელფასი გექნება, შენს მონდომებაზეა დამოკიდებული, კურსის ფარგლებში მაქსიმალურად გაგიზიარებ ჩემს გამოცდილებას.
კურსის განმავლობაში შეისწავლით:
ლექცია 1 | როგორ მუშაობს ვებსაიტი |
რა არის HTML და CSS | |
სამუშაო გარემოს მომზადება | |
ბრაუზერის დეველოპერის ხელსაწყოები | |
რა არის HTML თეგი, პირველი საიტის აწყობა | |
დავალება | |
ლექცია 2 | HTML-ის ატრიბუტები |
class ატრიბუტი და მისი თავისებურებები | |
id ატრიბუტი და მისი თავისებურებები | |
style ატრიბუტი, CSS-ის შესავალი | |
ელემენტების საწყისი (default) მნიშვნელობები და box model (margin, padding, box-sizing, border) | |
დავალება | |
ლექცია 3 | CSS-ის სელექტორები |
CSS-ის იმპორტი, CSS-ის ცვლადები | |
ბლოკური, ინლაინ, და ბლოკურ-ინლაინი ელემენტები | |
HTML ფორმები და მისი ელემენტები | |
CSS-ის ფსევდო სელექტორები | |
დავალება | |
ლექცია 4 | ტიპოგრაფია, ფონტებთან მუშაობა |
ვებ ფონტების კონვერტაცია | |
CSS position თვისება | |
რელაციური(relative) პოზიციის გამოყენება | |
ფიქსირებული(fixed) პოზიციის გამოყენება | |
აბსოლუტ პოზიციის(absolute) გამოყენება | |
სტიკი პოზიციის(sticky) გამოყენება | |
დავალება | |
ლექცია 5 | display: flex; თვისება |
flex container-ის თვისებების გამოყენება | |
flex item-ების თვისებების გამოყენება | |
gap თვისების გამოყენება პრაქტიკაში | |
პრაქტიკული მაგალითები flexbox-ზე | |
დავალება | |
ლექცია 6 | display: grid; თვისება |
grid container-ის თვისებების გამოყენება | |
grid item-ების თვისებების გამოყენება | |
პრაქტიკული მაგალითები grid-ზე | |
დავალება | |
ლექცია 7 | რა არის რესპონსივი და რაში გამოიყენება |
@media query-ების განხილვა | |
რესპონსიული საიტის მაგალითები | |
რეპონსიული საიტის აწყობა | |
დავალება | |
ლექცია 8 | CSS ანიმაციების შესავალი |
keyframe ტიპის ანიმაციები | |
transition თვისება | |
transform თვისება | |
ანიმაციური ელემენტების პრაქტიკული გამოყენება | |
დავალება | |
ლექცია 9 | ცხრილებთან მუშაობა |
ლისტებთან მუშაობა | |
სურათებთან მუშაობა და მისი პრაქტიკული სავარჯიშოები | |
ფონებთან მუშაობა და მისი პრაქტიკული სავარჯიშოები | |
დავალება | |
ლექცია 10 | რა არის ჯავასკრიპტი (შესავალი) |
ფინალური პროექტის დავალება | |
ფინალური პროექტის დაგეგმვა | |
შემდგომი ნაბიჯები | |
დავალება | |
ლექცია 11 | figma-სთან მუშაობა და დიზაინის წაკითხვა |
figma-ში არსებული დიზაინის აწყობა კოდში |