Öne Çıkan Popüler web-gelistirme beginner

Yeni Baslayanlar icin JavaScript Tum Yonleri ile

Sifirdan ES6+, DOM, Async/Await, Fetch API, OOP, Webpack ve Modern Web Guvenligi

0.0
AI destekli, proje odaklı, yaşam boyu erişim 0 değerlendirme
80
Video Ders
3s 51dk
Toplam Süre
8
Modül

Set İçeriği

Modül modül, ders ders öğrenin. Her bölüm pratik projeler ve alıştırmalarla desteklenmiştir.

1 JavaScript Temelleri & Gelistirme Ortami 5 ders
1
Gelistirme Ortami Kurulumu ve Ilk JavaScript Dosyasi
VS Code kurulumu, Live Server eklentisi, tarayici Developer Tools ve console.log ile ilk ciktiyi alma.
05:54 Ücretsiz
9
Degiskenler ve Veri Tipleri
var, let, const farklari, primitive ve referans tipler, String, Number, Boolean, null, undefined.
08:15 Ücretsiz
17
Aritmetik, Karsilastirma ve Mantiksal Operatorler
Matematiksel islemler, ++/--, == vs ===, && || ! ve kisa devre degerlendirmesi.
11:00
25
Kosullu Ifadeler (if-else, switch, ternary)
if-else zincirleri, switch-case, ternary (? :), truthy/falsy ve nullish coalescing (??).
12:30
33
Donguler (for, while, do-while, for...of, for...in)
Klasik for, while, do-while, for...of ile dizi gezme, for...in ile nesne anahtarlari, break/continue.
08:15
2 Fonksiyonlar, Diziler & String Islemleri 5 ders
2
Fonksiyon Tanimlama ve Kullanimi
Function declaration vs expression, parametreler, default/rest parametreleri, return ve scope.
06:32 Ücretsiz
10
Arrow Functions ve Callback Fonksiyonlar
Arrow function sozdizimi, implicit return, this farki, callback pattern, higher-order functions.
05:05
18
Diziler ve Dizi Metodlari
Array olusturma, push/pop, shift/unshift, indexOf, includes, slice, splice, spread.
06:45
26
Gelismis Dizi Metodlari (map, filter, reduce)
map ile donusturme, filter ile eleme, reduce ile toplama, find, some/every, zincirleme.
06:48
34
String Manipulasyonu ve Template Literals
Template literals, interpolation, replace, split/join, trim, toLowerCase, substring.
06:32
3 DOM Manipulasyonu & Olaylar (Events) 5 ders
3
DOM Secicileri ve Element Manipulasyonu
getElementById, querySelector/All, innerHTML vs textContent, setAttribute, classList.
06:53 Ücretsiz
11
Dinamik Element Olusturma ve Silme
createElement, appendChild, remove, insertAdjacentHTML ve performans.
06:28
19
CSS Manipulasyonu ve Stil Yonetimi
style.property, getComputedStyle, CSS custom properties (--var), tema yonetimi.
04:45
27
Olay Dinleyicileri (Event Listeners)
addEventListener, event tipleri (click,submit,keydown), event object, removeEventListener.
06:29
35
Event Bubbling, Form Islemleri ve Validasyon
Bubbling/capturing, stopPropagation, FormData API, input dogrulama, matches/closest.
06:36
4 Asenkron JavaScript (Promises, Async/Await) 5 ders
4
Event Loop ve Callback Pattern
Call stack, Web APIs, callback/task queue, microtask queue, setTimeout/setInterval, callback hell.
05:11 Ücretsiz
12
Promise Temelleri ve Zincirleme
Promise constructor, resolve/reject, .then/.catch/.finally, zincirleme, hata propagasyonu.
05:02
20
Async/Await ile Modern Asenkron Kod
async function, await, try-catch hata yonetimi, Promise.all vs sequential await.
05:20
28
Promise API (all, race, allSettled, any)
Promise.all, Promise.race, Promise.allSettled, Promise.any ve kullanim senaryolari.
04:56
36
Proje: Hava Durumu Uygulamasi
OpenWeatherMap API, async/await fetch, loading state, hata yonetimi, UI guncelleme.
05:09
5 Nesne Yonelimli Programlama (OOP) 5 ders
5
Nesne Olusturma ve Constructor Fonksiyonlar
Object literal, factory functions, constructor, new keyword, this ve instance.
05:11 Ücretsiz
13
ES6 Class Sozdizimi ve Metotlar
class, constructor, instance/static methods, getter/setter, private fields (#).
04:50
21
Prototype Zinciri ve Kalitim
Prototype chain, extends, super(), metod override.
05:10
29
Encapsulation ve Veri Gizleme
Closure privacy, #privateField, getter/setter valide etme.
04:45
37
Polymorphism ve SOLID Prensipleri
Metod override, duck typing, SOLID: Single Responsibility, Open/Closed, Liskov, Interface Segregation, Dependency Inversion.
05:20
6 ES6+ Modern JavaScript & Moduller 5 ders
6
let, const ve Block Scoping
var vs let/const, TDZ, block/function/global scope, const immutability.
05:05 Ücretsiz
14
Destructuring ve Spread/Rest
Array/object destructuring, nested destructuring, spread (...), rest parametreleri.
04:41
22
ES6 Modulleri (import/export)
Named/default export, import, re-export, dynamic import(), tree shaking.
05:01
30
npm Ekosistemi ve Paket Yonetimi
npm init, package.json, dependencies/devDependencies, semantic versioning, npm scripts, npx.
04:48
38
Webpack ve Babel ile Build Ortami
Webpack konfigurasyonu, Babel transpilasyon, loaders/plugins, code splitting.
05:01
7 Fetch API, JSON & RESTful API Entegrasyonu 5 ders
7
Fetch API ile HTTP Istekleri (GET, POST)
fetch(), GET/POST, headers, body, response.json(), status kontrolu, error handling.
05:10 Ücretsiz
15
JSON Manipulasyonu ve Veri Donusumu
JSON.stringify/parse, reviver, replacer, nested JSON, pretty print.
05:01
23
CRUD Islemleri ve RESTful API Mimarisi
GET/POST/PUT/PATCH/DELETE, REST prensipleri, endpoint tasarimi, query params, pagination.
04:54
31
API Yetkilendirme: JWT Token
Bearer token, JWT yapisi, localStorage, token refresh pattern.
04:57
39
Proje: GitHub API Kullanici Arama
GitHub REST API, arama/filtreleme, profil ve repo listesi, pagination, DOM olusturma.
04:58
8 Web APIleri, Web Guvenligi & Deployment 5 ders
8
Browser Storage (localStorage, sessionStorage)
localStorage vs sessionStorage, CRUD, JSON serialization, storage event.
04:48 Ücretsiz
16
Web APIleri (Geolocation, Notification, Web Workers)
Geolocation konum, Notification bildirim, Web Workers arka plan islem.
04:36
24
Web Guvenligi: XSS, CSRF, CORS
XSS ve onleme, CSRF token, CORS headers, Same-Origin Policy.
04:54
32
CSP ve HTTPS Guvenligi
Content Security Policy, nonce/hash, HTTPS, HSTS, guvenlik headerlari.
03:16
40
Projeyi Canliya Alma: Netlify, Vercel, GitHub Pages
Build, env variables, Netlify/Vercel deploy, GitHub Pages, custom domain, CI/CD.
04:56

Paket İçeriği

Tek pakette eksiksiz video öğrenme ekosistemiDersleri izleyin, uygulayın, projeler geliştirin ve ilerlemenizi düzenli takip edin.
AI İçerik Üretimi
✓ HyperFrames Studio✓ Remotion Studio✓ Slayt Maker✓ Soru Bankası
Video ve Anlatım
✓ Stock Resim Video✓ Stock Podcast✓ Avatar ile Anlat

Dünya'da İlk ve Tek Özellikler

500.000 Soru - Cevap

Uzman Eğitmenler Tarafından Hazırlanmış 500.000 Soru ile Yapay Zeka Destekli Sınırsız Soru Bankası

110 Kitap ve Fasikül

20.000 Sayfalık Dev Külliyat 100.000+ den fazla Sorulu Soru Bankası ile Sınavlara Hazırlık

Seviyene Göre Soru Bankası

500.000 Gerçek Soru ile 5.000 Sorulu Kendi Seviyene Göre Soru Bankası Oluştur.

Seviyene Göre Çözümlü Sorular

Kendi Seviyene Göre Oluşturduğun 5.000 Soruyu Yine Kendi Seviyene ( Basit, Standart, Zor, Akademik) Olarak Çözüm Ürettir.

3 Farklı Anlatım

Soru ve Çözümlerini 3 Farklı ( Animasyonlu, Yapay Zeka Avatar, Podcast) ile ( Basit, Standart, Zor, Akademik) İzle.

Dünyanın En Gelişmiş Yapay Zeka Modeller

Eğitim Süreçleriniz Dünyanın En Gelişmiş Yapay Zeka Modelleri ile Desteklenmekte.

Öğrenci Paneli
  • Yapay Zeka Avatar Sohbet ( LLM + Ses + Video Kredi Kullanır )
  • Ders Anlat ( LLM + Ses Kredi Kullanır )
  • Yazılım Anlat ( LLM + Ses Kredi Kullanır )
  • Arduino Anlat ( LLM + Ses Kredi Kullanır )
  • Yabancı Dil Anlat ( LLM + Ses Kredi Kullanır )
  • Satranç Anlat ( LLM + Ses Kredi Kullanır )
  • Gamified ( LLM + Ses Kredi Kullanır )
  • Sohbet (Chat) & Asistan ( LLM Kredi Kullanır )
  • Takvim & Ajanda ( LLM Kredi Kullanır )
  • Görevler & Kanban Board ( LLM Kredi Kullanır )
  • Süper AI Veri Sohbeti ( LLM Kredi Kullanır )
  • Ana Öğrenci Modülleri ( LLM Kredi Kullanır )
  • Performans ve Analiz ( LLM Kredi Kullanır )
  • Mikro Öğrenme ( LLM Kredi Kullanır )
  • İleri Seviye Araçlar ( LLM Kredi Kullanır )
Paket İçeriği
  • 10 Milyon LLM (ChatGpt, Gemini ve diğerleri ) Token Kredi
  • 1.000 Görsel (Nanobanana, OpenAi ve diğerleri ) Token Kredi
  • 1.000 (Kling 3.0, Google Veo 3.1 ve diğerleri ) Video Kredi
  • 100.000 (Elevenlabs, Mimimax ve diğerleri ) Ses Kredi
  • 150 Dakika Bireysek Yapay Zeka Koç
  • 254 Yapay Zeka Konu Anlatım Videosu (4.191 Dakika)
  • 70.000’den Fazla Soru ve Çözüm Videoları
  • 110 Kitap + Fasikül + Deneme
  • Yapay Zeka Ders Videoları
  • Konu Kazanım Testleri
  • SorÇöz Uygulaması
  • Kendi Yaprak Testini Oluştur

Video İçerikleri

  • JavaScript
  • ES6+
  • DOM
  • Async/Await
  • Fetch API
  • 40 İnteraktif Ders
  • Çözümlü Soru Bankası
  • Deneme Sınavları
  • Sertifika (Tamamlanma sonrası)

Dahil Edilenler

  • Video Kutuphanesi - JS Core, DOM, Async, OOP
  • 15+ Proje - Kaynak kod ve demo
  • Kod Alistirmalari - Interaktif zorluklar
8 Tematik Bölüm

MEB kazanım akışına göre düzenlenmiş, büyüyebilir öğrenme haritası.

Ders Başına AI Stüdyosu

Animasyon, slayt, soru bankası, podcast ve avatar anlatım araçları.

Kazanım Odaklı İçerik

Her dersin amacı, açıklaması ve tahmini süresi görünür şekilde planlanır.

Akıllı İlerleme Takibi

Tamamlanma, eksik konu ve tekrar ihtiyacı için sürdürülebilir takip altyapısı.

Ölçme ve Pekiştirme

Ünite sonu alıştırmaları, konu tarama testleri ve deneme akışı.

Tamamlama Sertifikası

Set tamamlandığında öğrencinin gelişimini görünür kılan dijital başarı akışı.

Eğitim Yolculuğunuzda Yanınızdayız

Hangi setin sizin için en uygun? Eğitim danışmanlarımızla iletişime geçin, size özel bir yol haritası çizelim.

Beni Arayın

Sponsor Bu Alan Ücretsiz Üyelere Görünmektedir.
img description