Yukleniyor...
Ücretsiz deneme dersi ile kodlama dünyasına ilk adımı atın. Hiçbir taahhüt yok, sadece öğrenme keyfi.
HTML, CSS, JavaScript ve React -- cocugunuz gercek web siteleri ve uygulamalar gelistirirken dunyanin en populer programlama dilini ogrensin. Birebir online derslerle her ogrenci kendi hizinda ilerler.
Internetteki her web sitesinin arkasinda JavaScript var. YouTube, Instagram, Netflix, Spotify... Hepsi JavaScript ile calisiyor. Cocugunuz da bu teknolojiyi ogrenerek kendi projelerini hayata gecirsin.
JavaScript, 1995 yilinda Brendan Eich tarafindan Netscape tarayicisi icin gelistirilen ve bugun dunyanin en yaygin kullanilan programlama dili olan bir web teknolojisidir. Baslangicta sadece web sayfalarini interaktif yapmak icin tasarlanan JavaScript, bugun sunucu tarafinda (Node.js), mobil uygulamalarda (React Native), masaustu uygulamalarda (Electron) ve hatta yapay zeka projelerinde kullanilmaktadir.
2026 yili itibariyle JavaScript, Stack Overflow Developer Survey'de art arda 12. yil dunyanin en populer programlama dili secilmistir. Github'daki projelerin buyuk cogunlugu JavaScript veya TypeScript ile yazilmaktadir.
JavaScript'in bu kadar yaygin olmasinin temel nedeni, web tarayicilarina gomulu gelen tek programlama dili olmasidir. Chrome, Firefox, Safari, Edge -- hepsi JavaScript motorlari uzerinde calisiyor. Bu da JavaScript'i "web'in dili" yapan en onemli faktor.
Cocuklar JavaScript ogrendiklerinde, yazdiklari her satir kodu aninda tarayicida gorebilirler. Bir butona tikladiklarinda renk degisir, bir animasyon baslar, bir oyun harekete gecer. Bu aninda geri bildirim, ogrenmede motivasyonu en yuksek seviyede tutar ve cocuklarin "ben bunu yaptim!" hissini yasatir.
// Merhaba JavaScript!
const isim = "Ahmet";
const yas = 14;
function selamla(ad) {
return "Merhaba " + ad + "!";
}
console.log(selamla(isim));
// Cikti: Merhaba Ahmet!
// Web sayfasini degistir
document.querySelector("h1")
.textContent = "Benim Sitem";JavaScript, 30 yildan fazla suredir web'in temel tasiyici sutunu. Iste bu dilin evrimi:
Brendan Eich, Netscape Navigator icin sadece 10 gunde yeni bir programlama dili yaratir. Baslangicta "Mocha", sonra "LiveScript" olarak adlandirilir ve son olarak "JavaScript" adini alir. Amac, web sayfalarinda basit etkilesimler saglamaktir.
Brendan Eich, Netscape Navigator icin sadece 10 gunde yeni bir programlama dili yaratir. Baslangicta "Mocha", sonra "LiveScript" olarak adlandirilir ve son olarak "JavaScript" adini alir. Amac, web sayfalarinda basit etkilesimler saglamaktir.
JavaScript, ECMA International tarafindan standartlastirilir ve ECMAScript (ES1) olarak resmilestilir. Bu adim, farkli tarayicilarin ayni dili desteklemesini saglar ve web'in tutarli bir sekilde calismasi icin temel olusturur.
JavaScript, ECMA International tarafindan standartlastirilir ve ECMAScript (ES1) olarak resmilestilir. Bu adim, farkli tarayicilarin ayni dili desteklemesini saglar ve web'in tutarli bir sekilde calismasi icin temel olusturur.
Google Maps ve Gmail gibi uygulamalar, AJAX (Asynchronous JavaScript and XML) teknolojisiyle sayfayi yenilemeden veri yuklemeyi baslatir. Bu, web uygulamalarinin masaustu uygulamalari gibi hissettirmesinin baslangici olur. Web 2.0 donemi baslar.
Google Maps ve Gmail gibi uygulamalar, AJAX (Asynchronous JavaScript and XML) teknolojisiyle sayfayi yenilemeden veri yuklemeyi baslatir. Bu, web uygulamalarinin masaustu uygulamalari gibi hissettirmesinin baslangici olur. Web 2.0 donemi baslar.
Google, Chrome tarayicisini ve V8 JavaScript motorunu tanittir. V8, JavaScript'i makine koduna derleyerek hizini 10 kat arttirir. Bu performans devrimi, JavaScript'in sadece tarayicida degil, her yerde kullanilmasinin onunu acar.
Google, Chrome tarayicisini ve V8 JavaScript motorunu tanittir. V8, JavaScript'i makine koduna derleyerek hizini 10 kat arttirir. Bu performans devrimi, JavaScript'in sadece tarayicida degil, her yerde kullanilmasinin onunu acar.
Ryan Dahl, V8 motoru uzerine kurulu Node.js'i yayinlar. Artik JavaScript sadece tarayicida degil, sunucu tarafinda da calisabilir. Bu, JavaScript ile hem frontend hem backend yazilabilecegi anlamina gelir. "Fullstack JavaScript" donemi baslar.
Ryan Dahl, V8 motoru uzerine kurulu Node.js'i yayinlar. Artik JavaScript sadece tarayicida degil, sunucu tarafinda da calisabilir. Bu, JavaScript ile hem frontend hem backend yazilabilecegi anlamina gelir. "Fullstack JavaScript" donemi baslar.
npm (Node Package Manager) yayinlanir ve kisa surede dunyanin en buyuk yazilim kutuphanesi olur. Ayni yil AngularJS (Google) ve Backbone.js gibi ilk buyuk frontend framework'leri ortaya cikar. Express.js ile backend gelistirme kolaylasir.
npm (Node Package Manager) yayinlanir ve kisa surede dunyanin en buyuk yazilim kutuphanesi olur. Ayni yil AngularJS (Google) ve Backbone.js gibi ilk buyuk frontend framework'leri ortaya cikar. Express.js ile backend gelistirme kolaylasir.
Facebook (simdiki Meta), React kutuphanesini acik kaynak olarak yayinlar. Component tabanli yapi ve Virtual DOM kavrami, web gelistirmeyi kokenlerinden degistirir. Instagram, WhatsApp Web ve Netflix gibi devler React'i benimser.
Facebook (simdiki Meta), React kutuphanesini acik kaynak olarak yayinlar. Component tabanli yapi ve Virtual DOM kavrami, web gelistirmeyi kokenlerinden degistirir. Instagram, WhatsApp Web ve Netflix gibi devler React'i benimser.
ECMAScript 2015 (ES6), JavaScript'in en buyuk guncellemesidir. Arrow fonksiyonlar, class yapisi, template literals, destructuring, let/const, Promise ve module sistemi eklenir. Bu surum, JavaScript'i modern ve profesyonel bir dile donusturur.
ECMAScript 2015 (ES6), JavaScript'in en buyuk guncellemesidir. Arrow fonksiyonlar, class yapisi, template literals, destructuring, let/const, Promise ve module sistemi eklenir. Bu surum, JavaScript'i modern ve profesyonel bir dile donusturur.
Microsoft'un gelistirdigi TypeScript, JavaScript'e tip guvenligi ekler ve buyuk projelerde hatalari erkenden yakalanmasini saglar. Angular 2'nin TypeScript ile yazilmasi bu dilin yayginlasmasini hizlandirir. Kurumsal projeler TypeScript'e gecis yapar.
Microsoft'un gelistirdigi TypeScript, JavaScript'e tip guvenligi ekler ve buyuk projelerde hatalari erkenden yakalanmasini saglar. Angular 2'nin TypeScript ile yazilmasi bu dilin yayginlasmasini hizlandirir. Kurumsal projeler TypeScript'e gecis yapar.
Vercel'in gelistirdigi Next.js framework'u, React uygulamalarini sunucu tarafinda render etmeyi (SSR) ve statik site olusturmayi (SSG) kolaylastirir. Ayrica Deno 1.0 yayinlanir -- Node.js'in yaraticisi Ryan Dahl'in yeni runtime'i.
Vercel'in gelistirdigi Next.js framework'u, React uygulamalarini sunucu tarafinda render etmeyi (SSR) ve statik site olusturmayi (SSG) kolaylastirir. Ayrica Deno 1.0 yayinlanir -- Node.js'in yaraticisi Ryan Dahl'in yeni runtime'i.
ChatGPT ve yapay zeka dalgasi, JavaScript ekosistemini de etkiler. TensorFlow.js ile tarayicida makine ogrenimi, LangChain.js ile AI uygulamalari gelistirme yayginlasir. Copilot ve AI kod asistanlari, JavaScript yazimini hizlandirir.
ChatGPT ve yapay zeka dalgasi, JavaScript ekosistemini de etkiler. TensorFlow.js ile tarayicida makine ogrenimi, LangChain.js ile AI uygulamalari gelistirme yayginlasir. Copilot ve AI kod asistanlari, JavaScript yazimini hizlandirir.
Jarred Sumner'in gelistirdigi Bun runtime, Node.js'e ciddi bir alternatif olarak ortaya cikar. Paket yukleme, test calistirma ve bundling islemlerinde 10-25x hiz artisi sunar. Ayrica Deno 2.0, Node.js uyumlulugu ile yayinlanir. JavaScript runtime savasi, ekosistemin hizla evrimlestigini gosteriyor.
Jarred Sumner'in gelistirdigi Bun runtime, Node.js'e ciddi bir alternatif olarak ortaya cikar. Paket yukleme, test calistirma ve bundling islemlerinde 10-25x hiz artisi sunar. Ayrica Deno 2.0, Node.js uyumlulugu ile yayinlanir. JavaScript runtime savasi, ekosistemin hizla evrimlestigini gosteriyor.
React Server Components (RSC) yayginlasir ve sunucu tarafinda render edilen component'ler standart haline gelir. Cloudflare Workers, Vercel Edge Functions gibi platformlar JavaScript'i kullaniciya en yakin sunucularda calistirir. Web performansi yeni bir seviyeye ulasir.
React Server Components (RSC) yayginlasir ve sunucu tarafinda render edilen component'ler standart haline gelir. Cloudflare Workers, Vercel Edge Functions gibi platformlar JavaScript'i kullaniciya en yakin sunucularda calistirir. Web performansi yeni bir seviyeye ulasir.
JavaScript, Stack Overflow'da art arda 12. yil en populer dil. npm'de 3 milyondan fazla paket var. React, Vue, Svelte, Next.js gibi framework'ler surekli gelisiyor. Bun runtime performans rekorlari kiriyor. AI destekli gelistirme araclari (Copilot, Claude Code) JavaScript yazmakyi daha da hizlandiriyor. JavaScript her zamankinden daha guclu ve yaygin.
JavaScript, Stack Overflow'da art arda 12. yil en populer dil. npm'de 3 milyondan fazla paket var. React, Vue, Svelte, Next.js gibi framework'ler surekli gelisiyor. Bun runtime performans rekorlari kiriyor. AI destekli gelistirme araclari (Copilot, Claude Code) JavaScript yazmakyi daha da hizlandiriyor. JavaScript her zamankinden daha guclu ve yaygin.
Teknoloji sektorunde en cok aranan beceri web gelistirmedir ve web gelistirmenin temeli JavaScript'tir. Iste cocugunuzun JavaScript ogrenmesi icin 6 guclu neden:
JavaScript, tum web tarayicilarinda calisan tek programlama dilidir. Internetteki 1.8 milyar web sitesinin %98'i JavaScript kullaniyor. YouTube, Instagram, Netflix, Twitter, Amazon -- hepsi JavaScript ile calisir. Cocugunuz web'in temel dilini ogrendiginde, internetin nasil calistigini gercekten anlar.
Python'da sonuclari terminal ekraninda gorursunuz. JavaScript'te ise yazilanlar dogrudan web sayfasinda canlanir: renkler degisir, butonlar tiklanir, animasyonlar oynar. Bu gorsel geri bildirim cocuklarin motivasyonunu cok yuksek tutar ve ogrenim surecini eglenceli kilar.
Frontend gelistirici, fullstack muhendis, mobil uygulama gelistirici, UX muhendisi, DevOps... JavaScript bilen bir yazilimci icin yuzlerce farkli kariyer yolu mevcuttur. Dunya capinda en cok is ilani verilen programlama dili JavaScript'tir.
JavaScript ile bir fikri hizla prototipe donusturebilirsiniz. Bir web sitesi, bir oyun, bir uygulama -- hepsi sadece bir tarayici ve bir metin editoruyle baslar. Cocugunuz aklina gelen projeyi hemen hayata gecirebilir, uzun kurulum surecleri gerekmez.
npm (Node Package Manager) dunyamn en buyuk yazilim kutuphanesidir ve 2 milyondan fazla paket icerir. React, Vue, Angular gibi framework'ler, Three.js ile 3D grafikler, Socket.io ile canli sohbet... JavaScript ekosistemi sinir tanimaz.
JavaScript bilgisi, universite basvurularinda ve staj mulakatlarinda buyuk avantaj saglar. Ozellikle GitHub'daki projeleri gosterebilmek, portfolyo web sitesi olusturabilmek genclerin diger adaylardan one cikmalarini saglar.
JavaScript, dunyanin en buyuk gelistirici topluluguna sahiptir. Stack Overflow'da 2.5 milyondan fazla JavaScript sorusu cevaplanmistir. Herhangi bir sorunla karsilastiginizda, cozumun sadece bir Google aramasinda oldugunu bilmek buyuk bir avantajdir.
JavaScript her platformda calisir: Windows, Mac, Linux, iOS, Android, hatta akilli saatler ve IoT cihazlari. Tek bir dil ogrenerek tum platformlarda uygulama gelistirebilirsiniz. "Bir kere ogren, her yerde kullan" ilkesi JavaScript icin gercekten gecerlidir.
JavaScript ile hayalinizdeki projeyi gercege donusturebilirsiniz. Bir blog, bir oyun, bir sosyal medya uygulamasi, bir e-ticaret sitesi... Sinir sadece hayal gucunuz. Three.js ile 3D sanat, p5.js ile generatif sanat, Tone.js ile muzik -- yaraticilik sinirsiz.
Bir web sitesi uc temel teknolojiden olusur. Her birinin farkli ama birbiriyle baglantili gorevi vardir.
Benzetme: Bir evin temeli ve duvarlari
Web sayfasinin icerigini ve yapisini tanimlar. Basliklar, paragraflar, resimler, butonlar, formlar -- hepsi HTML ile olusturulur. Sayfanin "ne" icerdigini belirler.
Benzetme: Evin boyasi, dekorasyonu, mobilyalari
Web sayfasinin gorsel tasarimini kontrol eder. Renkler, yazi tipleri, boyutlar, konumlandirma, animasyonlar -- CSS ile sayfa guzel gorunur. Sayfanin "nasil gorunecegini" belirler.
Benzetme: Evin elektrik ve su tesisati
Web sayfasina hayat verir. Buton tiklandiginda ne olacak? Form gonderildiginde veri nereye gidecek? Animasyonlar nasil calisacak? JavaScript ile sayfa "canlanir" ve kullaniciyla etkilesir.
Kisaca: HTML icerik koyar, CSS guzel gosterir, JavaScript canlandirir. Kursumuzda uc teknolojiyi birlikte, proje bazli olarak ogretiyoruz. Ogrenciler ilk haftalarda HTML ve CSS ile web sayfasi yapar, sonra JavaScript ile interaktif hale getirir.
4 faz, 36 hafta -- sifirdan profesyonel web gelistirmeye. Her faz somut projelerle desteklenir.
Web gelistirmenin temeli. Ogrenci HTML ile sayfa yapisi kurar, CSS ile gorsel tasarim yapar. Faz sonunda kendi kisisel web sitesini internete yayinlar.
HTML temelleri: etiketler, basliklar, paragraflar, resimler, linkler
HTML formlar, tablolar, semantik etiketler (header, nav, footer)
CSS temelleri: renkler, yazi tipleri, kutu modeli, siniflar ve id'ler
Flexbox, Grid, responsive tasarim, kisisel web sitesi projesi
Programlamanin temel kavramlari: degiskenler, donguler, kosullar, fonksiyonlar. DOM manipulasyonu ile web sayfalarini interaktif hale getirir. Faz sonunda interaktif quiz uygulamasi yapar.
Degiskenler, veri tipleri, console.log, string ve sayi islemleri
Kosullu ifadeler (if/else), karsilastirma operatorleri, mantiksal operatorler
Donguler (for, while), diziler (array), dizi metodlari
Fonksiyonlar, parametreler, return, scope kavrami
DOM secme, olay dinleyiciler (addEventListener), form islemleri, quiz projesi
Modern JavaScript (ES6+), asenkron programlama, API kullanimi ve Canvas ile oyun gelistirme. Gercek dunya projeleri: hava durumu uygulamasi, tarayici oyunu, not uygulamasi.
ES6+: arrow fonksiyonlar, destructuring, template literals, spread operator
Objeler, JSON, Local Storage ile veri kaydetme, not uygulamasi
Fetch API, async/await, hava durumu uygulamasi (gercek API)
Canvas API ile cizim, animasyonlar, fizik simulasyonu
Tarayici oyunu gelistirme: Snake, Pong veya platformer oyun
Facebook'un gelistirdigi React framework'u ile profesyonel web uygulamalari. Component yapisi, state yonetimi, routing. Faz sonunda tam islevli bir web uygulamasini GitHub'a yayinlar.
React giris: JSX, component yapisi, props ile veri aktarimi
State yonetimi (useState, useEffect), form islemleri, etkinlik yonetimi
React Router, coklu sayfa uygulamasi, API entegrasyonu
Bitirme projesi: tam islevli web uygulamasi, GitHub'a yayinlama, portfolyo
Kurs boyunca cocugunuz 8 gercek proje gelistirir. Her proje portfolyosune eklenir ve GitHub'da paylasilabilir.
HTML ve CSS ile tasarlanmis, responsive kisisel tanitim sayfasi. Hakkinda, projeleri ve iletisim bolumlu.
JavaScript ile calisan tam islevli hesap makinesi. Toplama, cikarma, carpma, bolme ve hafiza fonksiyonlari.
Coktan secmeli sorular, puan sistemi, zamanlayici ve sonuc ekrani olan quiz oyunu.
Canvas API ile gelistirilen klasik yilan oyunu. Skor tablosu, zorluk seviyeleri ve ses efektleri.
Gercek hava durumu API'si kullanarak sehir arama, 5 gunluk tahmin ve konum bazli veri gosterimi.
Not ekleme, duzenleme, silme, kategori ve arama ozellikleriyle tam islevli not defteri. Veriler tarayicida saklanir.
Urun listeleme, sepete ekleme, toplam hesaplama ve siparis ozeti olan modern alisveris uygulamasi.
Ogrencinin sectigi bir konu uzerinde sifirdan tasarladigi, API kullanan tam islevli React uygulamasi.
Ogrencilerimizin derslerde yazdigi gercek kodlardan ornekler. Basit "Merhaba Dunya"dan React component'ine kadar adim adim ilerleme:
// Ilk JavaScript programin!
const isim = "Zeynep";
const yas = 13;
// Konsola mesaj yazdir
console.log("Merhaba, ben " + isim);
console.log("Yasim: " + yas);
// Web sayfasinda goster
document.getElementById("mesaj")
.textContent = "Hosgeldin " + isim + "!";
// Cikti: Hosgeldin Zeynep!Ogrenilen: Degiskenler, string birlestirme, DOM erisimi
// Rastgele renk uretici
function rastgeleRenk() {
const harfler = "0123456789ABCDEF";
let renk = "#";
for (let i = 0; i < 6; i++) {
renk += harfler[
Math.floor(Math.random() * 16)
];
}
return renk;
}
// Butona tikla, arka plan degissin
const buton = document.getElementById("btn");
buton.addEventListener("click", () => {
document.body.style.backgroundColor
= rastgeleRenk();
});Ogrenilen: Fonksiyonlar, donguler, event listener, DOM stil degisimi
// Hesap makinesi fonksiyonlari
function hesapla(sayi1, islem, sayi2) {
switch (islem) {
case "+": return sayi1 + sayi2;
case "-": return sayi1 - sayi2;
case "*": return sayi1 * sayi2;
case "/":
if (sayi2 === 0) return "Hata!";
return sayi1 / sayi2;
default: return "Gecersiz islem";
}
}
console.log(hesapla(10, "+", 5)); // 15
console.log(hesapla(20, "*", 3)); // 60
console.log(hesapla(100, "/", 0)); // Hata!Ogrenilen: Switch-case, fonksiyon parametreleri, hata kontrolu
// Yapilacaklar listesi
let gorevler = [];
function gorevEkle(metin) {
gorevler.push({
id: Date.now(),
metin: metin,
tamamlandi: false
});
listeGuncelle();
}
function gorevSil(id) {
gorevler = gorevler.filter(
g => g.id !== id
);
listeGuncelle();
}
function listeGuncelle() {
const liste = document.getElementById("liste");
liste.innerHTML = gorevler.map(g =>
`<li>${g.metin}
<button onclick="gorevSil(${g.id})">
Sil
</button>
</li>`
).join("");
}Ogrenilen: Diziler, obje yapisi, filter, template literals, innerHTML
// Hava durumu API'sinden veri cek
async function havaDurumu(sehir) {
const API_KEY = "sizin_api_key";
const url = `https://api.weather.com/
?q=${sehir}&appid=${API_KEY}`;
try {
const yanit = await fetch(url);
const veri = await yanit.json();
document.getElementById("sicaklik")
.textContent = veri.main.temp + " C";
document.getElementById("durum")
.textContent = veri.weather[0]
.description;
} catch (hata) {
console.error("Hata:", hata);
}
}
havaDurumu("Istanbul");Ogrenilen: async/await, Fetch API, JSON parse, try/catch hata yonetimi
// React sayac component'i
import { useState } from "react";
function Sayac() {
const [sayi, setSayi] = useState(0);
return (
<div className="sayac">
<h2>Sayac: {sayi}</h2>
<button
onClick={() => setSayi(sayi + 1)}
>
Artir +
</button>
<button
onClick={() => setSayi(sayi - 1)}
>
Azalt -
</button>
<button
onClick={() => setSayi(0)}
>
Sifirla
</button>
</div>
);
}
export default Sayac;Ogrenilen: React component, useState hook, JSX, event handling
Not: Bu ornekler derslerde ogrencilerin gercekten yazdigi kodlardir. Her ogrenci kendi hizinda ilerler ve egitmen kodun her satirini birebir anlatir. Kopyala-yapistir degil, anlayarak yazma esasina dayali egitim yapilir.
JavaScript sadece bir dil degil, devasa bir ekosistem. npm, framework'ler ve araclarla neredeyse her sey yapilabilir.
Dunyanin en buyuk yazilim kutuphanesi. 3 milyondan fazla hazir paket icerir. Bir satir komutla istediginiz araci projenize ekleyebilirsiniz. Tarih islemleri icin date-fns, form dogrulama icin Zod, animasyonlar icin Framer Motion...
Meta (Facebook) tarafindan gelistirilen dunyanin en populer frontend kutuphanesi. Instagram, WhatsApp Web, Netflix, Airbnb gibi devler React kullaniyor. Component tabanli yapisi, kodu duzeni ve tekrar kullanilabilir hale getirir.
Ogrenme egrisi dusuk, esnek bir frontend framework. Ozellikle Avrupa ve Asya'da populer. Alibaba, Nintendo ve GitLab gibi sirketler kullaniyor. Kursumuzda React odakliyiz ama Vue'yu da tanitiriz.
Vercel tarafindan gelistirilen React framework'u. Sunucu tarafinda render (SSR), statik site olusturma (SSG), API route'lari ve daha fazlasi. TikTok, Hulu, Notion gibi sirketler kullaniyor. Modern web gelistirmenin standardi.
JavaScript'i sunucu tarafinda calistiran runtime. REST API, veritabani islemleri, dosya yonetimi, gercek zamanli uygulamalar... Node.js ile JavaScript tek basina hem frontend hem backend yazabilir. LinkedIn, Netflix, NASA kullaniyor.
React bilgisiyle hem iOS hem Android uygulamasi gelistirme. Tek kod tabanıyla iki platformda da calisan native uygulamalar. Facebook, Instagram, Discord ve Shopify'in mobil uygulamalari React Native ile yapilmistir.
3D grafikleri dogrudan tarayicide gostermeye yarayan kutuphane. 3D modeller, animasyonlar, oyunlar ve interaktif deneyimler. WebGL uzerine kurulu, ogrenilmesi surpriz derecede kolay ve sonuclari muhtesem.
Node.js uzerine kurulu minimalist web sunucu framework'u. REST API olusturmak, middleware yazmak ve veritabani baglantilari kurmak icin en yaygin kullanilan arac. Uber, Twitter ve MySpace gibi sirketler kullandi.
Microsoft'un gelistirdigi, JavaScript'e tip guvenligi ekleyen dil. Buyuk projelerde hatalari derleme asamasinda yakalar. Angular, Deno ve buyuk sirketlerin cogu TypeScript'e gecis yapti. Kursumuzda temel JavaScript'ten sonra tanitilir.
Derleme zamaninda calisan yenilikci bir framework. Virtual DOM kullanmaz, dolayisiyla cok hizlidir. SvelteKit ile fullstack uygulamalar gelistirilebilir. Apple, Spotify ve The New York Times kullaniyor. Yeni baslayanlar icin ogrenme egrisi cok dusuk.
Yeni nesil frontend build araci. Webpack'e kiyasla gelistirme sunucusu aninda baslar ve Hot Module Replacement (HMR) milisaniyeler icerisinde gerceklesir. React, Vue, Svelte ve Solid projelerinde standart haline gelmistir.
Utility-first CSS framework'u. Class isimleriyle dogrudan HTML icinde stil vermek icin kullanilir. Hizli prototipleme ve tutarli tasarim icin ideal. GitHub, Shopify, Netflix gibi buyuk sirketler kullaniyor. Kursumuzun ileri seviyesinde ogretilir.
Google'in sunucusuz (serverless) backend platformu. Veritabani, kimlik dogrulama, dosya depolama ve hosting hizmetleri sunar. Backend kodu yazmadan tam islevli uygulamalar gelistirmek icin ideal. Ogrenciler projelerini Firebase ile yayinlayabilir.
React icin profesyonel animasyon kutuphanesi. Sayfa gecisleri, hover efektleri, suru animasyonlari ve karmasik hareket dizileri kolayca olusturulabilir. Modern web uygulamalarinda gorulen akici animasyonlarin arkasinda genellikle Framer Motion vardir.
JavaScript bilen bir yazilimci icin kapılar her zaman aciktir. Iste gelecekte cocugunuzu bekleyen kariyer yollari:
Web sitelerinin kullanici arayuzunu tasarlar ve kodlar. React, Vue veya Angular gibi framework'ler kullanir. Dunyanin her yerinden uzaktan calisabilir.
💰 Ortalama maas: $70,000 - $140,000+
Hem on yuz (frontend) hem arka yuz (backend) gelistirir. Node.js ile sunucu tarafini, React ile kullanici arayuzunu yonetir. En cok aranan profil.
💰 Ortalama maas: $90,000 - $170,000+
React Native veya Ionic ile hem iOS hem Android icin uygulama gelistirir. Tek bir kod tabaniyla iki platformda da calisan uygulamalar yapar.
💰 Ortalama maas: $85,000 - $160,000+
Phaser, Three.js, Babylon.js gibi kutuphanelerle tarayici tabanli oyunlar ve 3D deneyimler gelistirir. Oyun endustrisi hizla buyuyor.
💰 Ortalama maas: $75,000 - $145,000+
Node.js ve JavaScript ile otomasyon scriptleri, CI/CD pipeline'lari, serverless fonksiyonlar yazar. AWS Lambda, Google Cloud Functions.
💰 Ortalama maas: $95,000 - $175,000+
JavaScript becerileri sadece bir kariyer degil, ayni zamanda bagimsiz calismak ve kendi isini kurmak icin de muazzam bir avantaj saglar.
Dunyanin en buyuk freelance platformu. JavaScript gelisitiriciler icin binlerce proje mevcut. Web sitesi yapimi, React uygulamasi, API gelistirme gibi isler.
Hizmet bazli freelance platform. "Web sitesi yapiyorum", "React uygulamasi gelistiriyorum" gibi gig'ler olusturabilirsiniz.
En ust duzey freelancer'lar icin. Kabul orani %3. Ancak kabul edildiginizde saatlik ucretler cok yuksek.
Proje bazli calisma. HTML/CSS/JS web sitesi projeleri cok yaygin. Ozellikle baslangic seviyesinde deneyim kazanmak icin ideal.
Yerel isletmeler (kafeler, kuaforler, doktorlar) icin modern web siteleri tasarlamak. Turkiye'de ortalama 3,000 - 15,000 TL arasi.
Startup'lar ve urunler icin tek sayfalik tanitim siteleri. Hizli yapilir, iyi kazandirir. Proje basi 1,000 - 5,000 TL.
Shopify, WooCommerce veya ozel React e-ticaret siteleri. Urun listeleme, sepet, odeme entegrasyonu.
Dashboard'lar, CRM'ler, proje yonetim araclari, SaaS urunleri. React + Node.js ile fullstack projeler.
React Native ile iOS ve Android uygulamalari. Restoran siparis uygulamasi, etkinlik uygulamasi gibi projeler.
HTML, CSS, JavaScript temellerini ogren. Kendi portfolyo siteni yap. GitHub hesabini olustur ve projelerini yukle.
React ogren, 5-8 gercek proje gelistir. Her projeyi canli URL ile yayinla. README dosyalari yaz. GitHub profilini duzenlr.
Aile, arkadaslar veya yerel isletmelere ucretsiz/dusuk ucretli web sitesi yap. Referans topla. Freelance platformlara kaydol.
Freelance platformlarda profil olustur. Fiyatlandirma stratejini belirle. Ilk ucretli projeleri al. Musteri memnuniyeti ile referans zinciri kur.
0-2 yil deneyim. HTML, CSS, JavaScript, temel React bilgisi. Stajyer veya junior frontend pozisyonlari.
2-5 yil deneyim. React/Next.js, TypeScript, API entegrasyonu. Bagimsiz calisabilen frontend veya fullstack gelistirici.
5+ yil deneyim. Mimari kararlar, takim liderlig, performans optimizasyonu. Uzaktan calisma ile yurt disi sirketlerde dolar/euro kazanma imkani.
16+ yas ogrenciler icin: Kurs sonunda temel portfolyosunu olusturan ogrenciler, egitmenimizin rehberliginde ilk freelance projelerini alabilir. Gercek bir musteri icin web sitesi yapmak, CV'den cok daha degerli bir deneyimdir. Bazi ogrencilerimiz kurs devam ederken bile ilk freelance gelirlerini kazanmistir. Turkiye'de web gelistirme sektoru hizla buyuyor ve JavaScript bilen genclere olan talep her gecen gun artiyor.
Profesyonel yazilimcilarin kullandigi araclari ogretiyoruz. Tum araclar ucretsiz!
Microsoft'un gelistirdigi, dunyanin en populer kod editorudur. Renk kodlama (syntax highlighting), otomatik tamamlama (IntelliSense), hata tespiti, terminal entegrasyonu ve binlerce uzanti sunar. Kursumuzda ilk derste birlikte kuruyor ve ogrenci kendi bilgisayarinda kod yazmaya basliyoruz.
Google Chrome tarayicisinin icinde yerlesik olan gelistirici araclari. F12 tusuna basarak HTML yapisini inceleyebilir, CSS degerlerini canli degistirebilir, JavaScript hatalarini tespit edebilir ve ag isteklerini izleyebilirsiniz. Her web gelistiricinin gunluk kullandigi aractir.
Dunyanin en buyuk kod paylasim platformu. 100 milyondan fazla gelistirici kullaniyor. Ogrenciler projelerini GitHub'a yukler, portfolyolarini olusturur ve diger gelisitiricilerin kodlarini inceleyerek ogrenir. Universite basvurularinda ve is mulakatlarinda aktif GitHub profili buyuk avantaj saglar.
Web uygulamalarini tek tikla internete yayinlama platformu. Next.js'in yaraticilari tarafindan gelistirilmistir. GitHub'a push ettiginiz anda siteniz otomatik olarak guncellenir. SSL sertifikasi, CDN ve ozel domain destegi ucretsiz. Ogrenciler projelerini gercek bir URL ile paylasiabilir.
Canli kod deneme
UI/UX tasarim
API test araci
Komut satiri
Proje not defteri
Kod kalite kontrolu
Otomatik formatlama
Paket yoneticileri
code.visualstudio.com adresinden indir ve kur. Turkce dil paketini ekle.
5 dkLive Server, Prettier, ESLint, Auto Rename Tag uzantilarini kur.
5 dkF12 ile arac, Elements, Console ve Network panellerini tani.
10 dkgithub.com'da hesap olustur. Git'i bilgisayara kur. Ilk repository'yi ac.
10 dkIleri seviye ogrenciler icin: TypeScript nedir, neden onemlidir ve ne zaman kullanilir?
// Tip belirtmek zorunda degilsin
let isim = "Arda";
let yas = 15;
let aktif = true;
function topla(a, b) {
return a + b;
}
// Bu calisiyor ama hata verebilir:
topla("5", 3); // "53" (beklenmedik)// Tipleri belirtiyorsun
let isim: string = "Arda";
let yas: number = 15;
let aktif: boolean = true;
function topla(a: number, b: number): number {
return a + b;
}
// Bu hata verir (derleme asamasinda):
topla("5", 3); // HATA: string != number| Ozellik | JavaScript | TypeScript |
|---|---|---|
| Tip Sistemi | Dinamik (runtime) | Statik (compile-time) |
| Ogrenme Kolayligi | Kolay - hizli baslangic | Orta - tip sistemi ogrenilmeli |
| Hata Yakalama | Calisma zamaninda | Derleme asamasinda |
| IDE Destegi | Iyi | Mukemmel (IntelliSense) |
| Kucuk Projeler | Ideal | Fazla karmasik olabilir |
| Buyuk Projeler | Zorlasabilir | Ideal ve guvenli |
| Topluluk Buyuklugu | Cok buyuk | Hizla buyuyor |
| Is Ilanlari | Cok yaygin | Hizla artiyor (ozellikle kurumsal) |
| Derleme Gereksinimi | Yok - dogrudan calisir | Evet - JS'e derlenir |
| Tarayici Destegi | Native (dogrudan) | Dolaylı (JS'e derlenerek) |
// Obje yapisi belirsiz
function ogrenciOlustur(isim, yas, sinif) {
return { isim, yas, sinif };
}
// Yanlislikla yanlis tip gonderebilirsin
const ogrenci = ogrenciOlustur(15, "Arda", 10);
// isim = 15 (sayi!), yas = "Arda" (string!)
// Hata yok ama mantik hatasi var!
console.log(ogrenci.isim.toUpperCase());
// Runtime hatasi: 15.toUpperCase is not a function// Obje yapisi net
interface Ogrenci {
isim: string;
yas: number;
sinif: number;
}
function ogrenciOlustur(
isim: string, yas: number, sinif: number
): Ogrenci {
return { isim, yas, sinif };
}
// HATA: Argumanlar yanlis tipte!
const ogrenci = ogrenciOlustur(15, "Arda", 10);
// Derleme hatasi: 15 string degil!Kursumuzda yaklasim: Once JavaScript temellerini saglam bir sekilde ogretiyoruz. Ogrenci JavaScript'te rahat ettikten sonra (genellikle Faz 3 sonu veya Faz 4 basinda) TypeScript'e giris yapiyoruz. TypeScript, JavaScript'in "ust kumesi" (superset) oldugu icin, JavaScript bilen bir ogrenci TypeScript'e kolayca gecebilir. Amac, her iki dili de taniyarak is dunyasinin beklentilerine hazir olmaktir. Gunumuzde buyuk sirketlerin %80'den fazlasi yeni projelerde TypeScript kullanmaktadir, bu nedenle her iki dili de bilmek buyuk avantaj saglar.
JavaScript kursumuz farkli yas gruplari ve deneyim seviyelerine uygun olarak planlanir.
HTML ve CSS ile web sayfasi olusturmakla baslar. Gorselligi yuksek, eglenceli projelerle motivasyonu saglanir. JavaScript temelleri yavascca tanitilir.
Temel kavramlari daha hizli kavrar. DOM manipulasyonu, olay yonetimi ve kucuk projelerle JavaScript'in gucunu kesfeder. Canvas oyunlari motivasyonu arttirir.
Hizli ilerleme. ES6+, React, API entegrasyonu ve gercek dunya projeleri. Universite ve staj hazirligi olarak portfolyo olusturur. GitHub profili yonetimi.
Haftada 2 ders alan bir ogrencinin tipik bir haftasi nasil gecer? Iste adim adim surec:
Egitmen ogrenciyi selamlar, gecen haftanin odevini birlikte inceler. Dogru yapilan yerler tebrik edilir, hatalar birlikte duzeltilir.
Gunun konusu gorsel orneklerle ve canli kodlamayla anlatilir. Egitmen kodu yazar, ogrenci izler ve sorular sorar. Kavram netlesene kadar farkli ornekler gosterilir.
Ogrenci kendi ekranini paylasir ve egitmenin yonlendirmesiyle kod yazmaya baslar. "Simdi bir degisken tanimla", "Bu fonksiyonu sen yaz" gibi adimlarla ilerler. Takildigi yerde egitmen ipucu verir.
Ogrenci, ogrendigi konuyu kendi basina uygular. Kucuk bir gorev veya challenge verilir. Egitmen izler ve gerektiginde yardimci olur. Bu asama, ogrenmenin pekismesi icin kritiktir.
Gunun konusu kisa ozetlenir. Ogrenci ne ogrendiyini kendi cumlesiyle ifade eder. Sonraki derse kadar yapilacak odev veya pratik gorevi aciklanir.
Birebir online egitim, proje bazli ogrenme ve kisisellestirilmis mufredat.
Her ogrenci bir egitmenle birebir calisir. Sinif ortamindaki dikkat daginicligi yoktur. Egitmen tamamen ogrenciye odaklanir, sorular aninda cevaplanir, zorluk seviyesi anlik ayarlanir.
Kuru teori yerine her hafta bir proje. Ogrenci yaparken ogrenir. Hesap makinesi, oyun, hava durumu uygulamasi... Her proje yeni kavramlari pratikte pekistirir.
Her cocugun ogrenme hizi ve ilgi alani farklıdir. Futbol seven cocukla skor tablosu projesi yapilir, muzik seven cocukla ses visualizer. Mufredat cocuga uyarlanir, cocuk mufredeta degil.
Her ayin sonunda velilere detayli ilerleme raporu gonderilir. Hangi konular ogrenildi, hangi projeler tamamlandi, sonraki ayin plani. Veliler cocugunun gelisimini yakindan takip eder.
Ders saatleri tamamen ailenin programina gore belirlenir. Hafta ici, hafta sonu, sabah veya aksam -- cocugunuza en uygun zamani siz secin. Ders degisiklikleri 24 saat onceden yapilabilir.
VS Code, Chrome DevTools, GitHub, CodePen -- profesyonel yazilimcilarin kullandigi araclarla calisir. Bu deneyim, ileride is hayatinda buyuk avantaj saglar.
Rozetler, portfolyo ve GitHub profili ile ogrencinin her adimi somut bir basariya donusur.
Ilk web sayfasini tamamla
Faz 1Responsive site yap
Faz 1Ilk JS programini yaz
Faz 2Canvas oyunu bitir
Faz 3Gercek API kullan
Faz 3React uygulamasi yap
Faz 450+ commit yap
BonusIlk paketi kur ve kullan
Faz 3Kisisel siteyi yayinla
Faz 17 gun ust uste kodla
BonusTum fazlari tamamla
Final20 challenge tamamla
BonusCSS animasyon projesi yap
Faz 1API projesi tamamla
Faz 3Mobil uyumlu site yap
Faz 110+ component olustur
Faz 4Ilk TS projesini yap
BonusHer ogrenci kurs boyunca kisisel bir portfolyo web sitesi olusturur. Bu site, tamamlanan projeleri, ogrenilen teknolojileri ve ogrencinin hakkinda bilgilerini icerir. Kurs sonunda canli bir URL ile yayinlanir ve universite basvurulari, staj mulakatlari icin kullanilabilir.
Ogrenciler ilk dersten itibaren GitHub kullanmayi ogrenir. Her proje, her odev GitHub'a yuklenir. Kurs sonunda aktif bir GitHub profili, duzgun commit gecmisi ve acik kaynak kodlu projelerle dolu bir hesap olusur.
HTML ve CSS temelleri, ilk web sayfasi
JavaScript temelleri, DOM manipulasyonu
Ileri JS, API kullanimi, Canvas oyunlari
React, component mimarisi, state yonetimi
Fullstack projeler, TypeScript, deploy
XP (Experience Points) her tamamlanan ders, proje, odev ve challenge ile kazanilir. Seviye atlamak yeni rozetler ve ozel gorevler acar.
Her ayin sonunda velilere gonderilen rapor sunlari icerir:
Velilerin en cok sordugu soru. Iki dil de harika, ama farkli alanlarda parliyorlar.
| Kriter | JavaScript | Python |
|---|---|---|
| Ana Kullanim Alani | Web gelistirme, mobil uygulamalar | Yapay zeka, veri bilimi |
| Gorsel Geri Bildirim | Cok yuksek (tarayicida aninda) | Dusuk (terminal/konsol) |
| Baslangic Kolayligi | Orta (HTML/CSS birlikte) | Kolay (tek dil) |
| Is Imkanlari | Cok genis (en cok is ilani) | Genis (ozellikle AI/data) |
| Proje Cesitliligi | Web, mobil, oyun, masaustu | AI, veri, otomasyon, web |
| Onerilen Yas | 12+ yas | 11+ yas |
| Framework'ler | React, Vue, Next.js, Express | Django, Flask, TensorFlow |
Onerimiz: Cocugunuz web siteleri, uygulamalar ve oyunlar yapmak istiyorsa JavaScript ile baslasin. Yapay zeka, veri analizi ve bilimsel projeler ilgisini cekiyorsa Python tercih edilebilir. Her iki durumda da diger dili sonra ogrenebilir -- temeller ayni mantiga dayanir. 1e1Kod olarak her iki dili de ogretiyoruz ve cocugunuzun ilgisine gore en uygun yolu birlikte belirleriz.
Cocugunuzun JavaScript egitiminde neler bekleyeceginizi ogrenmek istiyorsaniz:
Kesinlikle evet! Kodlama bilmeniz gerekmiyor. Egitmenimiz her seyi birebir anlatir. Sizin yapmaniz gereken tek sey, cocugunuzun duzenli olarak derslere katilmasini saglamak ve ara sira "ne ogrendin bugun?" diye sormaktir. Bu basit soru bile cocugunuzun motivasyonunu iki katina cikarir. Aylik ilerleme raporlariyla cocugunuzun gelisimini yakindan takip edebilirsiniz.
Sifirdan profesyonel seviyeye: cocugunuzun JavaScript yolculugunda her asama net ve planli.
Kisisel Portfolio Sitesi
Ilk web sayfasini internete yayinlar
Interaktif Quiz Uygulamasi
Ilk interaktif uygulamayi yapar
Hava Durumu Uygulamasi
Gercek API kullanan uygulama yapar
Snake veya Platformer Oyunu
Kendi oyununu gelistirir ve paylasirir
React ile E-Ticaret Sayfasi
Profesyonel web uygulamasi yapar
Serbest Bitirme Projesi
Tam portfolyoyu yayinlar, mezun olur
Birebir egitimde en onemli faktor egitmendir. Iste ogrencilerimize nasil destek sagladigimiz:
Her ogrencinin seviyesi, ilgi alani ve ogrenme hizi farklidir. Egitmen, ilk derste cocugunuzu taniir ve ona ozel bir ogrenme plani olusturur. Futbol seven cocukla skor tablosu, hayvan seven cocukla hayvan ansiklopedisi projesi yapilir.
Ogrenciler ve veliler, egitmene WhatsApp uzerinden her zaman ulasabilir. Ders arasi bir sorusu mu var? Odevde mi takildı? Hemen cevap alir. Bu, ders disindaki zamanlarda da ogrenmenin devam etmesini saglar.
Derslerin kaydi talep edildiginde yapilabilir. Ogrenci sonradan tekrar izleyebilir. Ozellikle karmasik konularin tekrari icin cok faydali. Ayrica hastalik gibi durumlarda kacirilmis ders telafi edilebilir.
Her ders sonunda kucuk bir odev veya pratik gorevi verilir. Egitmen, odevi inceleyip detayli geri bildirim verir. "Guzel yapmissin ama burada su yontemi deneyebilirsin" gibi yapici yorumlar, ogrenmeyi hizlandirir.
Rozet sistemi, XP kazanma ve seviye atlama ile ogrenci surekli motive edilir. Zorlandigi anlarda egitmen yaklasimi degistirir, konuyu farkli bir acidan anlatir. Amac, cocugun "yapamiyor" degil "henuz yapamadi" hissetmesidir.
Her ay sonunda veliye detayli ilerleme raporu gonderilir. Ogrencinin guclü yonleri, gelistirmesi gereken alanlar ve sonraki donem plani paylasilir. Veli toplantisi talep edildiginde yapilir.
JavaScript kursumuzdan mezun olan ogrencilerin ilham verici hikayeleri:
Arda, 15 yasinda JavaScript kursuna sifir kodlama bilgisiyle basladi. Ilk 3 ayda HTML, CSS ve JavaScript temellerini ogrendi. 6. ayda gercek bir API kullanan hava durumu uygulamasi yapti. 9. ayda React ile tam islevli bir portfolyo sitesi olusturdu. Simdi okul projelerinde arkadaslarina web sitesi yapiyor ve ilk freelance isini aldi: yerel bir kafenin web sitesi.
🏆 Ilk freelance gelirini kazandi (3,500 TL)
Zeynep, kodlamayla hic ilgilenmiyordu ama anne-babasi deneme dersine yazdi. Ilk derste HTML ile "Merhaba Dunya" sayfasini gorunce gozleri parladi. Sonraki haftalarda kendi blog sitesini tasarladi. Canvas API ile resim cizip animasyonlar yapmayi cok sevdi. Simdi okuldaki bilim fuarinda JavaScript ile yaptigı interaktif quiz uygulamasini sergiledi ve birincilik aldi.
🏆 Okul bilim fuarinda birincilik
Emre, universite hedefi olan bir liseli. Yazilim muhendisligi okumak istiyordu ama deneyimi yoktu. 1 yillik JavaScript kursunda HTML/CSS, JavaScript, React ve hatta TypeScript ogrendi. GitHub'da 30+ proje biriktirdi. Staj basvurularinda bu portfolyoyu gosterdi ve bir teknoloji firmasinda yaz staji kazandi. Simdi universite mufredatinin cok ilerisinde.
🏆 Teknoloji firmasinda staj kazandi
Elif, Minecraft ve Roblox oynuyor ama "oyun yapma" fikri heyecanlandiriyordu. JavaScript kursunda Canvas API ile 2D oyun gelistirmeyi ogrendi. Ilk oyunu olan "Uzay Macerasi"nda bir uzay gemisini kontrol edip asteroitlerden kacan bir oyun yapti. Arkadaslari tarafindan "siniftaki gelistirici" olarak taninmaya basladi. Simdi Three.js ile 3D projelere ilgi duyuyor.
🏆 Kendi oyununu gelistirdi ve paylasti
Can, okulda matematik dersleriyle zorlaniyor ancak bilgisayar basinda saatlerini geciriyordu. JavaScript kursuyla hayati degisti. Programlamanin aslinda "uygulamali matematik" oldugunu kesfetti. Degiskenler, donguler ve algoritmalar sayesinde matematigin somut karsiligini gordu. Kurs boyunca bir online "Matematik Quiz" uygulamasi gelistirdi. Okulunda matematik notu 55'ten 85'e yukseldi.
🏆 Matematik notu 30 puan artti
Defne, tasarim ve sanata cok merakli bir ogrenciydi. CSS animasyonlarini ve gorsel tasarimi cok sevdi. JavaScript ile interaktif sanat projeleri yapti: fareyle cizim yapan bir uygulama, rastgele geometrik desenler ureten bir generator ve muzige uygun hareket eden vizualizator. Kurs sonunda portfolyosundaki projeler, bir tasarim okulu basvurusunda referans olarak kullanildi.
🏆 Tasarim okuluna kabul edildi
JavaScript ogrenirken karsilasacaginiz 20 temel terim. Bu sozluk hem ogrenciler hem veliler icin hazirlanmistir.
Bir veri parcasini saklamak icin kullanilan isimlendirilmis kutu. Ornegin: let isim = "Ahmet" -- burada "isim" bir degiskendir ve icinde "Ahmet" degerini tutar.
Belirli bir gorevi yerine getiren, tekrar tekrar kullanilabilen kod blogu. Ornegin: topla(3, 5) fonksiyonu her cagrildiginda iki sayiyi toplar.
Birden fazla degeri sirayla saklamak icin kullanilan liste yapisi. Ornegin: let meyveler = ["elma", "armut", "muz"] -- ucunu tek degiskende tutar.
Iliskili verileri anahtar-deger ciftleri halinde saklayan yapi. Ornegin: {isim: "Arda", yas: 15, sinif: 10} -- bir kisinin bilgilerini tutar.
Web sayfasinin HTML yapisini JavaScript ile degistirmeye yarayan arayuz. Butona tiklaninca renk degisir, yazi eklenir -- bunlarin hepsi DOM islemidir.
Farkli yazilimlarin birbiriyle konusmasini saglayan arayuz. Hava durumu verisi almak, harita gostermek, sosyal medya entegrasyonu -- hepsi API sayesinde.
Yazilim gelistirmeyi hizlandiran hazir yapi iskeleti. React, Vue, Angular gibi JavaScript framework'leri, web uygulamasi gelistirmeyi kolaylastirir.
JavaScript icin dunyanin en buyuk paket yoneticisi. Hazir kutuphaneleri projenize eklemek icin kullanilir. "npm install react" komutu React'i yukler.
Asenkron (es zamanli olmayan) islemleri yonetmek icin kullanilan yapi. API'den veri cekerken sayfanin donmamasini saglar. "Bekle, veri gelsin, sonra goster."
React'te tekrar kullanilabilen bagimsiz arayuz parcasi. Bir buton, bir kart, bir form -- her biri ayri bir component olabilir ve farkli sayfalarda kullanilabilir.
Bir component'in o anki durumunu tutan veri. Ornegin sayac'in degeri, formun dolu mu bos mu oldugu, bir kutunun acik mi kapali mi oldugu.
React'te bir component'ten digerine veri aktarma yolu. Ust component'ten alt component'e bilgi gondermek icin kullanilir. "Isim" bilgisini kart component'ine gonderme gibi.
Kullanici etkilesimlerini dinleyen ve tepki veren yapi. Tikla, fareyi usunde gez, klavyeye bas -- bu olaylar event listener ile yakalanir.
Baska bir fonksiyona parametre olarak gecirilen fonksiyon. "Bu islem bittiginde sunu yap" mantigi icin kullanilir. JavaScript'in temel yapilarindan biridir.
Veri degisimi icin kullanilan hafif format. API'lerden gelen veri genellikle JSON formatindadir. Okunmasi kolay, hem insanlar hem bilgisayarlar icin uygun.
Kod degisikliklerini takip eden versiyon kontrol sistemi. "Dun yaptim ama bozdum, geri doneyim" ihtiyacini karsilar. Her profesyonel yazilimci kullanir.
Web sitesinin telefon, tablet ve bilgisayar ekranlarinda duzgun gorunmesi. CSS Flexbox ve Grid ile saglanan, bugun zorunlu bir tasarim ilkesi.
JavaScript'te ekrana mesaj yazdirmak icin kullanilan en temel komut. Hata arama (debugging) ve kodun nasil calistigini anlamak icin cok sik kullanilir.
JavaScript'te bir URL'den veri almak icin kullanilan yerlesik fonksiyon. API istekleri yapmak, uzak sunucudan bilgi cekip sayfada gostermek icin kullanilir.
Gelistirilen web sitesi veya uygulamayi internete acma sureci. Vercel, Netlify gibi platformlarla tek tikla yapilir. "Kodum calisiyor, simdi herkes gorsin!"
ES6 ile gelen kisa fonksiyon yazim sekli. const topla = (a, b) => a + b; seklinde yazilir. Klasik function yapisina gore daha kisa ve okunakli. Modern JavaScript'te en cok kullanilan yapi.
Dizi veya objeden degerleri kolayca cikarmak. const {isim, yas} = ogrenci; yazarak objenin icindeki degerleri tek satirda degiskenlere atarsaniz. Kodu daha kisa ve okunakli yapar.
Gelecekte tamamlanacak asenkron bir islemi temsil eder. "Bu veriyi getir, geldiginde sunu yap" mantigi. fetch() fonksiyonu bir Promise dondurur. async/await'in temelinde Promise vardir.
Backtick (`) isaretleri ile yazilan ve icine degisken gomebileceginiz string yapisi. `Merhaba ${isim}, yasin ${yas}` seklinde kullanilir. String birlestirmeden cok daha pratik ve okunakli.
Bir degiskenin erisilebilir oldugu alan. Fonksiyon icinde tanimlanan degisken disaridan erisilemez. let ve const blok scope'a sahipken, var fonksiyon scope'a sahiptir.
if/else yapisi ile kod akisini yonlendirme. "Eger yas 18'den buyukse ehliyet alabilir, degilse alamaz" gibi karar mekanizmalari. Her programin temel yapi tasidir.
Bir kod blogunu belirli kosul saglandigi surece tekrar tekrar calistirma. for, while, forEach gibi cesitleri vardir. "Listedeki her elemani ekrana yazdir" gibi tekrarlayan islemler icin kullanilir.
JavaScript'in degisken ve fonksiyon tanimlarini kodun basina tasima davranisi. var ile tanimlanan degiskenler ve function bildirimleri "kaldiriir". let ve const bu davranisi gostermez.
Bir fonksiyonun disindaki degiskenlere erisebilme yetenegini korumasi. Ic fonksiyon, dis fonksiyonun degiskenlerini "hatilar". Ileri seviye bir kavram ama JavaScript'in en guclu ozelliklerinden biri.
JavaScript egitimi hakkinda merak ettiginiz her sey:
Kurs sonrasinda da devam edebilecek proje ilhamlari. Her biri gercek dunya problemlerini cozuyor.
Bu projeler, kurs mufredatimizin disinda ogrencinin kendi basina veya egitmen desteginde gelistirebilecegi fikirlerdir. Her proje, portfolyoya eklenerek gelecek basvurularda referans olabilir.
Dunyanin en buyuk teknoloji sirketlerinin hepsi JavaScript kullaniyor. Cocugunuz da ayni teknolojiyi ogreniyor.
Video akis platformu
React, Node.jsSosyal medya
React, React NativeKonaklama platformu
React, Node.jsUlasim platformu
React, Node.jsMuzik akis platformu
React, Node.jsIs agi platformu
Node.js, Ember.jsOdeme platformu
React, Node.jsIletisim platformu
React, ElectronOyuncu iletisimi
React, React NativeVerimlilik araci
React, Next.jsTasarim araci
React, WebGLKod platformu
React, Node.jsJavaScript disinda da birçok egitim sunuyoruz. Cocugunuzun ilgisine en uygun kursu secin.
Ilk ders tamamen ucretsiz. HTML ile baslayip React ile profesyonel uygulamalar gelistirecek. Cocugunuz web gelistirmenin temel dilini ogrenirken eglenceli projeler yapacak.
Birebir online ders | 12-17 yas | Esnek program | GitHub portfolyosu
Konuyla ilgili bilgilendirici yazılar ve kaynaklar
RehberYaşa göre hangi aracın uygun olduğu, bilişsel gelişim evreleri ve pedagojik öneriler.
8 dk okuma
Karşılaştırmaİki dilin farkları, hangi yaşta hangisini seçmek gerektiği ve öğrenme eğrisi karşılaştırması.
10 dk okuma
AraştırmaAraştırmalarla kodlamanın problem çözme, mantıksal düşünme ve yaratıcılık üzerindeki etkileri.
7 dk okuma
Temel KavramBlok tabanlı kodlama araçları, çalışma prensibi ve çocuklara neden uygun olduğu.
6 dk okuma