PROWIDIT Education Academy

Bloq
Haqqımızda
Necə işləyir?
FAQ

+994 77 333 38 36 Sınaq dərsi Kabinet

AZ RU EN

Kursu dəyişinFull Stack Developer kursu

Proqramçılar üçün AI kursu104
Alqoritmlər və verilənlər strukturları kursu129
Django & FastAPI kursu140
Docker və Deploy kursu103
Full Stack Developer kursu270
Git & GitHub kursu103
HTML & CSS kursu154
JavaScript kursu169
Laravel kursu136
Operator şəbəkələri: MPLS, BGP və BNG81
Next.js kursu113
Node.js kursu123
PHP kursu144
Python kursu153
React kursu122
SQL və verilənlər bazaları kursu122
TypeScript kursu112
Vue.js kursu111

Başlanğıc: veb, alətlər və Git
Veb necə işləyir: brauzer, server, HTTP, domen və hostinq
İş mühiti: VS Code, genişləndirmələr, Live Server və Emmet
Brauzerin DevTools alətləri: element inspektoru, DOM və cihaz rejimi
Versiya nəzarəti nədir və niyə məhz Git
Windows, macOS və Linux-da terminal: ilk addımlar
Git-in Windows, macOS və Linux-da quraşdırılması
git init: ilk repozitorini yaradırıq
Git-in üç sahəsi: işçi qovluq, index və repozitori
git commit: layihənin vəziyyətini qeydə alırıq
.gitignore: hansı fayllar Git-ə düşməməlidir
Branch-ların yaradılması və keçid: git switch
Merge konfliktləri: addım-addım həll
GitHub hesabı və saytda ilk repozitori
git push və upstream branch-lar
Pull request: dəyişiklikləri necə təklif etmək
GitHub-da code review
HTML və CSS
İlk HTML səhifəsi: teqlər, elementlər, atributlar və iç-içə yerləşmə
HTML sənədinin strukturu: doctype, html, head və body
Linklər: a teqi, href, mütləq və nisbi yollar
Semantik markup: div əvəzinə header, nav, main və footer
Formalar: form, action, method, name və göndərmə düymələri
Əlçatanlıq (a11y): WCAG, ekran oxuyucuları və alternativ mətn
SEO əsasları: title, meta description, canonical, robots və hreflang
CSS nədir və necə qoşulur: style, link və inline üslublar
Əsas selektorlar: teq, class, id, universal selektor və qruplaşdırma
Selektorların spesifikliyi: hesablanması və idarə olunması
Box model: content, padding, border, margin və box-sizing
Mövqeləndirmə: position relative və absolute, inset xassəsi
Flexbox-a giriş: flex konteyner, elementlər və oxlar
Flexbox ilə hazır həllər: navbar, kartlar, sticky footer və media object
CSS Grid-ə giriş: xətlər, treklər, xanalar və sahələr
Grid ilə layout-lar: holy grail, qalereya, jurnal şəbəkəsi və üst-üstə qoyma
Media query-lər: @media sintaksisi, tiplər və məntiqi operatorlar
Mobile-first və breakpoint-lərin seçilməsi
CSS dəyişənləri (custom properties): elan, görünmə sahəsi və fallback
Tailwind CSS v4: utility-first yanaşması və quraşdırma
Tailwind utility-ləri: boşluqlar, tipoqrafiya, rənglər, Flexbox və Grid
Layihə: Tailwind CSS ilə lendinq bölmələri
JavaScript
JavaScript nədir və harada işləyir
Dəyişənlər: let, const və adlandırma qaydaları
Məlumat tipləri və typeof operatoru
Şərt operatoru: if, else if və else
for dövrü: sayğac, addım və iç-içə dövrlər
Funksiyaların elanı: parametrlər, arqumentlər və çağırış
Arrow funksiyalar
Callback-lər və yüksək tərtibli funksiyalar
Closure-lar: funksiya öz mühitini necə yadda saxlayır
Obyektlər: literal, xassələr, nöqtə və kvadrat mötərizələr
Obyektlərin destrukturizasiyası
Massivlər: yaradılma, indekslər, length və at()
map və filter: massivlərin çevrilməsi və filtrlənməsi
reduce: massivin bir dəyərə çevrilməsi
JSON: JSON.stringify və JSON.parse
Siniflər (class): constructor, metodlar və sahələr
Xətaların emalı: try, catch və finally
Elementlərin axtarışı: querySelector, getElementById, closest
Hadisə dinləyiciləri: addEventListener və removeEventListener
Forma hadisələri: submit, input, change və FormData
localStorage və sessionStorage: məlumatların brauzerdə saxlanması
Event loop: çağırış yığını və tapşırıqlar növbəsi
Promise: vəziyyətlər, then, catch və finally
async/await: asinxron kodu sinxron üslubda yazmaq
fetch ilə GET sorğuları: Response, json() və URLSearchParams
Məlumatların göndərilməsi: POST, PUT, PATCH və DELETE
ES modulları: import və export
npm: package.json, asılılıqlar və skriptlər
Frontend təhlükəsizliyi: XSS, innerHTML və textContent
Layihə: açıq API ilə hava proqnozu tətbiqi
TypeScript
TypeScript nə üçün lazımdır: JavaScript üzərində statik tipləşdirmə
TypeScript-in quraşdırılması və tsc kompilyatorunun ilk işə salınması
Ciddi rejim (strict) və kompilyatorun əlavə yoxlamaları
Tip annotasiyaları: dəyişənlər, parametrlər və qaytarılan dəyərlər
Tip çıxarışı (type inference): let, const, genişlənmə və kontekst
Obyekt tipləri və opsional xüsusiyyətlər
Union tiplər: bir neçə tipdən birinə aid dəyər
Diskriminasiyalı birləşmələr (discriminated unions): ortaq etiket sahəsi
Interface-lər: obyektin formasının təsviri
Funksiya tipləri: function type expression və çağırış siqnaturları
Generics nə üçün lazımdır: any-dən tip parametrinə
Pick, Omit və Record: açarların seçilməsi və lüğətlər
Zod: sxemlər, parse/safeParse və z.infer
Layihə: tipləşdirilmiş API klienti
React
React nədir və nə üçün lazımdır
JSX: JavaScript daxilində markup və fiqurlu mötərizələrdə ifadələr
Funksional komponentlər: yaradılma, iç-içə yerləşdirmə, import və export
Props: komponentə məlumat ötürülməsi
Şərti render: if, ternar operator və &&
Siyahıların render edilməsi və açarlar (key)
useState hook-u: komponentin state-i
State-in yuxarı qaldırılması və vahid həqiqət mənbəyi
İdarə olunan sahələr: input və textarea
useEffect: xarici sistemlərlə sinxronizasiya
Effekt nə vaxt lazım deyil: tipik antipattern-lər
Context API: prop drilling olmadan məlumat ötürülməsi
Xüsusi hook-lar: məntiqin ayrılması və təkrar istifadəsi
React Router v7: quraşdırma, rejimlər və ilk marşrutlar
Qorunan marşrutlar və yönləndirmələr
TanStack Query: server state və ilk useQuery
Mutasiyalar: useMutation və keşin invalidasiyası
Zustand: sadə qlobal store
Props və children-in tiplənməsi
React Hook Form və Zod: zodResolver və xəta mesajları
Layihə: TanStack Query ilə CRUD qeydlər tətbiqi
Node.js və Express: REST API
Node.js nədir: V8, libuv və serverdə JavaScript
Node.js-də event loop və bloklamayan giriş-çıxış (I/O)
Node.js-də ES modulları: import, export və type sahəsi
Mühit dəyişənləri və .env: --env-file və process.loadEnvFile
HTTP necə işləyir: sorğular, cavablar, metodlar, başlıqlar və status kodları
Express 5 ilə tanışlıq: ilk tətbiq
Express-də marşrutlaşdırma: metodlar, yollar və express.Router
Express-də middleware: sorğunun emal zənciri
Express 5-də xətaların emalı
Express layihəsinin strukturu: routes, controllers, services
REST prinsipləri: resurslar, URL-lər və metodların semantikası
API-də status kodları və vahid xəta formatı
REST API-də səhifələmə (pagination), filtrləmə və sıralama
Express-də Zod middleware ilə sorğuların validasiyası
API-nin sənədləşdirilməsi: OpenAPI və Swagger UI
TypeScript ilə tipləşdirilmiş Express API
Layihə: Express ilə qeydlər üçün REST API
Verilənlər bazaları: SQL, PostgreSQL, Prisma və Redis
Verilənlər bazası və VBİS nədir
Relyasiyalı model: cədvəllər, sətirlər, sütunlar və açarlar
PostgreSQL və MySQL-in Docker-də işə salınması
Verilənlər bazası, sxem və ilk cədvəlin yaradılması
Xarici açarlar: cədvəllərin əlaqələndirilməsi
INSERT: bir və bir neçə sətrin əlavə edilməsi
SELECT: sütunlar, ifadələr və alias-lar
WHERE: müqayisə operatorları və AND, OR, NOT
GROUP BY: sətirlərin qruplaşdırılması
INNER JOIN: əlaqəli cədvəllərin birləşdirilməsi
LEFT JOIN: sol cədvəlin bütün sətirləri
Birə-çox və birə-bir əlaqələr
Çoxa-çox əlaqə və aralıq cədvəllər
İndekslər necə işləyir: B-tree və CREATE INDEX
Tranzaksiyalar: BEGIN, COMMIT, ROLLBACK və SAVEPOINT
SQL injection: hücumlar necə qurulur
Prisma ORM: quraşdırma və verilənlər sxeminin təsviri
Prisma miqrasiyaları və bazanın test verilənləri ilə doldurulması
Prisma-da CRUD sorğuları: filtrlər, sıralama və səhifələmə
Prisma-da əlaqələr: birə-çox, çoxa-çox və birə-bir
Prisma-da tranzaksiyalar və xətaların emalı
Redis: cavabların və verilənlərin keşlənməsi
Layihə: PostgreSQL və Prisma ilə blog API
Autentifikasiya və təhlükəsizlik
Autentifikasiya və avtorizasiya: əsas anlayışlar və yanaşmalar
Parolların saxlanması: bcrypt, qeydiyyat və giriş
Cookie və sessiyalar: express-session və sessiya anbarı
JWT: token-lərlə autentifikasiya və marşrutların qorunması
Access və refresh token-lər: rotasiya, çıxış və ləğvetmə
Avtorizasiya: rollar, icazələr və resurs sahibinin yoxlanılması
OAuth 2.0 və Google ilə giriş
Helmet və təhlükəsizlik başlıqları
CORS: necə işləyir və düzgün necə qurulur
Rate limiting: brute force və həddən artıq yüklənmədən qorunma
Node.js üçün OWASP Top 10: inyeksiyalar, XSS və etibarsız giriş verilənləri
Layihə: JWT əsasında autentifikasiya servisi
Fayllar, fon tapşırıqları və real vaxt
Express-də faylların yüklənməsi: multer
Şəkillərin emalı (sharp) və S3 bulud anbarı
BullMQ ilə fon tapşırıqları və növbələr
Vebdə real vaxt: polling, Server-Sent Events və WebSocket
Socket.IO: hadisələr, təsdiqlər (acknowledgements) və klient
Layihə: Socket.IO ilə real vaxt çatı
NestJS
NestJS ilə tanışlıq: modullar, controller-lər və provider-lər
NestJS: DTO və validasiya, pipe, guard və interceptor-lar
NestJS: konfiqurasiya, Prisma və Swagger
GraphQL
GraphQL nədir və nə üçün lazımdır: REST ilə müqayisə Pulsuz
GraphQL sxemi və tiplər: SDL, skalyarlar, obyekt tipləri, non-null
Sorğular: arqumentlər, dəyişənlər, alias-lar və fraqmentlər
Mutation-lar: məlumatların yaradılması, dəyişdirilməsi və silinməsi
Apollo Server: Node.js-də ilk GraphQL server
Resolver-lər və verilənlər bazası: parent, args, context, Prisma
N+1 problemi və DataLoader ilə sorğuların qruplaşdırılması
GraphQL-da autentifikasiya, xətalar və təhlükəsizlik
React-də Apollo Client: useQuery, useMutation və keş
Səhifələmə və subscription-lar: cursor, Relay connection, real vaxt
Layihə: GraphQL API ilə bloq və React müştəri tətbiqi
Next.js
Next.js React-a nə əlavə edir
Layihənin yaradılması: create-next-app
Fayl əsaslı marşrutlaşdırma: qovluqlar, page.tsx və iç-içə marşrutlar
Layout: kök və iç-içə layout-lar
Dinamik seqmentlər: [id] və asinxron params
Xətaların emalı: error.tsx və global-error.tsx
Server Components: serverdə işləyən komponentlər
'use client' direktivi və client sərhədləri
UI komponentləri: shadcn/ui, cn() və cva ilə variantlar
Server komponentlərində məlumatların yüklənməsi
Suspense ilə streaming: səhifənin hissə-hissə göstərilməsi
Route Handlers: app qovluğunda API endpoint-ləri
Next.js-də keşləmə necə işləyir
PostgreSQL və Prisma: layihəyə qoşulma
Məlumatlara giriş qatı: DAL, DTO və React cache()
Server Actions: 'use server' direktivi və formalar
Məlumatların dəyişdirilməsi: Server Action, revalidatePath və redirect
Zod ilə formaların server tərəfində validasiyası
Server Actions və təhlükəsizlik
Auth.js v5: quraşdırma və GitHub ilə giriş
Marşrutların qorunması: proxy, DAL və Server Actions
Metadata API: başlıqlar, təsvirlər və Open Graph
Layihə: Server Actions ilə full-stack tapşırıq meneceri
tRPC
tRPC nədir: sxemsiz end-to-end tip təhlükəsizliyi
tRPC server: router-lər, procedure-lər, Zod ilə input və middleware
tRPC müştərisi: React Query inteqrasiyası və Next.js
Layihə: Next.js, tRPC və Prisma ilə qeydlər tətbiqi
Onlayn ödənişlər (Stripe)
Onlayn ödənişlər necə işləyir: ekvayrinq, ödəniş şlüzü, 3-D Secure və PCI DSS
Stripe Checkout: məhsullar, qiymətlər və ödəniş səhifəsi
Stripe webhook-ları: imzanın yoxlanılması və sifarişin yenilənməsi
Payment Intents və Payment Element: öz ödəniş formanız
Stripe ilə abunəliklər: təkrarlanan ödənişlər və Customer Portal
Layihə: onlayn mağazada sifarişin ödənişi (Next.js, Prisma, Stripe)
Testləşdirmə
Vitest: quraşdırma və ilk testlər
React Testing Library: render və elementlərin axtarışı
Asinxron testlər və MSW ilə API mock-u
supertest ilə API-nin inteqrasiya testləri
Verilənlər bazası ilə testlər: test bazası, fixture-lar və izolyasiya
Playwright ilə E2E testlər
Docker, CI/CD və deploy
Docker hansı problemləri həll edir
İlk konteyner: docker run və onun əsas flag-ləri
İlk Dockerfile: FROM, RUN, COPY, CMD və docker build
Multi-stage build: ayrıca yığırıq, ayrıca işə salırıq
Volume-lar: konteyner məlumatlarını qoruyub saxlayırıq
Docker Compose: ilk compose.yaml və əsas əmrlər
Layihə: tətbiq + PostgreSQL + Redis Docker Compose-da
Node.js-in dockerləşdirilməsi: Express və NestJS üçün production image
Vercel-ə deploy
İlk deploy: Compose layihəsini serverdə işə salırıq
Nginx konteynerlər üçün reverse proxy kimi
Let's Encrypt ilə HTTPS: certbot və avtomatik yeniləmə
Layihə üçün CI: hər pull request-də testlər və linter-lər
SSH ilə VPS-ə avtomatik deploy
Loqlama və xətaların monitorinqi: instrumentation.ts və Sentry
Kubernetes nəyə lazımdır: orkestrasiya və klasterin quruluşu
Mesaj brokerləri və hadisə yönümlü arxitektura
Sinxron və asinxron qarşılıqlı əlaqə: növbələr, pub/sub və brokerlər
RabbitMQ əsasları: exchange, növbə, ack və ilk producer/consumer
RabbitMQ: exchange növləri, marşrutlaşdırma və dead-letter növbələr
Apache Kafka əsasları: topic-lər, partition-lar və offset-lər
Kafka: consumer group-lar, sıralama və emal zəmanətləri
Hadisə yönümlü arxitektura: idempotentlik, outbox və saga
Layihə: sifariş hadisələri — RabbitMQ ilə bildiriş və anbar servisləri
Monorepozitori
Monorepozitori nədir: polyrepo ilə müqayisə və quruluş
pnpm workspaces: ümumi paketlər və asılılıqlar
Turborepo: tapşırıq qrafiki, keşləmə və CI-ın sürətləndirilməsi
Layihə: Next.js, API və ümumi paketlərlə full-stack monorepo
Proqramlaşdırmada AI
Proqramçı üçün AI: LLM nədir və kursda nələri öyrənəcəksiniz
GitHub Copilot: avtotamamlama, çat və agent rejimi
Claude Code: terminalda proqramlaşdırma agenti
AI-ın yazdığı kodun yoxlanılması
AI-ın yaratdığı kodun təhlükəsizliyi
Python və JavaScript-də SDK ilə ilk sorğu
Streaming: cavabın yarandıqca göstərilməsi
Tipləşdirilmiş cavablar: Pydantic və Zod
Çat interfeysi: mesajlar, markdown və vəziyyətlər
RAG: modelə öz sənədlərinizdən bilik vermək
Sistem dizaynı
Sistem dizaynına giriş: tələblər, gecikmə, ötürmə qabiliyyəti və hesablamalar
Miqyaslama: vertikal və horizontal, stateless servislər
Yük balanslaşdırması: alqoritmlər, health check və Nginx
Keşləmə və CDN: keş səviyyələri, cache-aside, TTL və invalidasiya
Verilənlər bazasının miqyaslanması: replikasiya, partisiyalama və şardinq
SQL və NoSQL, CAP teoremi və uyğunluq modelləri
Monolit, modul monolit və mikroservislər: nə vaxt hansını seçmək
Etibarlılıq: timeout, təkrar cəhdlər, circuit breaker və idempotentlik
Observability: loglar, metriklər, trace-lər, SLI və SLO
Praktikum: URL qısaldıcı servisinin dizaynı
Praktikum: çat və bildiriş sisteminin dizaynı
Komandada iş: Agile və Scrum
Agile nədir: iterativ inkişaf və Agile manifesti
Scrum: rollar, sprint, hadisələr və artefaktlar
Kanban, user story-lər, qəbul meyarları və qiymətləndirmə
Komandada tərtibatçının iş prosesi: tapşırıqdan deploy-a qədər
Yekun layihə
Final layihə: ideya, arxitektura və məlumat sxemi
Final layihə: əsas funksiyaların hazırlanması
Final layihə: testlər, optimallaşdırma, deploy və təqdimat
Final layihə: full-stack tətbiq production-da

React kursu · Komponentlər və props

Siyahıların render edilməsi və açarlar (key)

🔒 Bu, dərsin əvvəlidir. Tam versiyası abunə ilə əlçatandır.

Hesab yarat Daxil ol

← Əvvəlki dərs🔒 Şərti render: if, ternar operator və &&Növbəti dərs →🔒 useState hook-u: komponentin state-i

PROWIDIT Education Academy

Bakıda onlayn proqramlaşdırma kursları. Canlı dərslər, 80% praktika, mentor dəstəyi və işə düzəlməyə kömək.

Front End

HTML & CSS JavaScript TypeScript React Next.js Vue.js

Back End

SQL (PostgreSQL, MySQL) PHP Laravel Python Alqoritmlər Django & FastAPI Node.js Full Stack

Alətlər və AI

Git & GitHub Docker və Deploy Proqramçılar üçün AI

Faydalı

Pulsuz sınaq dərsi Mentorluq və müsahibəyə hazırlıq Şirkətlər üçün Bloq FAQ

Əlaqə

+994 77 333 38 36 info@prowid.com Video dərslər Müraciət göndər

© 2021 – 2026 Prowid — IT Education Academy. Bütün hüquqlar qorunur. Bakı, Azərbaycan