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

Next.js

Next.js kursu — Prowid
Kursun müddəti
2 ay/ 12 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
Next.js React əsasında full-stack veb tətbiqlər yaratmaq üçün freymvorkdur: server render, SEO, API və yüksək performans bir yerdə. Kurs üçün React bilikləri tələb olunur.

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ı

Next.js-ə giriş: App Router və layihənin strukturu
Marşrutlaşdırma: səhifələr, layout-lar, dinamik marşrutlar
Server və Client komponentləri
Məlumatların alınması və keşləmə
Render strategiyaları: SSR, SSG, ISR və streaming
Server Actions və formalar
Route Handlers: Next.js-də API yaratmaq
Verilənlər bazası: PostgreSQL və Prisma
Autentifikasiya və marşrutların qorunması
SEO: Metadata API, şəkillərin və şriftlərin optimallaşdırılması
Xətaların emalı, loading və not-found səhifələri
Deploy: Vercel və Docker
Final layihə: full-stack tətbiq (bloq və ya onlayn mağaza)
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ə 113 mövzu. İlk 4 mövzu pulsuzdur, qalanları abunə ilə. Slaydlı və trenajorlu interaktiv dərslər: 100.

Pulsuz başla Abunəlik — ayda 30 AZN-dən
Next.js ilə tanışlıq6 mövzu
  1. Next.js React-a nə əlavə edir
  2. Layihənin yaradılması: create-next-app
  3. Layihənin strukturu: app, public və konfiqurasiya faylları
  4. dev, build və start əmrləri: inkişaf rejimi və production build
  5. Next.js səhifəni necə render edir: server, HTML və hidratasiya
  6. Layihədə next.config.ts, TypeScript və ESLint
Marşrutlaşdırma və naviqasiya10 mövzu
  1. Fayl əsaslı marşrutlaşdırma: qovluqlar, page.tsx və iç-içə marşrutlar
  2. Layout: kök və iç-içə layout-lar
  3. Link komponenti ilə naviqasiya
  4. Proqram vasitəsilə naviqasiya: useRouter, usePathname, useParams
  5. Dinamik seqmentlər: [id] və asinxron params
  6. Catch-all seqmentlər: [...slug] və [[...slug]]
  7. Marşrut qrupları və özəl qovluqlar
  8. Sorğu parametrləri: searchParams və URL-də vəziyyət
  9. Yönləndirmələr və rewrite-lar: redirect(), permanentRedirect() və next.config
  10. Layihə: çoxsəhifəli portfolio saytı
Xüsusi fayllar və qabaqcıl marşrutlaşdırma7 mövzu
  1. Yüklənmə vəziyyəti: loading.tsx və skeleton-lar
  2. Xətaların emalı: error.tsx və global-error.tsx
  3. 404 səhifəsi: notFound() və not-found.tsx
  4. template.tsx və xüsusi faylların iyerarxiyası
  5. Paralel marşrutlar: @folder slotları və default.tsx
  6. Intercepting routes: öz URL-i olan modal pəncərələr
  7. Layihə: modal baxışlı foto qalereya
Server və Client komponentləri8 mövzu
  1. Server Components: serverdə işləyən komponentlər
  2. 'use client' direktivi və client sərhədləri
  3. Server komponentlərindən client komponentlərinə məlumat ötürülməsi
  4. Kompozisiya pattern-ləri: client komponentlərinin içində server komponentləri
  5. App Router-də kontekst və provider-lər
  6. Üçüncü tərəf kitabxanaları və next/dynamic
  7. Hidratasiya xətaları: səbəblər və həlli
  8. Layihə: React SPA-nın Server Components-ə keçirilməsi
Stillər, şriftlər və şəkillər7 mövzu
  1. Next.js-də Tailwind CSS v4: quraşdırma və tema
  2. CSS Modules, qlobal stillər və Sass
  3. UI komponentləri: shadcn/ui, cn() və cva ilə variantlar
  4. next-themes ilə tünd tema
  5. Şriftlər: next/font/google və lokal şriftlər
  6. Şəkillər: next/image komponenti
  7. Üçüncü tərəf skriptləri: next/script və @next/third-parties
Məlumatların yüklənməsi və streaming8 mövzu
  1. Mühit dəyişənləri: .env və NEXT_PUBLIC_
  2. Server komponentlərində məlumatların yüklənməsi
  3. Asinxron Request API-ləri: cookies(), headers(), params
  4. Paralel və ardıcıl yükləmə: şəlalə effektindən qaçmaq
  5. Suspense ilə streaming: səhifənin hissə-hissə göstərilməsi
  6. use() hook-u: promise-lərin client komponentlərinə ötürülməsi
  7. Client tərəfində məlumat yükləmə: TanStack Query və SWR
  8. Layihə: valyuta məzənnələri və hava proqnozu paneli
Route Handlers və proxy (middleware)5 mövzu
  1. Route Handlers: app qovluğunda API endpoint-ləri
  2. Route Handlers: parametrlər, sorğunun gövdəsi və cavablar
  3. Route Handlers-də CORS, webhook-lar və streaming cavablar
  4. Proxy (əvvəlki middleware): sorğuların render-dən əvvəl emalı
  5. Proxy praktikada: yönləndirmələr, A/B testlər və başlıqlar
Render və keşləmə9 mövzu
  1. Statik və dinamik render
  2. generateStaticParams: dinamik marşrutlar üçün statik səhifələr
  3. Next.js-də keşləmə necə işləyir
  4. fetch keşləməsi: cache, revalidate və tags
  5. ISR: vaxta görə inkremental regenerasiya
  6. Tələb üzrə revalidasiya: revalidatePath və revalidateTag
  7. 'use cache' direktivi: cacheLife və cacheTag
  8. Partial Prerendering: statik qabıq və dinamik hissələr
  9. Layihə: ISR və revalidasiya ilə xəbər saytı
Verilənlər bazası: PostgreSQL, Prisma və Drizzle9 mövzu
  1. PostgreSQL və Prisma: layihəyə qoşulma
  2. Prisma sxemi, miqrasiyalar və ilkin məlumatlar (seed)
  3. Prisma sorğuları: oxuma, yaratma, yeniləmə, silmə
  4. Prisma-da əlaqələr: birə-çox və çoxa-çox
  5. Tranzaksiyalar və verilənlər bazası xətalarının emalı
  6. Drizzle ORM: TypeScript-də sxem və SQL-ə bənzər sorğular
  7. Məlumatlara giriş qatı: DAL, DTO və React cache()
  8. Verilənlər bazası tərəfində axtarış, filtrlər və səhifələmə
  9. Layihə: axtarış və filtrlərlə məhsul kataloqu
Server Actions və formalar10 mövzu
  1. Server Actions: 'use server' direktivi və formalar
  2. Məlumatların dəyişdirilməsi: Server Action, revalidatePath və redirect
  3. Zod ilə formaların server tərəfində validasiyası
  4. useActionState və useFormStatus: formanın vəziyyəti
  5. Formalardan kənar Server Actions: useTransition və bind
  6. useOptimistic ilə optimistik yeniləmələr
  7. Mürəkkəb formalar: React Hook Form, Zod və Server Actions
  8. Server Actions ilə faylların yüklənməsi
  9. Server Actions və təhlükəsizlik
  10. Layihə: Server Actions ilə full-stack tapşırıq meneceri
Autentifikasiya və avtorizasiya9 mövzu
  1. Autentifikasiyanın əsasları: sessiyalar, cookie və JWT
  2. Auth.js v5: quraşdırma və GitHub ilə giriş
  3. Server və client komponentlərində istifadəçi sessiyası
  4. Verilənlər bazasında istifadəçilər: Prisma Adapter və callback-lər
  5. Bir neçə provider, Google və xüsusi giriş səhifəsi
  6. Email və parol ilə qeydiyyat və giriş
  7. Marşrutların qorunması: proxy, DAL və Server Actions
  8. Avtorizasiya: rollar, giriş hüquqları və məlumatlara sahiblik
  9. Layihə: rollarla qorunan idarəetmə paneli
SEO, kontent və çoxdillilik11 mövzu
  1. Metadata API: başlıqlar, təsvirlər və Open Graph
  2. Dinamik metadata: generateMetadata
  3. sitemap.xml, robots.txt, ikonlar və manifest
  4. ImageResponse ilə dinamik OG şəkilləri
  5. JSON-LD strukturlaşdırılmış məlumatlar və SEO yoxlama siyahısı
  6. MDX: React komponentləri ilə Markdown məqalələri
  7. Layihə: MDX əsasında bloq
  8. Çoxdillilik (i18n): [locale] marşrutları və dilin təyini
  9. next-intl ilə tərcümələr: mesajlar, rəqəmlər və tarixlər
  10. Çoxdilli saytın SEO-su: hreflang və lokallaşdırılmış URL-lər
  11. Layihə: çoxdilli landing səhifə (az/ru/en)
Peşəkar təcrübələr: testlər, performans, təhlükəsizlik7 mövzu
  1. Loqlama və xətaların monitorinqi: instrumentation.ts və Sentry
  2. Unit testlər: Vitest və React Testing Library
  3. Playwright ilə E2E testlər
  4. Core Web Vitals: ölçmə və optimallaşdırma
  5. Daha az JavaScript: bundle analizi və React Compiler
  6. Tətbiqin təhlükəsizliyi: HTTP başlıqları, CSP və məlumatların qorunması
  7. Pages Router və App Router: müqayisə və miqrasiya
Deploy və final layihə7 mövzu
  1. Vercel-ə deploy
  2. Self-hosting: Node.js server, standalone və Nginx
  3. Docker: Next.js və PostgreSQL üçün konteyner
  4. Statik eksport: output: 'export'
  5. Final layihə: ideya, arxitektura və məlumat sxemi
  6. Final layihə: əsas funksiyaların hazırlanması
  7. Final layihə: testlər, optimallaşdırma, deploy və təqdimat

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.

Next.js 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