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şinJavaScript 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

JavaScript ilə tanışlıq
JavaScript nədir və harada işləyir Pulsuz
JavaScript-in səhifəyə qoşulması: script, defer, async və modullar
DevTools və konsol: console.log, table, group, time
İş mühiti: VS Code, Node.js 22 və skriptlərin işə salınması
Sintaksis: təlimatlar, nöqtəli vergül, şərhlər və strict mode
Dəyişənlər: let, const və adlandırma qaydaları
İstifadəçi ilə sadə dialoq: alert, prompt və confirm
Məlumat tipləri və operatorlar
Məlumat tipləri və typeof operatoru
Ədədlər və arifmetik operatorlar
Sətirlər: dırnaqlar, template literals və birləşdirmə
Məntiqi tip: true, false, truthy və falsy dəyərlər
null və undefined: fərq nədədir
Müqayisə operatorları: == və ===, sətirlərin müqayisəsi
Tiplərin çevrilməsi: açıq və gizli çevrilmə
Məntiqi operatorlar &&, || və !: qısaldılmış hesablama
?? operatoru və məntiqi mənimsətmə: ||=, &&=, ??=
Şərtlər və dövrlər
Şərt operatoru: if, else if və else
Ternar operator və şərti ifadələr
switch konstruksiyası: case, break və default
while və do...while dövrləri
for dövrü: sayğac, addım və iç-içə dövrlər
Dövrün idarə edilməsi: break, continue və label-lər
Layihə: «Ədədi tap» oyunu
Funksiyalar
Funksiyaların elanı: parametrlər, arqumentlər və çağırış
Dəyərin qaytarılması: return və erkən çıxış
Function Expression: funksiyalar dəyər kimi
Arrow funksiyalar
Default parametrlər və rest parametrləri
Callback-lər və yüksək tərtibli funksiyalar
Görünmə sahəsi (scope): qlobal, funksiya və blok
Hoisting, var və müvəqqəti ölü zona (TDZ)
Closure-lar: funksiya öz mühitini necə yadda saxlayır
Rekursiya və çağırış yığını (call stack)
Layihə: closure-lar əsasında elektron pul kisəsi
Obyektlər
Obyektlər: literal, xassələr, nöqtə və kvadrat mötərizələr
Xassələrin qısa yazılışı və hesablanan açarlar
Obyekt metodları və this ilə ilk tanışlıq
Obyektlər və istinadlar: müqayisə və mutasiya
Obyektlərin kopyalanması: spread, Object.assign və structuredClone
Obyektlərin destrukturizasiyası
Optional chaining ?.: xassələrə təhlükəsiz müraciət
Massivlər və onların metodları
Massivlər: yaradılma, indekslər, length və at()
Elementlərin əlavə edilməsi və silinməsi: push, pop, shift, unshift, splice
Massivin iterasiyası: for, for...of və forEach
Massivlərin destrukturizasiyası və spread sintaksisi
Axtarış və yoxlama: find, findLast, some, every
map və filter: massivlərin çevrilməsi və filtrlənməsi
reduce: massivin bir dəyərə çevrilməsi
Obyektlərin iterasiyası: for...in, Object.keys, values, entries
Məlumatların qruplaşdırılması: Object.groupBy
Çeşidləmə: sort, müqayisə funksiyası və localeCompare
Mutasiyasız metodlar: slice, concat, toSorted, toReversed, with
Massivlərin yaradılması və çevrilməsi: Array.from, fill, flat, join
Layihə: onlayn mağaza sifarişlərinin analitikası
Sətirlər, regular expressions, ədədlər və tarixlər
Sətir metodları: axtarış və yoxlama
Sətir metodları: kəsmə, əvəzetmə, split və join
Regular expressions: sintaksis, flag-lər və simvol sinifləri
RegExp: kvantifikatorlar, qruplar və alternasiya
RegExp praktikada: match, matchAll, replace və validasiya
Ədədlərlə iş: Math, yuvarlaqlaşdırma, parseInt və BigInt
Date obyekti: tarixin yaradılması və komponentləri
Tarixlərlə hesablamalar və saat qurşaqları
Intl.DateTimeFormat və RelativeTimeFormat: tarixlərin formatlanması
Intl.NumberFormat, PluralRules və ListFormat
Layihə: mətn analizatoru və çoxdilli hesabat
Map, Set, JSON və iteratorlar
Map kolleksiyası: istənilən tipdə açarlar
Set: unikal dəyərlər və çoxluqlar üzərində əməliyyatlar
WeakMap, WeakSet və garbage collection
JSON: JSON.stringify və JSON.parse
Symbol: unikal açarlar və daxili simvollar
İteratorlar və iterable obyektlər
Generatorlar: function* və yield
OOP: this, prototiplər və siniflər
this: kontekstin təyin olunma qaydaları
call, apply və bind: kontekstin idarə edilməsi
Konstruktor funksiyalar və new operatoru
Prototiplər və prototip zənciri
Siniflər (class): constructor, metodlar və sahələr
Varislik: extends, super və instanceof
Getter və setter-lər
Statik xassələr və metodlar
Gizli (private) sahələr və metodlar: #
Layihə: siniflər əsasında kitabxana uçotu sistemi
Xətaların emalı və debugging
Xətaların emalı: try, catch və finally
Error obyekti, xəta tipləri və throw
Xüsusi xəta sinifləri: extends Error
DevTools-da debugging: breakpoint-lər və debugger
Tipik xətalar və debugging strategiyaları
DOM ilə iş
DOM nədir: düyünlər ağacı və document obyekti
Elementlərin axtarışı: querySelector, getElementById, closest
DOM üzrə naviqasiya: valideyn, uşaq və qonşu elementlər
Elementin məzmunu: textContent, innerHTML və innerText
Atributlar və xassələr: getAttribute, setAttribute, dataset
classList və stillər: siniflərin və CSS-in idarə edilməsi
Elementlərin yaradılması, əlavə edilməsi və silinməsi
Məlumatlardan render: template, DocumentFragment, replaceChildren
Ölçülər və scroll: getBoundingClientRect, scrollIntoView
Hadisələr (events)
Hadisə dinləyiciləri: addEventListener və removeEventListener
Hadisə obyekti: target, currentTarget və preventDefault
Hadisələrin yayılması: bubbling və capturing
Hadisələrin delegasiyası
Siçan və pointer hadisələri
Klaviatura hadisələri: keydown, key və code
Səhifənin həyat dövrü: DOMContentLoaded, load, scroll və resize
Xüsusi hadisələr: CustomEvent və dispatchEvent
Layihə: kalkulyator
Layihə: şəkil slayderi
Formalar və brauzerdə məlumatların saxlanması
Formalarla iş: form.elements, value, checked və select
Forma hadisələri: submit, input, change və FormData
Brauzer validasiyası: Constraint Validation API
JavaScript ilə xüsusi validasiya: qaydalar və xəta mesajları
Layihə: validasiyalı qeydiyyat forması
localStorage və sessionStorage: məlumatların brauzerdə saxlanması
Layihə: localStorage ilə To-Do siyahısı
Asinxron JavaScript
Taymerlər: setTimeout və setInterval
Event loop: çağırış yığını və tapşırıqlar növbəsi
Mikrotapşırıqlar və makrotapşırıqlar: icra ardıcıllığı
Asinxron callback-lər və callback hell
Promise: vəziyyətlər, then, catch və finally
Promise zəncirləri və zəncirdə xətalar
Promise.all, allSettled, race, any və withResolvers
async/await: asinxron kodu sinxron üslubda yazmaq
Asinxron kodda xətalar: paralel və ardıcıl icra
Layihə: taymerli quiz tətbiqi
Şəbəkə: fetch və REST API
Frontend üçün HTTP və REST: metodlar, status kodları, başlıqlar
fetch ilə GET sorğuları: Response, json() və URLSearchParams
Məlumatların göndərilməsi: POST, PUT, PATCH və DELETE
Şəbəkə xətaları, timeout-lar və AbortController
İnterfeysdə yüklənmə vəziyyətləri və sorğu yarışları
API-də autentifikasiya: açarlar, token-lər və CORS
Layihə: açıq API ilə hava proqnozu tətbiqi
Brauzer API-ləri
BOM: window, location, navigator və screen
History API: pushState, popstate və sadə routing
IntersectionObserver: lazy loading və sonsuz scroll
Geolocation və Clipboard API: icazələrlə iş
IndexedDB: brauzer verilənlər bazasına giriş
Web Workers: ağır hesablamaların fonda icrası
Canvas: qrafika çəkməyə giriş
Drag and Drop API: elementlərin sürüklənməsi
Layihə: drag & drop ilə Kanban lövhəsi
Modullar, npm və alətlər
ES modulları: import və export
Dinamik import(), top-level await və import.meta
npm: package.json, asılılıqlar və skriptlər
Vite: layihənin yaradılması, dev server və build
Kod stili: ESLint və Prettier
Vitest ilə unit testlər
jQuery: legacy kodu oxumaq üçün qısa icmal
Peşəkar səviyyə və final layihə
Funksional yanaşma: təmiz funksiyalar və dəyişməzlik
Currying, qismən tətbiq və funksiyaların kompozisiyası
Debounce və throttle: çağırışların tezliyinə nəzarət
Frontend təhlükəsizliyi: XSS, innerHTML və textContent
Performans: reflow, requestAnimationFrame və yaddaş sızmaları
Layihə: filtrli SPA məhsul kataloqu
Final layihə: API ilə işləyən interaktiv veb tətbiq
Brauzer API-ləri və qabaqcıl JS
WebSocket brauzerdə: real vaxt rejimində ikitərəfli əlaqə
File API: fayllar, Blob və FileReader
`Proxy` və `Reflect`: obyektlərin davranışını ələ keçirmək
Web Components: customElements.define, həyat dövrü, atributlar və hadisələr
Shadow DOM, <template> və slot: izolə olunmuş CSS və komponentlərin birləşdirilməsi
Bundler-lər: webpack və Rollup əsasları, tree shaking, code splitting
Kitabxanalar, şəbəkə və təhlükəsizlik
HTTP klientlər: Axios və fetch, interceptor-lar, timeout və retry
Müştəri tərəfdə autentifikasiya: JWT, tokenlərin saxlanması və OAuth 2.0 PKCE
Köməkçi kitabxanalar: lodash, dayjs, date-fns və bundle ölçüsü
Qrafiklər: Chart.js (konfiqurasiya, dataset-lər, yeniləmə) və D3 tanışlığı
Animasiya kitabxanaları: GSAP (tween, timeline, ScrollTrigger), CSS və Web Animations API
WebRTC əsasları: getUserMedia, RTCPeerConnection, signaling və data channel
Qrafika, oflayn rejim və səs
Three.js əsasları: səhnə, kamera, işıq, animasiya və glTF
PWA və Service Worker: manifest, keş və oflayn rejim
Web Audio API: səs sintezi, nümunələr və vizuallaşdırma
Təhlükəsizlik, testlər və yerləşdirmə
JavaScript üçün E2E testlər: Playwright

JavaScript kursu · DOM ilə iş

Elementlərin yaradılması, əlavə edilməsi və silinməsi

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

Hesab yarat Daxil ol

← Əvvəlki dərs🔒 classList və stillər: siniflərin və CSS-in idarə edilməsi Növbəti dərs →🔒 Məlumatlardan render: template, DocumentFragment, replaceChildren

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