⭐ რეკომენდირებული React.js-ის საფუძვლები
შექმენით თანამედროვე, ინტერაქტიული UI React-ით. ისწავლეთ კომპონენტები, hooks, state management, routing, API ინტეგრაცია და რეალური პროექტების deploy. JavaScript-ის შემდეგ ბუნებრივი ნაბიჯი.
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
კურსის ბოლოს თქვენ შეძლებთ
- production-დონის React აპლიკაციების შენება hooks-ითა და კომპოზიციით
- სტეიტის მართვა თავის ტკივილის გარეშე (useState, useReducer, context, server state)
- როუტინგის, ფორმების, data fetching-ის ჩაწერა ისე, როგორც რეალური გუნდები აკეთებენ
- React-ის ტიპური წარმადობის ხაფანგების პოვნა და გასწორება
- frontend-გასაუბრების React-ის ნაწილის გავლა
გერგებათ ეს კურსი?
ეს თქვენთვისაა, თუ თქვენ…
- იცი JavaScript და მიზნად ისახავ junior frontend როლებს — React არის ვაკანსიების 70%+-ში
- ცადე React ტუტორიალები და ისინი კომპონენტებს ვაკუუმში გიჩვენებდნენ — გინდა ნახო, როგორ ჯდება მთლიანად აპლიკაცია
- გადადიხარ სხვა frontend ფრემვორკიდან და გინდა სწრაფად აითვისო React-ის მენტალური მოდელი
არ აიღოთ ეს კურსი, თუ…
- ჯერ არ იცი JavaScript — React JS-ის გარეშე მაგიად გამოიყურება. ჯერ #11
- გინდა React vs Vue vs Svelte შედარება — ეს React-სპეციფიკური კურსია, არა მიმოხილვა
- გინდა ნატიური mobile / desktop — React Native და Electron არსებობს, მაგრამ აქ არ არის. ეს web-React-ია
ვინ კითხულობს
Oleksii Anzhiiak
სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და თანადამფუძნებელი
ოლექსი ანჟიაკი — სოფტვეარ არქიტექტორი, უფროსი .NET ინჟინერი და ToyCRM.com-ისა და ProfectusLab-ის თანადამფუძნებელი. 15+ წლიანი გამოცდილებით, ის სპეციალიზირდება განაწილებულ სისტემებში, cloud ინფრასტრუქტურაში, მაღალი დატვირთვის backend-ში და იდენტობის პლატფორმებში. ქმნის უსაფრთხო ავტენტიფიკაციის სისტემებს, არქიტექტურულ გადაწყვეტებს და თანამედროვე საგანმანათლებლო პროგრამებს, რომლებიც სტუდენტებს კარიერულ წინსვლაში ეხმარება.
ამჟამად ხელმძღვანელობს ToyCRM.com-ის არქიტექტურას — multi-tenant CRM პლატფორმას .NET-ზე, რომელსაც ჩვენი გუნდი აშენებს. იგივე პატერნები და დიზაინ-გადაწყვეტილებები, რომლებიც იქ გამოიყენება, პირდაპირ ჩნდება კურსებშიც: identity & auth, განაწილებული სერვისები, code review-ის კულტურა. სწავლობ ინჟინრებთან, რომლებიც აქტიურად უშვებენ production-კოდს, არა სახელმძღვანელოდან.
სილაბუსი
კურსი მოიცავს ყველაფერს, რაც საჭიროა production React აპლიკაციების შესაქმნელად:
- 1 მოდული 1: JSX და კომპონენტის მოდელი — ფუნქციური კომპონენტები, props, რენდერი
- 2 მოდული 2: State და events — useState, სინთეტური events, კონტროლირებული inputs
- 3 მოდული 3: ძირითადი hooks — useEffect, useRef, useCallback, useMemo
- 4 მოდული 4: კომპონენტების კომბინაცია — state lifting, Context API, custom hooks
- 5 მოდული 5: React Router — დეკლარაციული routing, nested routes, navigation guards
- 6 მოდული 6: API ინტეგრაცია — fetch, axios, ასინქრონული patterns, loading & error states
- 7 მოდული 7: ფორმები და ვალიდაცია — კონტრლირებული ფორმები, ბიბლიოთეკები, საუკეთესო პრაქტიკები
- 8 მოდული 8: Production build და deployment — Vite, environment variables, Vercel/Netlify
წინაპირობები
JavaScript საფუძვლები (რეკომენდებულია Introduction to JavaScript).
საჭიროა JavaScript-ის საფუძვლების ცოდნა (ფუნქციები, მასივები, promises, async/await). Introduction to JavaScript იდეალური წინაპირობაა.
რას ააშენებთ
გადიხარ portfolio React აპლიკაციით, რომელიც მარტო ააწყვე — სწორი კომპონენტების არქიტექტურა, ნამდვილი როუტინგი, ნამდვილი data fetching, gaშვებული საჯარო URL-ით. ის, რასაც ყოველ junior frontend გასაუბრებაზე ითხოვენ, უკვე მზად დემოსთვის.
- JSX, კომპონენტები, props, კომპოზიცია
- Hooks: useState, useEffect, useReducer, useContext, custom
- როუტინგი React Router-ით
- Server state React Query-თ / fetch-ით
- წარმადობა: memo, useMemo, useCallback — როდის რომელი ანაზღაურდება
სად დევს თქვენს კარიერაში
კურსის პარალელურად წასაკითხი
პირველი გაკვეთილი ჩვენი ხარჯითაა. გადაწყვიტე ინსტრუქტორთან გაცნობის შემდეგ.
ჩაერთე პირველ სესიაზე. თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ ინსტრუქტორი არ გერგო — მისთვის არ იხდი, არცერთი უხერხული საუბრის გარეშე. (საცდელი მოქმედებს იმ კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია; ეს კურსი ერგება.)
ფასი და რა შედის
რა შედის
- 16 ცოცხალი სესია × 2 საათი — მასწავლებელი ცოცხლად ატარებს, არა ჩანაწერი
- სლაიდები თითოეული სესიისთვის — შენთან რჩება და ნებისმიერ დროს შეგიძლია გადახედო
- მუშა კოდის ფაილები და data-ფაილები გაკვეთილიდან — შენს მანქანაზე იქნება დაკლონილი
- ყოველკვირეული სავალდებულო პერსონალური კოდის გადახედვით მასწავლებლისგან
- ჩაწერა მოთხოვნით — წინასწარ აცნობე მასწავლებელს („სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ") და გაკვეთილი შენთვის ჩაიწერება
ხშირად დასმული კითხვები
რამდენ საათს მოითხოვს კვირაში?
გათვალე ცოცხალი სესიები პლუს დაახლოებით 1.5–2 საათი პრაქტიკისთვის თითოეულზე. სტუდენტების უმრავლესობა, ვინც გრაფიკში თავსდება, კვირაში 4–6 საათს ხარჯავს. ნაკლებიც მუშაობს — უბრალოდ მეტი დრო სჭირდება.
რა ხდება თუ გაკვეთილს გავაცდენ?
უთხარი მასწავლებელს გაკვეთილამდე — „სამშაბათს ვერ მოვალ, ჩაწერე გთხოვ" — და მასწავლებელი ჩაწერს ამ გაკვეთილს და გამოგიგზავნის. ჩანაწერები არ არის ავტომატური არქივი; ისინი მოთხოვნით კეთდება, როცა წინასწარ გვაცნობებ. გაკვეთილის შემდეგ გააკეთე სავალდებულო, შემდეგ სესიაზე კი მოდი კითხვებით.
რა შედის ფასში?
ცოცხალი სესიები მასწავლებელთან; სლაიდები თითოეული სესიისთვის (შენი რჩება); მუშა კოდის ფაილები და ნებისმიერი data-ფაილი, რომელიც გაკვეთილზე გამოვიყენეთ; ყოველკვირეული დავალება კოდის გადახედვით; და იმ სესიების ჩანაწერები, რომელზეც წინასწარ გაგვიფრთხილე. ყველაფერი დანარჩენი — სერთიფიკატი, alumni-წვდომა, mock ინტერვიუ — ცალსახად ჩამოთვლილია „რა შედის"-ში FAQ-ის ზემოთ იმ კურსებზე, სადაც ეს მოქმედებს.
და თუ ჩავეწერე და მასწავლებელი არ მერგო?
კურსებზე, რომლებიც 5 გაკვეთილზე გრძელია, პირველი სესია ფაქტობრივად საცდელია — თუ პირველი გაკვეთილის შემდეგ გადაწყვიტე, რომ მასწავლებელი არ გერგო, მისთვის არ იხდი. სჯობს ერთი გაკვეთილის მერე წახვიდე, ვიდრე 9 კვირა იტანო ცუდი კავშირი. (5 ან ნაკლები გაკვეთილის კურსები ძალიან მოკლეა — საცდელი შეთავაზება იქ აზრს კარგავს, ჩვეულებრივი ფასი მოქმედებს.)
შეიძლება თანხის უკან დაბრუნება, თუ შუაში მივატოვებ?
დიახ — სანამ კურსის ნახევარზე მეტი გამოუყენებელია (ანუ ნაკლებად ვიდრე 50% გაკვეთილისა გაიარე). თანხის დაბრუნება — გამოუყენებელ ნაწილზე პროპორციულად. შუა გზის შემდეგ აღარ ვაბრუნებთ — ვთვლით, რომ ღირებულება უკვე მიწოდებულია.
შემიძლია სასწავლო ენის შეცვლა?
ცოცხალი სესიები მიმდინარეობს იმ ენაზე, რომელიც ზემოთ ბლოკში „ხელმისაწვდომი ენები"-ა მითითებული. სლაიდები და კოდის ფაილები ჩვეულებრივ ხელმისაწვდომია ოთხივე ენაზე (ინგლისური, რუსული, უკრაინული, ქართული). ბევრი სტუდენტი უსმენს ერთ ენაზე და კითხულობს მეორეზე — ეს ნორმალურია.
მზად ვიქნები რეალური სამუშაოსთვის კურსის შემდეგ?
ერთი კურსი იშვიათად ანიჭებს ვინმეს სამუშაოს თვითონ — არცერთ სფეროში. ეს კურსი გაძლევს იმ საფუძველს, რომელსაც junior-დაქირავების მენეჯერი ელის: საკუთარი ხელით დაწერილი მუშა კოდი, ლექსიკა სხვისი კოდის წასაკითხად და ჩვევები, რომელიც გხდის დასაქირავებელ. გულახდილი პასუხი კითხვაზე „მზად ვარ?" ჩვენს roadmap-ზეა (ბმული გვერდის თავში) — გახსენი ის დონე, რომელზეც გინდა მისვლა, და წაიკითხე ჩეკლისტი „მზად ხარ, როცა…".
შემიძლია განვადებით გადახდა?
დიახ იმ კურსებისთვის, რომლებსაც ზედა ზოლში „ყოველთვიური გადახდა"-ა მითითებული — ჩვეულებრივ ეს ორი ან სამი თანაბარი თანხაა. ის კურსები, რომლებსაც ეს ოპცია არ აქვთ, ერთჯერად უნდა გადაიხადო. თუ ფასი ბარიერია, მოგვწერე — თითოეულ ქეისს ცალკე ვიხილავთ.
ეს ასევე შეიძლება მოგეწონოთ
TypeScript Mastery
JavaScript-იდან production-კლასის TypeScript-მდე. Type system, generics, decorators, strict mode, advanced utility types და TypeScript-ის ინტეგრაცია რეალურ პროექტებში.
შესავალი jQuery-ში
ისწავლეთ jQuery-ის გამოყენება DOM-თან, მოვლენებთან, ანიმაციებთან, AJAX-თან და UI კომპონენტებთან სამუშაოდ. პრაქტიკული კურსი კლასიკური frontend პატერნებისა და legacy პროექტებისთვის.
შესავალი JavaScript-ში
ისწავლეთ JavaScript ნულიდან: სინტაქსი, ლოგიკა, მასივები, ფუნქციები, ობიექტები, אירועები, DOM, AJAX და მონაცემების შენახვა კლიენტის მხარეს. მყარი საფუძველი frontend დეველოპმენტისთვის.