Prowid loqosu — proqramlaşdırma kursları PROWIDIT Education Academy

React

React kursu — Prowid
Kursun müddəti
2 ay/ 10 dərs
Fərdi
Ayda 160 AZN
Qrupda
Ayda 130 AZN
Bütün kurs üçün ödəniş edərkən
15% endirim
Ödəniş hissə-hissə
50/50
Abunəlik ilə
ayda 30 AZN-dən
React istifadəçi interfeysləri yaratmaq üçün ən populyar JavaScript kitabxanasıdır. Kursda müasir React-i hooks, TypeScript və real layihə nümunəsində öyrənəcəksiniz.

Yeni qrup toplanır — yerinizi ayırmaq üçün müraciət edin

Kursa yazıl Pulsuz sınaq dərsi

Və ya şəxsi kabinetdə özünüz öyrənin → abunə ilə ayda 30 AZN-dən

Kurs proqramı

React-a giriş: Vite ilə layihənin yaradılması, JSX
Komponentlər, props və fraqmentlər
State və hadisələr: useState
Şərti render, siyahılar və key
Formalar: idarə olunan komponentlər, React Hook Form
Komponentlərin stilizasiyası: CSS Modules, Tailwind CSS
Yan təsirlər və ref-lər: useEffect, useRef, portallar
Context API və useReducer
Xüsusi (custom) hooks
React Router: SPA-da marşrutlaşdırma
Serverlə iş: fetch və TanStack Query
Qlobal state: Redux Toolkit və Zustand
React 19: Actions, useActionState, useOptimistic; React Compiler və performans
React + TypeScript və Vitest ilə testlər
Sinif əsaslı komponentlər: köhnə (legacy) kod üçün qısa icmal
Final layihə və Vercel-də deploy
Necə öyrədirik?

Tədris mərhələləri

01

Vebinar

Tələbələr dərsə canlı yayım vasitəsilə qoşulurlar. Hər dərsin sonunda keçirilən dərsin video formatı tələbələrə göndərilir.

02

Ev tapşırığı

Bütün tapşırıqlar vebinarda keçilən mövzuya əsaslanır. Ev tapşırığı materialın möhkəmləndirilməsinə və daha yaxşı anlaşılmasına kömək edir.

03

Mentorla iş

Təlimçi həm tədris zamanı, həm də dərsdən kənar vaxtlarda qrupla əlaqədə olur. Yaranan suallar dərhal cavablandırılır.

04

Portfolio

Kurs müddətində müxtəlif mövzulu bir neçə layihə hazırlanacaq. Bu, bacarıqlarınızı işəgötürənlərə nümayiş etdirməyə imkan yaradacaq.

Müstəqil öyrənmə

Şəxsi kabinetdə tam proqram

Nəzəriyyə, nümunələr və praktika ilə 122 mövzu. İlk 4 mövzu pulsuzdur, qalanları abunə ilə. Slaydlı və trenajorlu interaktiv dərslər: 109.

Pulsuz başla Abunəlik — ayda 30 AZN-dən
React ilə tanışlıq6 mövzu
  1. React nədir və nə üçün lazımdır
  2. Vite ilə React layihəsinin yaradılması
  3. Layihənin strukturu: index.html, main.jsx və createRoot
  4. JSX: JavaScript daxilində markup və fiqurlu mötərizələrdə ifadələr
  5. JSX qaydaları: tək kök element, fraqmentlər və ekranda nə göstərilir
  6. Tərtibatçı alətləri: React DevTools və ESLint
Komponentlər və props7 mövzu
  1. Funksional komponentlər: yaradılma, iç-içə yerləşdirmə, import və export
  2. Props: komponentə məlumat ötürülməsi
  3. children və komponentlərin kompozisiyası
  4. Şərti render: if, ternar operator və &&
  5. Siyahıların render edilməsi və açarlar (key)
  6. Təmiz komponentlər və StrictMode
  7. Layihə: komponentlərdən ibarət portfolio səhifəsi
Hadisələr və state10 mövzu
  1. Hadisələrin emalı: onClick, onChange və hadisə obyekti
  2. useState hook-u: komponentin state-i
  3. React ekranı necə yeniləyir: trigger, render və commit
  4. Snapshot kimi state və yeniləyici (updater) funksiya
  5. State-dəki obyektlərin mutasiyasız yenilənməsi
  6. State-dəki massivlərin yenilənməsi: əlavə etmə, silmə, dəyişmə
  7. State-in düzgün strukturlaşdırılması
  8. State-in yuxarı qaldırılması və vahid həqiqət mənbəyi
  9. State-in qorunması və sıfırlanması: ağacdakı mövqe və key
  10. Layihə: sayğac və tapşırıqlar siyahısı (Todo)
Formalar5 mövzu
  1. İdarə olunan sahələr: input və textarea
  2. Select, checkbox və radio ilə iş
  3. Formanın göndərilməsi: onSubmit, preventDefault və FormData
  4. İdarə olunmayan sahələr: defaultValue və fayl yükləmə
  5. Formaların əl ilə validasiyası: xətalar, touched və əlçatan mesajlar
Komponentlərin stilizasiyası6 mövzu
  1. CSS-in qoşulması: className, qlobal və inline stillər
  2. CSS Modules: komponentlər üçün izolyasiya olunmuş stillər
  3. Şərti siniflər və komponent variantları: clsx
  4. Tailwind CSS: Vite-də quraşdırma və utility siniflərin əsasları
  5. Tailwind komponentləri: cn, variantlar və qaranlıq tema
  6. Layihə: filtrlər və sıralama ilə məhsul kataloqu
Ref-lər, effektlər və portallar11 mövzu
  1. useRef: yenidən render-ə səbəb olmayan dəyərlər
  2. Ref vasitəsilə DOM-a müraciət: fokus, scroll və ölçmələr
  3. Prop kimi ref və useImperativeHandle
  4. useEffect: xarici sistemlərlə sinxronizasiya
  5. Effektin asılılıqları: effekt nə vaxt yenidən işə düşür
  6. Effektlərin təmizlənməsi: taymerlər, abunələr və hadisə dinləyiciləri
  7. useEffect-də məlumat yükləmə: loading, xətalar və race condition
  8. Effekt nə vaxt lazım deyil: tipik antipattern-lər
  9. useEffectEvent: hadisələrin effektlərdən ayrılması
  10. Portallar: modal pəncərələr, tooltip-lər və bildirişlər
  11. Layihə: açıq API ilə film axtarışı
useReducer, Context və xüsusi hook-lar8 mövzu
  1. useReducer: state məntiqinin reducer-ə köçürülməsi
  2. Context API: prop drilling olmadan məlumat ötürülməsi
  3. Context və useReducer birlikdə: miqyaslanan state idarəetməsi
  4. Context-in performansı və onun kifayət etmədiyi hallar
  5. Xüsusi hook-lar: məntiqin ayrılması və təkrar istifadəsi
  6. Praktik hook-lar: useLocalStorage, useDebounce, useFetch və digərləri
  7. Komponent pattern-ləri: compound components, render props və HOC
  8. Layihə: useReducer və Context ilə viktorina tətbiqi
Suspense, xəta sərhədləri və React 1911 mövzu
  1. Suspense: yüklənmə zamanı ehtiyat UI
  2. Komponentlərin lazy yüklənməsi və kodun bölünməsi
  3. Sinif əsaslı komponentlər: köhnə (legacy) kod üçün icmal
  4. Xəta sərhədləri (Error Boundaries)
  5. useTransition: keçidlər və asinxron Actions
  6. Formalarda Actions: action prop-u və useFormStatus
  7. useActionState: Action nəticələri və xətalar
  8. useOptimistic: interfeysin optimist yenilənməsi
  9. use() API: promise və kontekstin oxunması
  10. React 19 yenilikləri: sənəd metadata-sı, Activity və resurslar
  11. Layihə: Actions və useOptimistic ilə şərhlər lenti
Marşrutlaşdırma: React Router v710 mövzu
  1. React Router v7: quraşdırma, rejimlər və ilk marşrutlar
  2. Naviqasiya: Link, NavLink və useNavigate
  3. İç-içə marşrutlar, Outlet və layout marşrutları
  4. Dinamik seqmentlər: marşrut parametrləri və useParams
  5. Sorğu sətrinin parametrləri: useSearchParams və URL-də state
  6. Marşrut məlumatlarının yüklənməsi: loader və useLoaderData
  7. Router-də mutasiyalar: action, Form və useFetcher
  8. Marşrut xətalarının emalı: ErrorBoundary və 404
  9. Qorunan marşrutlar və yönləndirmələr
  10. Layihə: marşrutlaşdırma ilə admin paneli (dashboard)
Server məlumatları: TanStack Query8 mövzu
  1. Tətbiqin API qatı: fetch üçün wrapper və HTTP xətalarının emalı
  2. TanStack Query: server state və ilk useQuery
  3. Sorğu açarları və keş: staleTime, gcTime və təkrar sorğular
  4. Səhifələmə və sonsuz scroll: placeholderData və useInfiniteQuery
  5. Mutasiyalar: useMutation və keşin invalidasiyası
  6. TanStack Query-də optimist yeniləmələr
  7. TanStack Query və React Router: loader-də əvvəlcədən yükləmə və Suspense
  8. Layihə: TanStack Query ilə CRUD qeydlər tətbiqi
Qlobal state: Zustand və Redux Toolkit7 mövzu
  1. State növləri və düzgün alətin seçilməsi
  2. Zustand: sadə qlobal store
  3. Praktikada Zustand: persist, devtools və slice-lar
  4. Redux Toolkit: store, slice-lar, useSelector və useDispatch
  5. Redux-da asinxron məntiq: createAsyncThunk
  6. RTK Query: Redux ekosistemində məlumat yükləmə
  7. Layihə: qlobal state ilə səbəti olan internet mağaza
TypeScript ilə React6 mövzu
  1. React layihəsində TypeScript: react-ts şablonu və tsconfig
  2. Props və children-in tiplənməsi
  3. State və hadisələrin tiplənməsi
  4. useRef, useReducer və Context-in tiplənməsi
  5. Generic komponentlər və xüsusi hook-ların tiplənməsi
  6. Layihə: internet mağazanın TypeScript-ə köçürülməsi
Peşəkar formalar: React Hook Form və Zod6 mövzu
  1. React Hook Form: register, handleSubmit və xətalar
  2. Zod: validasiya sxemləri və məlumat tipləri
  3. React Hook Form və Zod: zodResolver və xəta mesajları
  4. Controller və useFieldArray: kənar komponentlər və dinamik sahələr
  5. Formanın serverə göndərilməsi: isSubmitting, setError və mutasiyalar
  6. Layihə: çoxaddımlı müraciət forması
Performans7 mövzu
  1. Komponent niyə yenidən render olunur: səbəblər və artıq render-lər
  2. Profilləşdirmə: React DevTools Profiler və Performance tracks
  3. memo və useMemo: render-lərin ötürülməsi və hesablamaların keşlənməsi
  4. useCallback və memoizasiyanın zərərli olduğu hallar
  5. React Compiler: avtomatik memoizasiya
  6. useDeferredValue: ağır render zamanı interfeysin cəldliyi
  7. Uzun siyahıların virtualizasiyası
Testləşdirmə: Vitest və React Testing Library6 mövzu
  1. Vitest: quraşdırma və ilk testlər
  2. React Testing Library: render və elementlərin axtarışı
  3. Testlərdə qarşılıqlı əlaqə: user-event və mock funksiyalar
  4. Asinxron testlər və MSW ilə API mock-u
  5. Provider-lər, router və xüsusi hook-larla testlər
  6. Layihə: internet mağazanın testlərlə əhatə olunması
Production: əlçatanlıq, autentifikasiya və deploy8 mövzu
  1. Əlçatanlıq (a11y): semantika, ARIA və fokusun idarə olunması
  2. React tətbiqinin arxitekturası: feature-lara görə struktur və alias-lar
  3. Vite-də mühit dəyişənləri: .env faylları və build rejimləri
  4. JWT ilə autentifikasiya: giriş, tokenin saxlanması və sessiya
  5. Tokenlərin yenilənməsi: refresh token və 401 xətasında sorğunun təkrarı
  6. Build və deploy: Vercel və Netlify
  7. Server Components icmalı: Next.js-ə körpü
  8. Final layihə: tam funksional React tətbiqi

Qrup və fərdi dərslər — müəllim, tapşırıqların yoxlanması və sertifikat. Abunəlik — öz tempinizdə materiallar, trenajorlar və irəliləyiş, müəllim rəyi olmadan.

React kursu — kursa yazılın

Formanı doldurun — növbəti qrupun başlama tarixini, dərs cədvəlini və ödəniş şərtlərini sizə bildirəcəyik. Və ya əvvəlcə pulsuz sınaq dərsinə gəlin.

+994 77 333 38 36 Və ya dərhal WhatsApp-a yazın info@prowid.com

Formanı göndərməklə məlumatlarınızın yalnız sizinlə əlaqə saxlamaq üçün istifadə olunmasına razılıq verirsiniz.

WhatsApp