შესავალი HTML5 და CSS3-ში
ისწავლეთ HTML5 და CSS3-ის თანამედროვე სტანდარტები: სემანტიკური მარკაპი, Canvas, მულტიმედია, WebSockets, WebStorage, ანიმაციები და რეზპონსიული დიზაინი.
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
კურსის ბოლოს თქვენ შეძლებთ
- რთული რესპონსიული ლეიაუტების შექმნა
- ანიმირებული UI კომპონენტების შექმნა
- HTML5 შესაძლებლობების გამოყენება
- მასშტაბირებადი CSS არქიტექტურა
- UX და წარმადობის გაუმჯობესება
გერგებათ ეს კურსი?
ეს თქვენთვისაა, თუ თქვენ…
- გაიარე HTML/CSS-ის საფუძვლების კურსი (#6) და გინდა შემდეგი ფენა — ანიმაციები, თანამედროვე ლეიაუტები, სემანტიკური HTML5
- მობეზრდა CSS-ის სპეციფიკურობის ომები და გინდა ნამდვილი არქიტექტურა (BEM, scoped styles, design tokens)
- უკვე შეგიძლია სტატიკური გვერდის შექმნა და ახლა გინდა, რომ ის 2026-ისავით გამოიყურებოდეს, არა 2014-ისავით
არ აიღოთ ეს კურსი, თუ…
- frontend-ს ნულიდან იწყებ — ჯერ #6, ეს კურსი გულისხმობს, რომ უკვე წერ საბაზისო HTML/CSS-ს
- ფიქრობ რომ CSS „უბრალოდ ფერები და შრიფტებია" — კურსის ნახევარი ლეიაუტ-სისტემურ აზროვნებაზეა, და ეს ყველაზე რთული ნაწილია
- გინდა საერთოდ გამოტოვო CSS და UI ფრემვორკზე იყო — შეიძლება, მაგრამ ჭერს მიხვალ, როცა რამე custom დაგჭირდება
ვინ კითხულობს
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
ოლექსი ანჟიაკი — სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და ToyCRM.com-ისა და ProfectusLab-ის თანადამფუძნებელი. 15+ წლიანი გამოცდილებით, ის სპეციალიზირდება განაწილებულ სისტემებში, cloud ინფრასტრუქტურაში, მაღალი დატვირთვის backend-ში და იდენტობის პლატფორმებში. ქმნის უსაფრთხო ავტენტიფიკაციის სისტემებს, არქიტექტურულ გადაწყვეტებს და თანამედროვე საგანმანათლებლო პროგრამებს, რომლებიც სტუდენტებს კარიერულ წინსვლაში ეხმარება.
ამჟამად ხელმძღვანელობს ToyCRM.com-ის არქიტექტურას — multi-tenant CRM პლატფორმას .NET-ზე, რომელსაც ჩვენი გუნდი აშენებს. იგივე პატერნები და დიზაინ-გადაწყვეტილებები, რომლებიც იქ გამოიყენება, პირდაპირ ჩნდება კურსებშიც: identity & auth, განაწილებული სერვისები, code review-ის კულტურა. სწავლობ ინჟინრებთან, რომლებიც აქტიურად უშვებენ production-კოდს, არა სახელმძღვანელოდან.
სილაბუსი
კურსი მოიცავს HTML5 და CSS3-ის თანამედროვე ტექნოლოგიებს:
- 1 მოდული 1: სემანტიკური მარკაპი
- 2 მოდული 2: Canvas-ის გამოყენება
- 3 მოდული 3: ვიდეო და აუდიო
- 4 მოდული 4: Geolocation API
- 5 მოდული 5: ახალი form ელემენტები
- 6 მოდული 6: კომუნიკაციის API-ები
- 7 მოდული 7: WebSockets
- 8 მოდული 8: WebWorkers
- 9 მოდული 9: WebStorage
- 10 მოდული 10: ოფლაინ აპლიკაციები
- 11 მოდული 11: შესავალი CSS3-ში
- 12 მოდული 12: ტექსტის სტილები CSS3-ში
- 13 მოდული 13: ფსევდოკლასები და სტილები
- 14 მოდული 14: გრადიენტები, ტრანსფორმაციები და ანიმაცია
- 15 მოდული 15: რეზპონსიული ვებ-დიზაინი
წინაპირობები
კომპიუტერთან მუშაობის ძირითადი უნარები და სწავლის სურვილი. სასწავლო მასალები თქვენ ნაბიჯ-ნაბიჯ გაიძღვება.
წინასწარი გამოცდილება საჭირო არ არის.
რას ააშენებთ
გადიხარ თანამედროვე frontend უნარებით, რომლებიც დღეს რეალურად გამოიყენება: ანიმირებული UI კომპონენტები, მრავალსვეტიანი ლეიაუტები, რომლებიც ნებისმიერ ეკრანს უძლებენ, ხელმისაწვდომი მარკაპი, performance-მცოდნე CSS. ეს ის დონეა, რომელზეც CV-ს იწყებენ გადარჩევას junior frontend როლებისთვის.
- CSS ანიმაციები და ტრანზიციები
- Flexbox და Grid მოწინავე გამოყენება
- HTML5 API-ები (storage, media, canvas)
- რესპონსიული UI პატერნები
- CSS ცვლადები და თემები
- ოპტიმიზირებული სტილები
- ხელმისაწვდომი კომპონენტები
სად დევს თქვენს კარიერაში
კურსის პარალელურად წასაკითხი
ამ კურსზე მიბმული ღრმა სტატია ჯერ არ გვაქვს. მთელი ბლოგის გახსნა
პირველი გაკვეთილი ჩვენი ხარჯითაა. გადაწყვიტე ინსტრუქტორთან გაცნობის შემდეგ.
ჩაერთე პირველ სესიაზე. თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ ინსტრუქტორი არ გერგო — მისთვის არ იხდი, არცერთი უხერხული საუბრის გარეშე. (საცდელი მოქმედებს იმ კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია; ეს კურსი ერგება.)
ფასი და რა შედის
რა შედის
- 15 ცოცხალი სესია × 2 საათი — მასწავლებელი ცოცხლად ატარებს, არა ჩანაწერი
- სლაიდები თითოეული სესიისთვის — შენთან რჩება და ნებისმიერ დროს შეგიძლია გადახედო
- მუშა კოდის ფაილები და data-ფაილები გაკვეთილიდან — შენს მანქანაზე იქნება დაკლონილი
- ყოველკვირეული სავალდებულო პერსონალური კოდის გადახედვით მასწავლებლისგან
- ჩაწერა მოთხოვნით — წინასწარ აცნობე მასწავლებელს („სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ") და გაკვეთილი შენთვის ჩაიწერება
ხშირად დასმული კითხვები
რამდენ საათს მოითხოვს კვირაში?
გათვალე ცოცხალი სესიები პლუს დაახლოებით 1.5–2 საათი პრაქტიკისთვის თითოეულზე. სტუდენტების უმრავლესობა, ვინც გრაფიკში თავსდება, კვირაში 4–6 საათს ხარჯავს. ნაკლებიც მუშაობს — უბრალოდ მეტი დრო სჭირდება.
რა ხდება თუ გაკვეთილს გავაცდენ?
უთხარი მასწავლებელს გაკვეთილამდე — „სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ" — და მასწავლებელი ჩაწერს ამ გაკვეთილს და გამოგიგზავნის. ჩანაწერები არ არის ავტომატური არქივი; ისინი მოთხოვნით კეთდება, როცა წინასწარ გვაცნობებ. გაკვეთილის შემდეგ გააკეთე სავალდებულო, შემდეგ სესიაზე კი მოდი კითხვებით.
რა შედის ფასში?
ცოცხალი სესიები მასწავლებელთან; სლაიდები თითოეული სესიისთვის (შენი რჩება); მუშა კოდის ფაილები და ნებისმიერი data-ფაილი, რომელიც გაკვეთილზე გამოვიყენეთ; ყოველკვირეული დავალება კოდის გადახედვით; და იმ სესიების ჩანაწერები, რომელზეც წინასწარ გაგვიფრთხილე. ყველაფერი დანარჩენი — სერთიფიკატი, alumni-წვდომა, mock ინტერვიუ — ცალსახად ჩამოთვლილია „რა შედის"-ში FAQ-ის ზემოთ იმ კურსებზე, სადაც ეს მოქმედებს.
და თუ ჩავეწერე და მასწავლებელი არ მერგო?
კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია, პირველი სესია ფაქტობრივად საცდელია — თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ მასწავლებელი არ გერგო, მისთვის არ იხდი. სჯობს ერთი გაკვეთილის მერე წახვიდე, ვიდრე 9 კვირა იტანო ცუდი კავშირი. (5 ან ნაკლები გაკვეთილის კურსები ძალიან მოკლეა — საცდელი შეთავაზება იქ აზრს კარგავს, ჩვეულებრივი ფასი მოქმედებს.)
შეიძლება თანხის უკან დაბრუნება, თუ შუაში მივატოვებ?
დიახ — სანამ კურსის ნახევარზე მეტი გამოუყენებელია (ანუ ნაკლებად ვიდრე 50% გაკვეთილისა გაიარე). თანხის დაბრუნება — გამოუყენებელ ნაწილზე პროპორციულად. შუა გზის შემდეგ აღარ ვაბრუნებთ — ვთვლით, რომ ღირებულება უკვე მიწოდებულია.
შემიძლია სასწავლო ენის შეცვლა?
ცოცხალი სესიები მიმდინარეობს იმ ენაზე, რომელიც ზემოთ ბლოკში „ხელმისაწვდომი ენები"-ა მითითებული. სლაიდები და კოდის ფაილები ჩვეულებრივ ხელმისაწვდომია ოთხივე ენაზე (ინგლისური, რუსული, უკრაინული, ქართული). ბევრი სტუდენტი უსმენს ერთ ენაზე და კითხულობს მეორეზე — ეს ნორმალურია.
მზად ვიქნები რეალური სამუშაოსთვის კურსის შემდეგ?
ერთი კურსი იშვიათად ანიჭებს ვინმეს სამუშაოს თვითონ — არცერთ სფეროში. ეს კურსი გაძლევს იმ საფუძველს, რომელსაც junior-დაქირავების მენეჯერი ელის: საკუთარი ხელით დაწერილი მუშა კოდი, ლექსიკა სხვისი კოდის წასაკითხად და ჩვევები, რომელიც გხდის დასაქირავებელ. გულახდილი პასუხი კითხვაზე „მზად ვარ?" ჩვენს roadmap-ზეა (ბმული გვერდის თავში) — გახსენი ის დონე, რომელზეც გინდა მისვლა, და წაიკითხე ჩეკლისტი „მზად ხარ, როცა…".
შემიძლია განვადებით გადახდა?
დიახ იმ კურსებისთვის, რომლებსაც ზედა ზოლში „ყოველთვიური გადახდა"-ა მითითებული — ჩვეულებრივ ეს ორი ან სამი თანაბარი თანხაა. ის კურსები, რომლებსაც ეს ოპცია არ აქვთ, ერთჯერად უნდა გადაიხადო. თუ ფასი ბარიერია, მოგვწერე — თითოეულ ქეისს ცალკე ვიხილავთ.
ეს ასევე შეიძლება მოგეწონოთ
შესავალი HTML & CSS-ში
ისწავლეთ HTML და CSS-ის საფუძვლები და შექმენით თანამედროვე, რეზპონსიული ვებგვერდები ნულიდან.
შესავალი JavaScript-ში
ისწავლეთ JavaScript ნულიდან: სინტაქსი, ლოგიკა, მასივები, ფუნქციები, ობიექტები, אירועები, DOM, AJAX და მონაცემების შენახვა კლიენტის მხარეს. მყარი საფუძველი frontend დეველოპმენტისთვის.
შესავალი ASP.NET Core-ში
ისწავლეთ ASP.NET Core-ის საფუძვლები: თანამედროვე backend დეველოპმენტი, DI, როუტინგი, კონტროლერები, REST API და გაშვება.