შესავალი HTML & CSS-ში
ისწავლეთ HTML და CSS-ის საფუძვლები და შექმენით თანამედროვე, რეზპონსიული ვებგვერდები ნულიდან.
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
კურსის ბოლოს თქვენ შეძლებთ
- რესპონსიული გვერდების შექმნა
- სემანტიკური და ხელმისაწვდომი ვერსტка
- თანამედროვე CSS განლაგებების გამოყენება
- Frontend ფრეიმვორკებისათვის მომზადება
- ვებ-სტანდარტების გაგება
გერგებათ ეს კურსი?
ეს თქვენთვისაა, თუ თქვენ…
- frontend-ს ნულიდან იწყებ და გინდა საფუძველი, რომელიც ფრემვორკის შეცვლისას არ ჩაიშლება
- ცვლი პროფესიას და კოდის ვიზუალური მხარე გიყვარს — ყოველი ცვლილება ეკრანზე ჩანს
- მოგვიანებით გადახვალ React/Vue-ზე, მაგრამ გესმის: ეს ფრემვორკები HTML-სა და CSS-ს წარმოქმნიან, ანუ უნდა იცოდე, რას წარმოქმნიან
არ აიღოთ ეს კურსი, თუ…
- გინდა პირდაპირ React-ში გადახტომა HTML/CSS-ის გარეშე — უფრო სწრაფად მიხვალ, მაგრამ ქვიშაზე ააშენებ
- ელი ლამაზი საიტების შექმნას დიზაინის სწავლის გარეშე — ეს კურსი ტექნიკურ ფენაზეა; ვიზუალური დიზაინი ცალკე დისციპლინაა
- უკვე კომფორტული frontend დეველოპერი ხარ — აქ არაფერია, რაც არ იცი. აიღე JavaScript კურსი (#11)
ვინ კითხულობს
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
ოლექსი ანჟიაკი — სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და ToyCRM.com-ისა და ProfectusLab-ის თანადამფუძნებელი. 15+ წლიანი გამოცდილებით, ის სპეციალიზირდება განაწილებულ სისტემებში, cloud ინფრასტრუქტურაში, მაღალი დატვირთვის backend-ში და იდენტობის პლატფორმებში. ქმნის უსაფრთხო ავტენტიფიკაციის სისტემებს, არქიტექტურულ გადაწყვეტებს და თანამედროვე საგანმანათლებლო პროგრამებს, რომლებიც სტუდენტებს კარიერულ წინსვლაში ეხმარება.
ამჟამად ხელმძღვანელობს ToyCRM.com-ის არქიტექტურას — multi-tenant CRM პლატფორმას .NET-ზე, რომელსაც ჩვენი გუნდი აშენებს. იგივე პატერნები და დიზაინ-გადაწყვეტილებები, რომლებიც იქ გამოიყენება, პირდაპირ ჩნდება კურსებშიც: identity & auth, განაწილებული სერვისები, code review-ის კულტურა. სწავლობ ინჟინრებთან, რომლებიც აქტიურად უშვებენ production-კოდს, არა სახელმძღვანელოდან.
სილაბუსი
ეს კურსი მოიცავს HTML-ისა და CSS-ის ძირითად საფუძვლებს:
- 1 მოდული 1: შესავალი HTML-ში
- 2 მოდული 2: მუშაობა სურათებთან
- 3 მოდული 3: ცხრილები და სიის ელემენტები
- 4 მოდული 4: Div და Span ელემენტები
- 5 მოდული 5: CSS-ის საფუძვლები
- 6 მოდული 6: მეტა თეგები
- 7 მოდული 7: ფორმები
- 8 მოდული 8: CSS ანიმაციები
- 9 მოდული 9: პრაქტიკული სამუშაო და კითხვები-პასუხები
წინაპირობები
კომპიუტერთან მუშაობის ძირითადი უნარები და სწავლის სურვილი. სასწავლო მასალები თქვენ ნაბიჯ-ნაბიჯ გაიძღვება.
წინასწარი გამოცდილება არ არის საჭირო.
რას ააშენებთ
გადიხარ პირადი პორტფოლიო-საიტით, რომელიც თვითონ ააწყვე და გაუშვი — სემანტიკური HTML, თანამედროვე Flexbox/Grid, ადაპტიური ტელეფონზე. პირველი, რასაც frontend-რეკრუტერი ხსნის, არის კანდიდატის პორტფოლიოს საიტი; ეს კურსი უზრუნველყოფს, რომ ეს კლიკი მათ არ გაუცრუებს.
- სემანტიკური HTML5
- CSS სელექტორები და box model
- Flexbox და Grid
- რესპონსიული დიზაინი
- ხელმისაწვდომობის საფუძვლები
- ტიპოგრაფია და ფერები
- Mobile-first მიდგომა
სად დევს თქვენს კარიერაში
კურსის პარალელურად წასაკითხი
ამ კურსზე მიბმული ღრმა სტატია ჯერ არ გვაქვს. მთელი ბლოგის გახსნა
პირველი გაკვეთილი ჩვენი ხარჯითაა. გადაწყვიტე ინსტრუქტორთან გაცნობის შემდეგ.
ჩაერთე პირველ სესიაზე. თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ ინსტრუქტორი არ გერგო — მისთვის არ იხდი, არცერთი უხერხული საუბრის გარეშე. (საცდელი მოქმედებს იმ კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია; ეს კურსი ერგება.)
ფასი და რა შედის
რა შედის
- 9 ცოცხალი სესია × 2 საათი — მასწავლებელი ცოცხლად ატარებს, არა ჩანაწერი
- სლაიდები თითოეული სესიისთვის — შენთან რჩება და ნებისმიერ დროს შეგიძლია გადახედო
- მუშა კოდის ფაილები და data-ფაილები გაკვეთილიდან — შენს მანქანაზე იქნება დაკლონილი
- ყოველკვირეული სავალდებულო პერსონალური კოდის გადახედვით მასწავლებლისგან
- ჩაწერა მოთხოვნით — წინასწარ აცნობე მასწავლებელს („სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ") და გაკვეთილი შენთვის ჩაიწერება
ხშირად დასმული კითხვები
რამდენ საათს მოითხოვს კვირაში?
გათვალე ცოცხალი სესიები პლუს დაახლოებით 1.5–2 საათი პრაქტიკისთვის თითოეულზე. სტუდენტების უმრავლესობა, ვინც გრაფიკში თავსდება, კვირაში 4–6 საათს ხარჯავს. ნაკლებიც მუშაობს — უბრალოდ მეტი დრო სჭირდება.
რა ხდება თუ გაკვეთილს გავაცდენ?
უთხარი მასწავლებელს გაკვეთილამდე — „სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ" — და მასწავლებელი ჩაწერს ამ გაკვეთილს და გამოგიგზავნის. ჩანაწერები არ არის ავტომატური არქივი; ისინი მოთხოვნით კეთდება, როცა წინასწარ გვაცნობებ. გაკვეთილის შემდეგ გააკეთე სავალდებულო, შემდეგ სესიაზე კი მოდი კითხვებით.
რა შედის ფასში?
ცოცხალი სესიები მასწავლებელთან; სლაიდები თითოეული სესიისთვის (შენი რჩება); მუშა კოდის ფაილები და ნებისმიერი data-ფაილი, რომელიც გაკვეთილზე გამოვიყენეთ; ყოველკვირეული დავალება კოდის გადახედვით; და იმ სესიების ჩანაწერები, რომელზეც წინასწარ გაგვიფრთხილე. ყველაფერი დანარჩენი — სერთიფიკატი, alumni-წვდომა, mock ინტერვიუ — ცალსახად ჩამოთვლილია „რა შედის"-ში FAQ-ის ზემოთ იმ კურსებზე, სადაც ეს მოქმედებს.
და თუ ჩავეწერე და მასწავლებელი არ მერგო?
კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია, პირველი სესია ფაქტობრივად საცდელია — თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ მასწავლებელი არ გერგო, მისთვის არ იხდი. სჯობს ერთი გაკვეთილის მერე წახვიდე, ვიდრე 9 კვირა იტანო ცუდი კავშირი. (5 ან ნაკლები გაკვეთილის კურსები ძალიან მოკლეა — საცდელი შეთავაზება იქ აზრს კარგავს, ჩვეულებრივი ფასი მოქმედებს.)
შეიძლება თანხის უკან დაბრუნება, თუ შუაში მივატოვებ?
დიახ — სანამ კურსის ნახევარზე მეტი გამოუყენებელია (ანუ ნაკლებად ვიდრე 50% გაკვეთილისა გაიარე). თანხის დაბრუნება — გამოუყენებელ ნაწილზე პროპორციულად. შუა გზის შემდეგ აღარ ვაბრუნებთ — ვთვლით, რომ ღირებულება უკვე მიწოდებულია.
შემიძლია სასწავლო ენის შეცვლა?
ცოცხალი სესიები მიმდინარეობს იმ ენაზე, რომელიც ზემოთ ბლოკში „ხელმისაწვდომი ენები"-ა მითითებული. სლაიდები და კოდის ფაილები ჩვეულებრივ ხელმისაწვდომია ოთხივე ენაზე (ინგლისური, რუსული, უკრაინული, ქართული). ბევრი სტუდენტი უსმენს ერთ ენაზე და კითხულობს მეორეზე — ეს ნორმალურია.
მზად ვიქნები რეალური სამუშაოსთვის კურსის შემდეგ?
ერთი კურსი იშვიათად ანიჭებს ვინმეს სამუშაოს თვითონ — არცერთ სფეროში. ეს კურსი გაძლევს იმ საფუძველს, რომელსაც junior-დაქირავების მენეჯერი ელის: საკუთარი ხელით დაწერილი მუშა კოდი, ლექსიკა სხვისი კოდის წასაკითხად და ჩვევები, რომელიც გხდის დასაქირავებელ. გულახდილი პასუხი კითხვაზე „მზად ვარ?" ჩვენს roadmap-ზეა (ბმული გვერდის თავში) — გახსენი ის დონე, რომელზეც გინდა მისვლა, და წაიკითხე ჩეკლისტი „მზად ხარ, როცა…".
შემიძლია განვადებით გადახდა?
დიახ იმ კურსებისთვის, რომლებსაც ზედა ზოლში „ყოველთვიური გადახდა"-ა მითითებული — ჩვეულებრივ ეს ორი ან სამი თანაბარი თანხაა. ის კურსები, რომლებსაც ეს ოპცია არ აქვთ, ერთჯერად უნდა გადაიხადო. თუ ფასი ბარიერია, მოგვწერე — თითოეულ ქეისს ცალკე ვიხილავთ.
ეს ასევე შეიძლება მოგეწონოთ
შესავალი HTML5 და CSS3-ში
ისწავლეთ HTML5 და CSS3-ის თანამედროვე სტანდარტები: სემანტიკური მარკაპი, Canvas, მულტიმედია, WebSockets, WebStorage, ანიმაციები და რეზპონსიული დიზაინი.
შესავალი JavaScript-ში
ისწავლეთ JavaScript ნულიდან: სინტაქსი, ლოგიკა, მასივები, ფუნქციები, ობიექტები, אירועები, DOM, AJAX და მონაცემების შენახვა კლიენტის მხარეს. მყარი საფუძველი frontend დეველოპმენტისთვის.
შესავალი ASP.NET Core-ში
ისწავლეთ ASP.NET Core-ის საფუძვლები: თანამედროვე backend დეველოპმენტი, DI, როუტინგი, კონტროლერები, REST API და გაშვება.