Yukleniyor...
Ücretsiz deneme dersi ile kodlama dünyasına ilk adımı atın. Hiçbir taahhüt yok, sadece öğrenme keyfi.
12-17 Yaş | Web Geliştirme | Birebir Online
HTML, CSS, JavaScript ve React -- çocuğunuz gerçek web siteleri ve uygulamalar geliştirirken dünyanın en popüler programlama dilini öğrensin. Birebir online derslerle her öğrenci kendi hızında ilerler.
İnternetteki her web sitesinin arkasında JavaScript var. YouTube, Instagram, Netflix, Spotify... Hepsi JavaScript ile çalışıyor. Çocuğunuz da bu teknolojiyi öğrenerek kendi projelerini hayata geçirsin.
Kısa cevap: JavaScript dersi, çocukların (12 yaş ve üzeri) HTML, CSS ve JavaScript ile gerçek web siteleri ve uygulamalar geliştirmeyi öğrendiği programdır. JavaScript, internetteki neredeyse her sitenin (YouTube, Instagram, Netflix) çalıştığı, dünyanın en yaygın programlama dilidir. Web'e ilgi duyan çocuklar için ideal bir metin tabanlı dildir; Python veya Scratch temeli olanlar daha hızlı ilerler. Birebir online kodlama eğitimi ile her öğrenci kendi hızında öğrenir.
JavaScript, 1995 yılında Brendan Eich tarafından Netscape tarayıcısı için geliştirilen ve bugün dünyanın en yaygın kullanılan programlama dili olan bir web teknolojisidir. Başlangıçta sadece web sayfalarını interaktif yapmak için tasarlanan JavaScript, bugün sunucu tarafında (Node.js), mobil uygulamalarda (React Native), masaüstü uygulamalarda (Electron) ve hatta yapay zeka projelerinde kullanılmaktadır.
2026 yılı itibariyle JavaScript, Stack Overflow Developer Survey'de art arda 12. yıl dünyanın en popüler programlama dili seçilmiştir. Github'daki projelerin büyük çoğunluğu JavaScript veya TypeScript ile yazılmaktadır.
JavaScript'in bu kadar yaygın olmasının temel nedeni, web tarayıcılarına gömülü gelen tek programlama dili olmasıdır. Chrome, Firefox, Safari, Edge -- hepsi JavaScript motorları üzerinde çalışıyor. Bu da JavaScript'i "web'in dili" yapan en önemli faktör.
Çocuklar JavaScript öğrendiklerinde, yazdıkları her satır kodu anında tarayıcıda görebilirler. Bir butona tıkladıklarında renk değişir, bir animasyon başlar, bir oyun harekete geçer. Bu anında geri bildirim, öğrenmede motivasyonu en yüksek seviyede tutar ve çocukların "ben bunu yaptım!" hissini yaşatır.
// 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 yıldan fazla süredir web'in temel taşıyıcı sütunu. İşte bu dilin evrimi:
Brendan Eich, Netscape Navigator için sadece 10 günde yeni bir programlama dili yaratır. Başlangıçta "Mocha", sonra "LiveScript" olarak adlandırılır ve son olarak "JavaScript" adını alır. Amaç, web sayfalarında basit etkileşimler sağlamaktır.
Brendan Eich, Netscape Navigator için sadece 10 günde yeni bir programlama dili yaratır. Başlangıçta "Mocha", sonra "LiveScript" olarak adlandırılır ve son olarak "JavaScript" adını alır. Amaç, web sayfalarında basit etkileşimler sağlamaktır.
JavaScript, ECMA International tarafından standartlaştırılır ve ECMAScript (ES1) olarak resmileştirilir. Bu adım, farklı tarayıcıların aynı dili desteklemesini sağlar ve web'in tutarlı bir şekilde çalışması için temel oluşturur.
JavaScript, ECMA International tarafından standartlaştırılır ve ECMAScript (ES1) olarak resmileştirilir. Bu adım, farklı tarayıcıların aynı dili desteklemesini sağlar ve web'in tutarlı bir şekilde çalışması için temel oluşturur.
Google Maps ve Gmail gibi uygulamalar, AJAX (Asynchronous JavaScript and XML) teknolojisiyle sayfayı yenilemeden veri yüklemeyi başlatır. Bu, web uygulamalarının masaüstü uygulamaları gibi hissettirmesinin başlangıcı olur. Web 2.0 dönemi başlar.
Google Maps ve Gmail gibi uygulamalar, AJAX (Asynchronous JavaScript and XML) teknolojisiyle sayfayı yenilemeden veri yüklemeyi başlatır. Bu, web uygulamalarının masaüstü uygulamaları gibi hissettirmesinin başlangıcı olur. Web 2.0 dönemi başlar.
Google, Chrome tarayıcısını ve V8 JavaScript motorunu tanıtır. V8, JavaScript'i makine koduna derleyerek hızını 10 kat arttırır. Bu performans devrimi, JavaScript'in sadece tarayıcıda değil, her yerde kullanılmasının önünü açar.
Google, Chrome tarayıcısını ve V8 JavaScript motorunu tanıtır. V8, JavaScript'i makine koduna derleyerek hızını 10 kat arttırır. Bu performans devrimi, JavaScript'in sadece tarayıcıda değil, her yerde kullanılmasının önünü açar.
Ryan Dahl, V8 motoru üzerine kurulu Node.js'i yayınlar. Artık JavaScript sadece tarayıcıda değil, sunucu tarafında da çalışabilir. Bu, JavaScript ile hem frontend hem backend yazılabileceği anlamına gelir. "Fullstack JavaScript" dönemi başlar.
Ryan Dahl, V8 motoru üzerine kurulu Node.js'i yayınlar. Artık JavaScript sadece tarayıcıda değil, sunucu tarafında da çalışabilir. Bu, JavaScript ile hem frontend hem backend yazılabileceği anlamına gelir. "Fullstack JavaScript" dönemi başlar.
npm (Node Package Manager) yayınlanır ve kısa sürede dünyanın en büyük yazılım kütüphanesi olur. Aynı yıl AngularJS (Google) ve Backbone.js gibi ilk büyük frontend framework'leri ortaya çıkar. Express.js ile backend geliştirme kolaylaşır.
npm (Node Package Manager) yayınlanır ve kısa sürede dünyanın en büyük yazılım kütüphanesi olur. Aynı yıl AngularJS (Google) ve Backbone.js gibi ilk büyük frontend framework'leri ortaya çıkar. Express.js ile backend geliştirme kolaylaşır.
Facebook (şimdiki Meta), React kütüphanesini açık kaynak olarak yayınlar. Component tabanlı yapı ve Virtual DOM kavramı, web geliştirmeyi kökenlerinden değiştirir. Instagram, WhatsApp Web ve Netflix gibi devler React'i benimser.
Facebook (şimdiki Meta), React kütüphanesini açık kaynak olarak yayınlar. Component tabanlı yapı ve Virtual DOM kavramı, web geliştirmeyi kökenlerinden değiştirir. Instagram, WhatsApp Web ve Netflix gibi devler React'i benimser.
ECMAScript 2015 (ES6), JavaScript'in en büyük güncellemesidir. Arrow fonksiyonlar, class yapısı, template literals, destructuring, let/const, Promise ve module sistemi eklenir. Bu sürüm, JavaScript'i modern ve profesyonel bir dile dönüştürür.
ECMAScript 2015 (ES6), JavaScript'in en büyük güncellemesidir. Arrow fonksiyonlar, class yapısı, template literals, destructuring, let/const, Promise ve module sistemi eklenir. Bu sürüm, JavaScript'i modern ve profesyonel bir dile dönüştürür.
Microsoft'un geliştirdiği TypeScript, JavaScript'e tip güvenliği ekler ve büyük projelerde hataların erkenden yakalanmasını sağlar. Angular 2'nin TypeScript ile yazılması bu dilin yaygınlaşmasını hızlandırır. Kurumsal projeler TypeScript'e geçiş yapar.
Microsoft'un geliştirdiği TypeScript, JavaScript'e tip güvenliği ekler ve büyük projelerde hataların erkenden yakalanmasını sağlar. Angular 2'nin TypeScript ile yazılması bu dilin yaygınlaşmasını hızlandırır. Kurumsal projeler TypeScript'e geçiş yapar.
Vercel'in geliştirdiği Next.js framework'ü, React uygulamalarını sunucu tarafında render etmeyi (SSR) ve statik site oluşturmayı (SSG) kolaylaştırır. Ayrıca Deno 1.0 yayınlanır -- Node.js'in yaratıcısı Ryan Dahl'ın yeni runtime'ı.
Vercel'in geliştirdiği Next.js framework'ü, React uygulamalarını sunucu tarafında render etmeyi (SSR) ve statik site oluşturmayı (SSG) kolaylaştırır. Ayrıca Deno 1.0 yayınlanır -- Node.js'in yaratıcısı Ryan Dahl'ın yeni runtime'ı.
ChatGPT ve yapay zeka dalgası, JavaScript ekosistemini de etkiler. TensorFlow.js ile tarayıcıda makine öğrenimi, LangChain.js ile AI uygulamaları geliştirme yaygınlaşır. Copilot ve AI kod asistanları, JavaScript yazımını hızlandırır.
ChatGPT ve yapay zeka dalgası, JavaScript ekosistemini de etkiler. TensorFlow.js ile tarayıcıda makine öğrenimi, LangChain.js ile AI uygulamaları geliştirme yaygınlaşır. Copilot ve AI kod asistanları, JavaScript yazımını hızlandırır.
Jarred Sumner'ın geliştirdiği Bun runtime, Node.js'e ciddi bir alternatif olarak ortaya çıkar. Paket yükleme, test çalıştırma ve bundling işlemlerinde 10-25x hız artışı sunar. Ayrıca Deno 2.0, Node.js uyumluluğu ile yayınlanır. JavaScript runtime savaşı, ekosistemin hızla evrimleştiğini gösteriyor.
Jarred Sumner'ın geliştirdiği Bun runtime, Node.js'e ciddi bir alternatif olarak ortaya çıkar. Paket yükleme, test çalıştırma ve bundling işlemlerinde 10-25x hız artışı sunar. Ayrıca Deno 2.0, Node.js uyumluluğu ile yayınlanır. JavaScript runtime savaşı, ekosistemin hızla evrimleştiğini gösteriyor.
React Server Components (RSC) yaygınlaşır ve sunucu tarafında render edilen component'ler standart haline gelir. Cloudflare Workers, Vercel Edge Functions gibi platformlar JavaScript'i kullanıcıya en yakın sunucularda çalıştırır. Web performansı yeni bir seviyeye ulaşır.
React Server Components (RSC) yaygınlaşır ve sunucu tarafında render edilen component'ler standart haline gelir. Cloudflare Workers, Vercel Edge Functions gibi platformlar JavaScript'i kullanıcıya en yakın sunucularda çalıştırır. Web performansı yeni bir seviyeye ulaşır.
JavaScript, Stack Overflow'da art arda 12. yıl en popüler dil. npm'de 3 milyondan fazla paket var. React, Vue, Svelte, Next.js gibi framework'ler sürekli gelişiyor. Bun runtime performans rekorları kırıyor. AI destekli geliştirme araçları (Copilot, Claude Code) JavaScript yazmayı daha da hızlandırıyor. JavaScript her zamankinden daha güçlü ve yaygın.
JavaScript, Stack Overflow'da art arda 12. yıl en popüler dil. npm'de 3 milyondan fazla paket var. React, Vue, Svelte, Next.js gibi framework'ler sürekli gelişiyor. Bun runtime performans rekorları kırıyor. AI destekli geliştirme araçları (Copilot, Claude Code) JavaScript yazmayı daha da hızlandırıyor. JavaScript her zamankinden daha güçlü ve yaygın.
Teknoloji sektöründe en çok aranan beceri web geliştirmedir ve web geliştirmenin temeli JavaScript'tir. İşte çocuğunuzun JavaScript öğrenmesi için 6 güçlü neden:
JavaScript, tüm web tarayıcılarında çalışan tek programlama dilidir. İnternetteki 1.8 milyar web sitesinin %98'i JavaScript kullanıyor. YouTube, Instagram, Netflix, Twitter, Amazon -- hepsi JavaScript ile çalışır. Çocuğunuz web'in temel dilini öğrendiğinde, internetin nasıl çalıştığını gerçekten anlar.
Python'da sonuçları terminal ekranında görürsünüz. JavaScript'te ise yazılanlar doğrudan web sayfasında canlanır: renkler değişir, butonlar tıklanır, animasyonlar oynar. Bu görsel geri bildirim çocukların motivasyonunu çok yüksek tutar ve öğrenim sürecini eğlenceli kılar.
Frontend geliştirici, fullstack mühendis, mobil uygulama geliştirici, UX mühendisi, DevOps... JavaScript bilen bir yazılımcı için yüzlerce farklı kariyer yolu mevcuttur. Dünya çapında en çok iş ilanı verilen programlama dili JavaScript'tir.
JavaScript ile bir fikri hızla prototipe dönüştürebilirsiniz. Bir web sitesi, bir oyun, bir uygulama -- hepsi sadece bir tarayıcı ve bir metin editörüyle başlar. Çocuğunuz aklına gelen projeyi hemen hayata geçirebilir, uzun kurulum süreçleri gerekmez.
npm (Node Package Manager) dünyanın en büyük yazılım kütüphanesidir ve 2 milyondan fazla paket içerir. React, Vue, Angular gibi framework'ler, Three.js ile 3D grafikler, Socket.io ile canlı sohbet... JavaScript ekosistemi sınır tanımaz.
JavaScript bilgisi, üniversite başvurularında ve staj mülakatlarında büyük avantaj sağlar. Özellikle GitHub'daki projeleri gösterebilmek, portfolyo web sitesi oluşturabilmek gençlerin diğer adaylardan öne çıkmalarını sağlar.
JavaScript, dünyanın en büyük geliştirici topluluğuna sahiptir. Stack Overflow'da 2.5 milyondan fazla JavaScript sorusu cevaplanmıştır. Herhangi bir sorunla karşılaştığınızda, çözümün sadece bir Google aramasında olduğunu bilmek büyük bir avantajdır.
JavaScript her platformda çalışır: Windows, Mac, Linux, iOS, Android, hatta akıllı saatler ve IoT cihazları. Tek bir dil öğrenerek tüm platformlarda uygulama geliştirebilirsiniz. "Bir kere öğren, her yerde kullan" ilkesi JavaScript için gerçekten geçerlidir.
JavaScript ile hayalinizdeki projeyi gerçeğe dönüştürebilirsiniz. Bir blog, bir oyun, bir sosyal medya uygulaması, bir e-ticaret sitesi... Sınır sadece hayal gücünüz. Three.js ile 3D sanat, p5.js ile generatif sanat, Tone.js ile müzik -- yaratıcılık sınırsız.
Bir web sitesi üç temel teknolojiden oluşur. Her birinin farklı ama birbiriyle bağlantılı görevi vardır.
Benzetme: Bir evin temeli ve duvarları
Web sayfasının içeriğini ve yapısını tanımlar. Başlıklar, paragraflar, resimler, butonlar, formlar -- hepsi HTML ile oluşturulur. Sayfanın "ne" içerdiğini belirler.
Benzetme: Evin boyası, dekorasyonu, mobilyaları
Web sayfasının görsel tasarımını kontrol eder. Renkler, yazı tipleri, boyutlar, konumlandırma, animasyonlar -- CSS ile sayfa güzel görünür. Sayfanın "nasıl görüneceğini" belirler.
Benzetme: Evin elektrik ve su tesisatı
Web sayfasına hayat verir. Buton tıklandığında ne olacak? Form gönderildiğinde veri nereye gidecek? Animasyonlar nasıl çalışacak? JavaScript ile sayfa "canlanır" ve kullanıcıyla etkileşir.
Kısaca: HTML içerik koyar, CSS güzel gösterir, JavaScript canlandırır. Kursumuzda üç teknolojiyi birlikte, proje bazlı olarak öğretiyoruz. Öğrenciler ilk haftalarda HTML ve CSS ile web sayfası yapar, sonra JavaScript ile interaktif hale getirir.
4 faz, 36 hafta -- sıfırdan profesyonel web geliştirmeye. Her faz somut projelerle desteklenir.
Web geliştirmenin temeli. Öğrenci HTML ile sayfa yapısı kurar, CSS ile görsel tasarım yapar. Faz sonunda kendi kişisel web sitesini internete yayınlar.
HTML temelleri: etiketler, başlıklar, paragraflar, resimler, linkler
HTML formlar, tablolar, semantik etiketler (header, nav, footer)
CSS temelleri: renkler, yazı tipleri, kutu modeli, sınıflar ve id'ler
Flexbox, Grid, responsive tasarım, kişisel web sitesi projesi
Programlamanın temel kavramları: değişkenler, döngüler, koşullar, fonksiyonlar. DOM manipülasyonu ile web sayfalarını interaktif hale getirir. Faz sonunda interaktif quiz uygulaması yapar.
Değişkenler, veri tipleri, console.log, string ve sayı işlemleri
Koşullu ifadeler (if/else), karşılaştırma operatörleri, mantıksal operatörler
Döngüler (for, while), diziler (array), dizi metodları
Fonksiyonlar, parametreler, return, scope kavramı
DOM seçme, olay dinleyiciler (addEventListener), form işlemleri, quiz projesi
Modern JavaScript (ES6+), asenkron programlama, API kullanımı ve Canvas ile oyun geliştirme. Gerçek dünya projeleri: hava durumu uygulaması, tarayıcı oyunu, not uygulaması.
ES6+: arrow fonksiyonlar, destructuring, template literals, spread operator
Objeler, JSON, Local Storage ile veri kaydetme, not uygulaması
Fetch API, async/await, hava durumu uygulaması (gerçek API)
Canvas API ile çizim, animasyonlar, fizik simülasyonu
Tarayıcı oyunu geliştirme: Snake, Pong veya platformer oyun
Facebook'un geliştirdiği React framework'ü ile profesyonel web uygulamaları. Component yapısı, state yönetimi, routing. Faz sonunda tam işlevli bir web uygulamasını GitHub'a yayınlar.
React giriş: JSX, component yapısı, props ile veri aktarımı
State yönetimi (useState, useEffect), form işlemleri, etkinlik yönetimi
React Router, çoklu sayfa uygulaması, API entegrasyonu
Bitirme projesi: tam işlevli web uygulaması, GitHub'a yayınlama, portfolyo
Kurs boyunca çocuğunuz 8 gerçek proje geliştirir. Her proje portfolyosuna eklenir ve GitHub'da paylaşılabilir.
HTML ve CSS ile tasarlanmış, responsive kişisel tanıtım sayfası. Hakkında, projeleri ve iletişim bölümlü.
JavaScript ile çalışan tam işlevli hesap makinesi. Toplama, çıkarma, çarpma, bölme ve hafıza fonksiyonları.
Çoktan seçmeli sorular, puan sistemi, zamanlayıcı ve sonuç ekranı olan quiz oyunu.
Canvas API ile geliştirilen klasik yılan oyunu. Skor tablosu, zorluk seviyeleri ve ses efektleri.
Gerçek hava durumu API'si kullanarak şehir arama, 5 günlük tahmin ve konum bazlı veri gösterimi.
Not ekleme, düzenleme, silme, kategori ve arama özellikleriyle tam işlevli not defteri. Veriler tarayıcıda saklanır.
Ürün listeleme, sepete ekleme, toplam hesaplama ve sipariş özeti olan modern alışveriş uygulaması.
Öğrencinin seçtiği bir konu üzerinde sıfırdan tasarladığı, API kullanan tam işlevli React uygulaması.
Öğrencilerimizin derslerde yazdığı gerçek kodlardan örnekler. Basit "Merhaba Dünya"dan React component'ine kadar adım adım 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!Öğrenilen: Değişkenler, string birleştirme, DOM erişimi
// 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();
});Öğrenilen: Fonksiyonlar, döngüler, event listener, DOM stil değişimi
// 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!Öğrenilen: Switch-case, fonksiyon parametreleri, hata kontrolü
// 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("");
}Öğrenilen: Diziler, obje yapısı, 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");Öğrenilen: async/await, Fetch API, JSON parse, try/catch hata yönetimi
// 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;Öğrenilen: React component, useState hook, JSX, event handling
Not: Bu örnekler derslerde öğrencilerin gerçekten yazdığı kodlardır. Her öğrenci kendi hızında ilerler ve eğitmen kodun her satırını birebir anlatır. Kopyala-yapıştır değil, anlayarak yazma esasına dayalı eğitim yapılır.
JavaScript sadece bir dil değil, devasa bir ekosistem. npm, framework'ler ve araçlarla neredeyse her şey yapılabilir.
Dünyanın en büyük yazılım kütüphanesi. 3 milyondan fazla hazır paket içerir. Bir satır komutla istediğiniz aracı projenize ekleyebilirsiniz. Tarih işlemleri için date-fns, form doğrulama için Zod, animasyonlar için Framer Motion...
Meta (Facebook) tarafından geliştirilen dünyanın en popüler frontend kütüphanesi. Instagram, WhatsApp Web, Netflix, Airbnb gibi devler React kullanıyor. Component tabanlı yapısı, kodu düzenli ve tekrar kullanılabilir hale getirir.
Öğrenme eğrisi düşük, esnek bir frontend framework. Özellikle Avrupa ve Asya'da popüler. Alibaba, Nintendo ve GitLab gibi şirketler kullanıyor. Kursumuzda React odaklıyız ama Vue'yu da tanıtırız.
Vercel tarafından geliştirilen React framework'ü. Sunucu tarafında render (SSR), statik site oluşturma (SSG), API route'ları ve daha fazlası. TikTok, Hulu, Notion gibi şirketler kullanıyor. Modern web geliştirmenin standardı.
JavaScript'i sunucu tarafında çalıştıran runtime. REST API, veritabanı işlemleri, dosya yönetimi, gerçek zamanlı uygulamalar... Node.js ile JavaScript tek başına hem frontend hem backend yazabilir. LinkedIn, Netflix, NASA kullanıyor.
React bilgisiyle hem iOS hem Android uygulaması geliştirme. Tek kod tabanıyla iki platformda da çalışan native uygulamalar. Facebook, Instagram, Discord ve Shopify'ın mobil uygulamaları React Native ile yapılmıştır.
3D grafikleri doğrudan tarayıcıda göstermeye yarayan kütüphane. 3D modeller, animasyonlar, oyunlar ve interaktif deneyimler. WebGL üzerine kurulu, öğrenilmesi sürpriz derecede kolay ve sonuçları muhteşem.
Node.js üzerine kurulu minimalist web sunucu framework'ü. REST API oluşturmak, middleware yazmak ve veritabanı bağlantıları kurmak için en yaygın kullanılan araç. Uber, Twitter ve MySpace gibi şirketler kullandı.
Microsoft'un geliştirdiği, JavaScript'e tip güvenliği ekleyen dil. Büyük projelerde hataları derleme aşamasında yakalar. Angular, Deno ve büyük şirketlerin çoğu TypeScript'e geçiş yaptı. Kursumuzda temel JavaScript'ten sonra tanıtılır.
Derleme zamanında çalışan yenilikçi bir framework. Virtual DOM kullanmaz, dolayısıyla çok hızlıdır. SvelteKit ile fullstack uygulamalar geliştirilebilir. Apple, Spotify ve The New York Times kullanıyor. Yeni başlayanlar için öğrenme eğrisi çok düşük.
Yeni nesil frontend build aracı. Webpack'e kıyasla geliştirme sunucusu anında başlar ve Hot Module Replacement (HMR) milisaniyeler içerisinde gerçekleşir. React, Vue, Svelte ve Solid projelerinde standart haline gelmiştir.
Utility-first CSS framework'ü. Class isimleriyle doğrudan HTML içinde stil vermek için kullanılır. Hızlı prototipleme ve tutarlı tasarım için ideal. GitHub, Shopify, Netflix gibi büyük şirketler kullanıyor. Kursumuzun ileri seviyesinde öğretilir.
Google'ın sunucusuz (serverless) backend platformu. Veritabanı, kimlik doğrulama, dosya depolama ve hosting hizmetleri sunar. Backend kodu yazmadan tam işlevli uygulamalar geliştirmek için ideal. Öğrenciler projelerini Firebase ile yayınlayabilir.
React için profesyonel animasyon kütüphanesi. Sayfa geçişleri, hover efektleri, sürü animasyonları ve karmaşık hareket dizileri kolayca oluşturulabilir. Modern web uygulamalarında görülen akıcı animasyonların arkasında genellikle Framer Motion vardır.
JavaScript bilen bir yazılımcı için kapılar her zaman açıktır. İşte gelecekte çocuğunuzu bekleyen kariyer yolları:
Web sitelerinin kullanıcı arayüzünü tasarlar ve kodlar. React, Vue veya Angular gibi framework'ler kullanır. Dünyanın her yerinden uzaktan çalışabilir.
Ortalama maaş: $70,000 - $140,000+
Hem ön yüz (frontend) hem arka yüz (backend) geliştirir. Node.js ile sunucu tarafını, React ile kullanıcı arayüzünü yönetir. En çok aranan profil.
Ortalama maaş: $90,000 - $170,000+
React Native veya Ionic ile hem iOS hem Android için uygulama geliştirir. Tek bir kod tabanıyla iki platformda da çalışan uygulamalar yapar.
Ortalama maaş: $85,000 - $160,000+
Phaser, Three.js, Babylon.js gibi kütüphanelerle tarayıcı tabanlı oyunlar ve 3D deneyimler geliştirir. Oyun endüstrisi hızla büyüyor.
Ortalama maaş: $75,000 - $145,000+
Node.js ve JavaScript ile otomasyon scriptleri, CI/CD pipeline'ları, serverless fonksiyonlar yazar. AWS Lambda, Google Cloud Functions.
Ortalama maaş: $95,000 - $175,000+
JavaScript becerileri sadece bir kariyer değil, aynı zamanda bağımsız çalışmak ve kendi işini kurmak için de muazzam bir avantaj sağlar.
Dünyanın en büyük freelance platformu. JavaScript geliştiriciler için binlerce proje mevcut. Web sitesi yapımı, React uygulaması, API geliştirme gibi işler.
Hizmet bazlı freelance platform. "Web sitesi yapıyorum", "React uygulaması geliştiriyorum" gibi gig'ler oluşturabilirsiniz.
En üst düzey freelancer'lar için. Kabul oranı %3. Ancak kabul edildiğinizde saatlik ücretler çok yüksek.
Proje bazlı çalışma. HTML/CSS/JS web sitesi projeleri çok yaygın. Özellikle başlangıç seviyesinde deneyim kazanmak için ideal.
Yerel işletmeler (kafeler, kuaförler, doktorlar) için modern web siteleri tasarlamak. Türkiye'de ortalama 3,000 - 15,000 TL arası.
Startup'lar ve ürünler için tek sayfalık tanıtım siteleri. Hızlı yapılır, iyi kazandırır. Proje başı 1,000 - 5,000 TL.
Shopify, WooCommerce veya özel React e-ticaret siteleri. Ürün listeleme, sepet, ödeme entegrasyonu.
Dashboard'lar, CRM'ler, proje yönetim araçları, SaaS ürünleri. React + Node.js ile fullstack projeler.
React Native ile iOS ve Android uygulamaları. Restoran sipariş uygulaması, etkinlik uygulaması gibi projeler.
HTML, CSS, JavaScript temellerini öğren. Kendi portfolyo siteni yap. GitHub hesabını oluştur ve projelerini yükle.
React öğren, 5-8 gerçek proje geliştir. Her projeyi canlı URL ile yayınla. README dosyaları yaz. GitHub profilini düzenle.
Aile, arkadaşlar veya yerel işletmelere ücretsiz/düşük ücretli web sitesi yap. Referans topla. Freelance platformlara kaydol.
Freelance platformlarda profil oluştur. Fiyatlandırma stratejini belirle. İlk ücretli projeleri al. Müşteri memnuniyeti ile referans zinciri kur.
0-2 yıl deneyim. HTML, CSS, JavaScript, temel React bilgisi. Stajyer veya junior frontend pozisyonları.
2-5 yıl deneyim. React/Next.js, TypeScript, API entegrasyonu. Bağımsız çalışabilen frontend veya fullstack geliştirici.
5+ yıl deneyim. Mimari kararlar, takım liderliği, performans optimizasyonu. Uzaktan çalışma ile yurt dışı şirketlerde dolar/euro kazanma imkanı.
16+ yaş öğrenciler için: Kurs sonunda temel portfolyosunu oluşturan öğrenciler, eğitmenimizin rehberliğinde ilk freelance projelerini alabilir. Gerçek bir müşteri için web sitesi yapmak, CV'den çok daha değerli bir deneyimdir. Bazı öğrencilerimiz kurs devam ederken bile ilk freelance gelirlerini kazanmıştır. Türkiye'de web geliştirme sektörü hızla büyüyor ve JavaScript bilen gençlere olan talep her geçen gün artıyor.
Profesyonel yazılımcıların kullandığı araçları öğretiyoruz. Tüm araçlar ücretsiz!
Microsoft'un geliştirdiği, dünyanın en popüler kod editörüdür. Renk kodlama (syntax highlighting), otomatik tamamlama (IntelliSense), hata tespiti, terminal entegrasyonu ve binlerce uzantı sunar. Kursumuzda ilk derste birlikte kuruyor ve öğrenci kendi bilgisayarında kod yazmaya başlıyoruz.
Google Chrome tarayıcısının içinde yerleşik olan geliştirici araçları. F12 tuşuna basarak HTML yapısını inceleyebilir, CSS değerlerini canlı değiştirebilir, JavaScript hatalarını tespit edebilir ve ağ isteklerini izleyebilirsiniz. Her web geliştiricinin günlük kullandığı araçtır.
Dünyanın en büyük kod paylaşım platformu. 100 milyondan fazla geliştirici kullanıyor. Öğrenciler projelerini GitHub'a yükler, portfolyolarını oluşturur ve diğer geliştiricilerin kodlarını inceleyerek öğrenir. Üniversite başvurularında ve iş mülakatlarında aktif GitHub profili büyük avantaj sağlar.
Web uygulamalarını tek tıkla internete yayınlama platformu. Next.js'in yaratıcıları tarafından geliştirilmiştir. GitHub'a push ettiğiniz anda siteniz otomatik olarak güncellenir. SSL sertifikası, CDN ve özel domain desteği ücretsiz. Öğrenciler projelerini gerçek bir URL ile paylaşabilir.
Canlı kod deneme
UI/UX tasarım
API test aracı
Komut satırı
Proje not defteri
Kod kalite kontrolü
Otomatik formatlama
Paket yöneticileri
code.visualstudio.com adresinden indir ve kur. Türkçe dil paketini ekle.
5 dkLive Server, Prettier, ESLint, Auto Rename Tag uzantılarını kur.
5 dkF12 ile araç, Elements, Console ve Network panellerini tanı.
10 dkgithub.com'da hesap oluştur. Git'i bilgisayara kur. İlk repository'yi aç.
10 dkİleri seviye öğrenciler için: TypeScript nedir, neden önemlidir ve ne zaman kullanılır?
// 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| Özellik | JavaScript | TypeScript |
|---|---|---|
| Tip Sistemi | Dinamik (runtime) | Statik (compile-time) |
| Öğrenme Kolaylığı | Kolay - hızlı başlangıç | Orta - tip sistemi öğrenilmeli |
| Hata Yakalama | Çalışma zamanında | Derleme aşamasında |
| IDE Desteği | İyi | Mükemmel (IntelliSense) |
| Küçük Projeler | İdeal | Fazla karmaşık olabilir |
| Büyük Projeler | Zorlaşabilir | İdeal ve güvenli |
| Topluluk Büyüklüğü | Çok büyük | Hızla büyüyor |
| İş İlanları | Çok yaygın | Hızla artıyor (özellikle kurumsal) |
| Derleme Gereksinimi | Yok - doğrudan çalışır | Evet - JS'e derlenir |
| Tarayıcı Desteği | Native (doğrudan) | 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 yaklaşım: Önce JavaScript temellerini sağlam bir şekilde öğretiyoruz. Öğrenci JavaScript'te rahat ettikten sonra (genellikle Faz 3 sonu veya Faz 4 başında) TypeScript'e giriş yapıyoruz. TypeScript, JavaScript'in "üst kümesi" (superset) olduğu için, JavaScript bilen bir öğrenci TypeScript'e kolayca geçebilir. Amaç, her iki dili de tanıyarak iş dünyasının beklentilerine hazır olmaktır. Günümüzde büyük şirketlerin %80'den fazlası yeni projelerde TypeScript kullanmaktadır, bu nedenle her iki dili de bilmek büyük avantaj sağlar.
JavaScript kursumuz farklı yaş grupları ve deneyim seviyelerine uygun olarak planlanır.
HTML ve CSS ile web sayfası oluşturmakla başlar. Görselliği yüksek, eğlenceli projelerle motivasyonu sağlanır. JavaScript temelleri yavaşça tanıtılır.
Temel kavramları daha hızlı kavrar. DOM manipülasyonu, olay yönetimi ve küçük projelerle JavaScript'in gücünü keşfeder. Canvas oyunları motivasyonu arttırır.
Hızlı ilerleme. ES6+, React, API entegrasyonu ve gerçek dünya projeleri. Üniversite ve staj hazırlığı olarak portfolyo oluşturur. GitHub profili yönetimi.
Haftada 2 ders alan bir öğrencinin tipik bir haftası nasıl geçer? İşte adım adım süreç:
Eğitmen öğrenciyi selamlar, geçen haftanın ödevini birlikte inceler. Doğru yapılan yerler tebrik edilir, hatalar birlikte düzeltilir.
Günün konusu görsel örneklerle ve canlı kodlamayla anlatılır. Eğitmen kodu yazar, öğrenci izler ve sorular sorar. Kavram netleşene kadar farklı örnekler gösterilir.
Öğrenci kendi ekranını paylaşır ve eğitmenin yönlendirmesiyle kod yazmaya başlar. "Şimdi bir değişken tanımla", "Bu fonksiyonu sen yaz" gibi adımlarla ilerler. Takıldığı yerde eğitmen ipucu verir.
Öğrenci, öğrendiği konuyu kendi başına uygular. Küçük bir görev veya challenge verilir. Eğitmen izler ve gerektiğinde yardımcı olur. Bu aşama, öğrenmenin pekişmesi için kritiktir.
Günün konusu kısa özetlenir. Öğrenci ne öğrendiğini kendi cümlesiyle ifade eder. Sonraki derse kadar yapılacak ödev veya pratik görevi açıklanır.
Birebir online eğitim, proje bazlı öğrenme ve kişiselleştirilmiş müfredat.
Her öğrenci bir eğitmenle birebir çalışır. Sınıf ortamındaki dikkat dağınıklığı yoktur. Eğitmen tamamen öğrenciye odaklanır, sorular anında cevaplanır, zorluk seviyesi anlık ayarlanır.
Kuru teori yerine her hafta bir proje. Öğrenci yaparken öğrenir. Hesap makinesi, oyun, hava durumu uygulaması... Her proje yeni kavramları pratikte pekiştirir.
Her çocuğun öğrenme hızı ve ilgi alanı farklıdır. Futbol seven çocukla skor tablosu projesi yapılır, müzik seven çocukla ses visualizer. Müfredat çocuğa uyarlanır, çocuk müfredata değil.
Her ayın sonunda velilere detaylı ilerleme raporu gönderilir. Hangi konular öğrenildi, hangi projeler tamamlandı, sonraki ayın planı. Veliler çocuğunun gelişimini yakından takip eder.
Ders saatleri tamamen ailenin programına göre belirlenir. Hafta içi, hafta sonu, sabah veya akşam -- çocuğunuza en uygun zamanı siz seçin. Ders değişiklikleri 24 saat önceden yapılabilir.
VS Code, Chrome DevTools, GitHub, CodePen -- profesyonel yazılımcıların kullandığı araçlarla çalışır. Bu deneyim, ileride iş hayatında büyük avantaj sağlar.
Rozetler, portfolyo ve GitHub profili ile öğrencinin her adımı somut bir başarıya dönüşür.
İlk web sayfasını tamamla
Faz 1Responsive site yap
Faz 1İlk JS programını yaz
Faz 2Canvas oyunu bitir
Faz 3Gerçek API kullan
Faz 3React uygulaması yap
Faz 450+ commit yap
Bonusİlk paketi kur ve kullan
Faz 3Kişisel siteyi yayınla
Faz 17 gün üst üste kodla
BonusTüm fazları tamamla
Final20 challenge tamamla
BonusCSS animasyon projesi yap
Faz 1API projesi tamamla
Faz 3Mobil uyumlu site yap
Faz 110+ component oluştur
Faz 4İlk TS projesini yap
BonusHer öğrenci kurs boyunca kişisel bir portfolyo web sitesi oluşturur. Bu site, tamamlanan projeleri, öğrenilen teknolojileri ve öğrencinin hakkında bilgilerini içerir. Kurs sonunda canlı bir URL ile yayınlanır ve üniversite başvuruları, staj mülakatları için kullanılabilir.
Öğrenciler ilk dersten itibaren GitHub kullanmayı öğrenir. Her proje, her ödev GitHub'a yüklenir. Kurs sonunda aktif bir GitHub profili, düzgün commit geçmişi ve açık kaynak kodlu projelerle dolu bir hesap oluşur.
HTML ve CSS temelleri, ilk web sayfası
JavaScript temelleri, DOM manipülasyonu
İleri JS, API kullanımı, Canvas oyunları
React, component mimarisi, state yönetimi
Fullstack projeler, TypeScript, deploy
XP (Experience Points) her tamamlanan ders, proje, ödev ve challenge ile kazanılır. Seviye atlamak yeni rozetler ve özel görevler açar.
Her ayın sonunda velilere gönderilen rapor şunları içerir:
Velilerin en çok sorduğu soru. İki dil de harika, ama farklı alanlarda parlıyorlar.
| Kriter | JavaScript | Python |
|---|---|---|
| Ana Kullanım Alanı | Web geliştirme, mobil uygulamalar | Yapay zeka, veri bilimi |
| Görsel Geri Bildirim | Çok yüksek (tarayıcıda anında) | Düşük (terminal/konsol) |
| Başlangıç Kolaylığı | Orta (HTML/CSS birlikte) | Kolay (tek dil) |
| İş İmkanları | Çok geniş (en çok iş ilanı) | Geniş (özellikle AI/data) |
| Proje Çeşitliliği | Web, mobil, oyun, masaüstü | AI, veri, otomasyon, web |
| Önerilen Yaş | 12+ yaş | 11+ yaş |
| Framework'ler | React, Vue, Next.js, Express | Django, Flask, TensorFlow |
Önerimiz: Çocuğunuz web siteleri, uygulamalar ve oyunlar yapmak istiyorsa JavaScript ile başlasın. Yapay zeka, veri analizi ve bilimsel projeler ilgisini çekiyorsa Python tercih edilebilir. Her iki durumda da diğer dili sonra öğrenebilir -- temeller aynı mantığa dayanır. 1e1Kod olarak her iki dili de öğretiyoruz ve çocuğunuzun ilgisine göre en uygun yolu birlikte belirleriz.
Çocuğunuzun JavaScript eğitiminde neler bekleyeceğinizi öğrenmek istiyorsanız:
Kesinlikle evet! Kodlama bilmeniz gerekmiyor. Eğitmenimiz her şeyi birebir anlatır. Sizin yapmanız gereken tek şey, çocuğunuzun düzenli olarak derslere katılmasını sağlamak ve ara sıra "ne öğrendin bugün?" diye sormaktır. Bu basit soru bile çocuğunuzun motivasyonunu iki katına çıkarır. Aylık ilerleme raporlarıyla çocuğunuzun gelişimini yakından takip edebilirsiniz.
Sıfırdan profesyonel seviyeye: çocuğunuzun JavaScript yolculuğunda her aşama net ve planlı.
Kişisel Portfolio Sitesi
İlk web sayfasını internete yayınlar
İnteraktif Quiz Uygulaması
İlk interaktif uygulamayı yapar
Hava Durumu Uygulaması
Gerçek API kullanan uygulama yapar
Snake veya Platformer Oyunu
Kendi oyununu geliştirir ve paylaşır
React ile E-Ticaret Sayfası
Profesyonel web uygulaması yapar
Serbest Bitirme Projesi
Tam portfolyoyu yayınlar, mezun olur
Birebir eğitimde en önemli faktör eğitmendir. İşte öğrencilerimize nasıl destek sağladığımız:
Her öğrencinin seviyesi, ilgi alanı ve öğrenme hızı farklıdır. Eğitmen, ilk derste çocuğunuzu tanır ve ona özel bir öğrenme planı oluşturur. Futbol seven çocukla skor tablosu, hayvan seven çocukla hayvan ansiklopedisi projesi yapılır.
Öğrenciler ve veliler, eğitmene WhatsApp üzerinden her zaman ulaşabilir. Ders arası bir sorusu mu var? Ödevde mi takıldı? Hemen cevap alır. Bu, ders dışındaki zamanlarda da öğrenmenin devam etmesini sağlar.
Derslerin kaydı talep edildiğinde yapılabilir. Öğrenci sonradan tekrar izleyebilir. Özellikle karmaşık konuların tekrarı için çok faydalı. Ayrıca hastalık gibi durumlarda kaçırılmış ders telafi edilebilir.
Her ders sonunda küçük bir ödev veya pratik görevi verilir. Eğitmen, ödevi inceleyip detaylı geri bildirim verir. "Güzel yapmışsın ama burada şu yöntemi deneyebilirsin" gibi yapıcı yorumlar, öğrenmeyi hızlandırır.
Rozet sistemi, XP kazanma ve seviye atlama ile öğrenci sürekli motive edilir. Zorlandığı anlarda eğitmen yaklaşımı değiştirir, konuyu farklı bir açıdan anlatır. Amaç, çocuğun "yapamıyor" değil "henüz yapamadı" hissetmesidir.
Her ay sonunda veliye detaylı ilerleme raporu gönderilir. Öğrencinin güçlü yönleri, geliştirmesi gereken alanlar ve sonraki dönem planı paylaşılır. Veli toplantısı talep edildiğinde yapılır.
JavaScript kursumuzdan mezun olan öğrencilerin ilham verici hikayeleri:
Arda, 15 yaşında JavaScript kursuna sıfır kodlama bilgisiyle başladı. İlk 3 ayda HTML, CSS ve JavaScript temellerini öğrendi. 6. ayda gerçek bir API kullanan hava durumu uygulaması yaptı. 9. ayda React ile tam işlevli bir portfolyo sitesi oluşturdu. Şimdi okul projelerinde arkadaşlarına web sitesi yapıyor ve ilk freelance işini aldı: yerel bir kafenin web sitesi.
İlk freelance gelirini kazandı (3,500 TL)
Zeynep, kodlamayla hiç ilgilenmiyordu ama anne-babası deneme dersine yazdı. İlk derste HTML ile "Merhaba Dünya" sayfasını görünce gözleri parladı. Sonraki haftalarda kendi blog sitesini tasarladı. Canvas API ile resim çizip animasyonlar yapmayı çok sevdi. Şimdi okuldaki bilim fuarında JavaScript ile yaptığı interaktif quiz uygulamasını sergiledi ve birincilik aldı.
Okul bilim fuarında birincilik
Emre, üniversite hedefi olan bir liseli. Yazılım mühendisliği okumak istiyordu ama deneyimi yoktu. 1 yıllık JavaScript kursunda HTML/CSS, JavaScript, React ve hatta TypeScript öğrendi. GitHub'da 30+ proje biriktirdi. Staj başvurularında bu portfolyoyu gösterdi ve bir teknoloji firmasında yaz stajı kazandı. Şimdi üniversite müfredatının çok ilerisinde.
Teknoloji firmasında staj kazandı
Elif, Minecraft ve Roblox oynuyor ama "oyun yapma" fikri heyecanlandırıyordu. JavaScript kursunda Canvas API ile 2D oyun geliştirmeyi öğrendi. İlk oyunu olan "Uzay Macerası"nda bir uzay gemisini kontrol edip asteroitlerden kaçan bir oyun yaptı. Arkadaşları tarafından "sınıftaki geliştirici" olarak tanınmaya başladı. Şimdi Three.js ile 3D projelere ilgi duyuyor.
Kendi oyununu geliştirdi ve paylaştı
Can, okulda matematik dersleriyle zorlanıyor ancak bilgisayar başında saatlerini geçiriyordu. JavaScript kursuyla hayatı değişti. Programlamanın aslında "uygulamalı matematik" olduğunu keşfetti. Değişkenler, döngüler ve algoritmalar sayesinde matematiğin somut karşılığını gördü. Kurs boyunca bir online "Matematik Quiz" uygulaması geliştirdi. Okulunda matematik notu 55'ten 85'e yükseldi.
Matematik notu 30 puan arttı
Defne, tasarım ve sanata çok meraklı bir öğrenciydi. CSS animasyonlarını ve görsel tasarımı çok sevdi. JavaScript ile interaktif sanat projeleri yaptı: fareyle çizim yapan bir uygulama, rastgele geometrik desenler üreten bir generator ve müziğe uygun hareket eden vizüalizatör. Kurs sonunda portfolyosundaki projeler, bir tasarım okulu başvurusunda referans olarak kullanıldı.
Tasarım okuluna kabul edildi
JavaScript öğrenirken karşılaşacağınız 20 temel terim. Bu sözlük hem öğrenciler hem veliler için hazırlanmıştır.
Bir veri parçasını saklamak için kullanılan isimlendirilmiş kutu. Örneğin: let isim = "Ahmet" -- burada "isim" bir değişkendir ve içinde "Ahmet" değerini tutar.
Belirli bir görevi yerine getiren, tekrar tekrar kullanılabilen kod bloğu. Örneğin: topla(3, 5) fonksiyonu her çağrıldığında iki sayıyı toplar.
Birden fazla değeri sırayla saklamak için kullanılan liste yapısı. Örneğin: let meyveler = ["elma", "armut", "muz"] -- üçünü tek değişkende tutar.
İlişkili verileri anahtar-değer çiftleri halinde saklayan yapı. Örneğin: {isim: "Arda", yas: 15, sinif: 10} -- bir kişinin bilgilerini tutar.
Web sayfasının HTML yapısını JavaScript ile değiştirmeye yarayan arayüz. Butona tıklanınca renk değişir, yazı eklenir -- bunların hepsi DOM işlemidir.
Farklı yazılımların birbiriyle konuşmasını sağlayan arayüz. Hava durumu verisi almak, harita göstermek, sosyal medya entegrasyonu -- hepsi API sayesinde.
Yazılım geliştirmeyi hızlandıran hazır yapı iskeleti. React, Vue, Angular gibi JavaScript framework'leri, web uygulaması geliştirmeyi kolaylaştırır.
JavaScript için dünyanın en büyük paket yöneticisi. Hazır kütüphaneleri projenize eklemek için kullanılır. "npm install react" komutu React'i yükler.
Asenkron (eş zamanlı olmayan) işlemleri yönetmek için kullanılan yapı. API'den veri çekerken sayfanın donmamasını sağlar. "Bekle, veri gelsin, sonra göster."
React'te tekrar kullanılabilen bağımsız arayüz parçası. Bir buton, bir kart, bir form -- her biri ayrı bir component olabilir ve farklı sayfalarda kullanılabilir.
Bir component'in o anki durumunu tutan veri. Örneğin sayacın değeri, formun dolu mu boş mu olduğu, bir kutunun açık mı kapalı mı olduğu.
React'te bir component'ten diğerine veri aktarma yolu. Üst component'ten alt component'e bilgi göndermek için kullanılır. "İsim" bilgisini kart component'ine gönderme gibi.
Kullanıcı etkileşimlerini dinleyen ve tepki veren yapı. Tıkla, fareyi üstünde gez, klavyeye bas -- bu olaylar event listener ile yakalanır.
Başka bir fonksiyona parametre olarak geçirilen fonksiyon. "Bu işlem bittiğinde şunu yap" mantığı için kullanılır. JavaScript'in temel yapılarından biridir.
Veri değişimi için kullanılan hafif format. API'lerden gelen veri genellikle JSON formatındadır. Okunması kolay, hem insanlar hem bilgisayarlar için uygun.
Kod değişikliklerini takip eden versiyon kontrol sistemi. "Dün yaptım ama bozdum, geri döneyim" ihtiyacını karşılar. Her profesyonel yazılımcı kullanır.
Web sitesinin telefon, tablet ve bilgisayar ekranlarında düzgün görünmesi. CSS Flexbox ve Grid ile sağlanan, bugün zorunlu bir tasarım ilkesi.
JavaScript'te ekrana mesaj yazdırmak için kullanılan en temel komut. Hata arama (debugging) ve kodun nasıl çalıştığını anlamak için çok sık kullanılır.
JavaScript'te bir URL'den veri almak için kullanılan yerleşik fonksiyon. API istekleri yapmak, uzak sunucudan bilgi çekip sayfada göstermek için kullanılır.
Geliştirilen web sitesi veya uygulamayı internete açma süreci. Vercel, Netlify gibi platformlarla tek tıkla yapılır. "Kodum çalışıyor, şimdi herkes görsün!"
ES6 ile gelen kısa fonksiyon yazım şekli. const topla = (a, b) => a + b; şeklinde yazılır. Klasik function yapısına göre daha kısa ve okunaklı. Modern JavaScript'te en çok kullanılan yapı.
Dizi veya objeden değerleri kolayca çıkarmak. const {isim, yas} = ogrenci; yazarak objenin içindeki değerleri tek satırda değişkenlere atarsınız. Kodu daha kısa ve okunaklı yapar.
Gelecekte tamamlanacak asenkron bir işlemi temsil eder. "Bu veriyi getir, geldiğinde şunu yap" mantığı. fetch() fonksiyonu bir Promise döndürür. async/await'in temelinde Promise vardır.
Backtick (`) işaretleri ile yazılan ve içine değişken gömebileceğiniz string yapısı. `Merhaba ${isim}, yasin ${yas}` şeklinde kullanılır. String birleştirmeden çok daha pratik ve okunaklı.
Bir değişkenin erişilebilir olduğu alan. Fonksiyon içinde tanımlanan değişken dışarıdan erişilemez. let ve const blok scope'a sahipken, var fonksiyon scope'a sahiptir.
if/else yapısı ile kod akışını yönlendirme. "Eğer yaş 18'den büyükse ehliyet alabilir, değilse alamaz" gibi karar mekanizmaları. Her programın temel yapı taşıdır.
Bir kod bloğunu belirli koşul sağlandığı sürece tekrar tekrar çalıştırma. for, while, forEach gibi çeşitleri vardır. "Listedeki her elemanı ekrana yazdır" gibi tekrarlayan işlemler için kullanılır.
JavaScript'in değişken ve fonksiyon tanımlarını kodun başına taşıma davranışı. var ile tanımlanan değişkenler ve function bildirimleri "kaldırılır". let ve const bu davranışı göstermez.
Bir fonksiyonun dışındaki değişkenlere erişebilme yeteneğini koruması. İç fonksiyon, dış fonksiyonun değişkenlerini "hatırlar". İleri seviye bir kavram ama JavaScript'in en güçlü özelliklerinden biri.
12 yaş ve üzeri çocuklar JavaScript öğrenebilir. HTML ve CSS ile başlayıp adım adım JavaScript'e geçiş yapılır. Scratch veya Python deneyimi olan çocuklar daha hızlı ilerler. 10-11 yaş için önce Scratch kursumuz önerilir.
Web siteleri, web uygulamaları, tarayıcı oyunları, mobil uygulamalar (React Native), masaüstü uygulamalar (Electron) ve sunucu uygulamaları (Node.js). YouTube, Instagram, Netflix, Airbnb gibi platformların hepsi JavaScript kullanıyor.
Hayır, sıfırdan başlıyoruz. HTML ve CSS ile web sayfası oluşturmakla başlayıp adım adım JavaScript'e geçiyoruz. Scratch veya Python deneyimi varsa daha hızlı ilerleme sağlanır ama zorunlu değildir.
İkisi de harika seçenekler ve birbirinin yerine geçmez. Python veri bilimi ve yapay zeka için ideal, JavaScript web geliştirme için zorunludur. Çocuğunuzun ilgisine göre seçilebilir. Web siteleri, uygulamalar ve oyunlar istiyorsa JavaScript; yapay zeka ve veri analizi istiyorsa Python.
React, Meta (Facebook) tarafından geliştirilen dünyanın en popüler frontend framework'üdür. Instagram, WhatsApp Web, Netflix gibi uygulamalarda kullanılır. JavaScript temellerini öğrendikten sonra 14+ yaş çocuklar React ile profesyonel web uygulamaları geliştirebilir.
Online, canlı ve birebir formatında. Zoom üzerinden eğitmen ve öğrenci birebir görüşür. Her ders 50 dakikadır. Ders içinde canlı kodlama yapılır, öğrenci kendi ekranını paylaşır ve eğitmenin yönlendirmesiyle projelerini geliştirir.
Haftada 1-2 ders önerilir. Haftada 1 ders ile 36 haftada tamamlanır, 2 ders ile 18 haftada. Ders aralarına ödev ve pratik zamanı bırakarak en verimli öğrenme sağlanır.
Tamamen esnek. Hafta içi (15:00-21:00) veya hafta sonu (10:00-20:00) arasında ailenin uygun olduğu saat seçilir. Ders değişiklikleri 24 saat önceden bildirildiğinde yapılabilir.
Birebir eğitimin en büyük avantajı bu. Eğitmen çocuğun ilgisini anında fark eder ve yaklaşımı değiştirir. Futbol seven çocukla maç skor tablosu, müzik seven çocukla baş enstrümanı uygulaması yapılır. Konu ilgi alanına göre uyarlanır.
Herhangi bir modern bilgisayar (Windows, Mac veya Linux) yeterli. Özel donanım gerekmez. Sadece stabil internet bağlantısı, bir tarayıcı ve mikrofon/kamera yeterli. Tablet veya telefon ile ders yapılması önerilmez.
Deneme dersinde eğitmen çocuğunuzla tanışır, seviyesini belirler ve kısa bir proje yapar (genellikle basit bir web sayfası). Ders sonunda veli ile görüşülür, program ve müfredat önerisi yapılır. Hiçbir bağlayıcılık yoktur.
Evet, her fazı tamamlayan öğrenciye dijital sertifika verilir. Ayrıca öğrencinin tüm projeleri GitHub portfolyosuna eklenir ve kişisel web sitesi canlı olarak yayınlanır -- bu, herhangi bir sertifikadan çok daha değerlidir.
TypeScript, JavaScript'in üzerine tip güvenliği ekleyen bir dildir. Değişkenlerin tipini önceden belirlemenizi sağlar ve büyük projelerde hataları erkenden yakalar. Kursumuzda önce JavaScript temellerini, ardından ileri seviyede TypeScript'e geçiş öğretilir.
Kurs sonunda temel web geliştirme becerilerine sahip olacak. 16+ yaş öğrenciler, eğitmenimizin rehberliğinde portfolyolarıyla freelance platformlarda küçük projeler alabilir. Bazı öğrencilerimiz kurs devam ederken bile ilk gelirlerini kazanmıştır.
Tam müfredat 36 haftadır (4 faz). Haftada 1 ders ile 9 ay, haftada 2 ders ile 4.5 ayda tamamlanır. Ancak her öğrenci kendi hızında ilerler -- bazı konular daha hızlı geçilirken, bazı konulara daha fazla zaman ayrılabilir.
24 saat önceden bildirimde bulunmanız yeterli. İptal edilen ders başka bir güne/saate taşınır. Son dakika iptallerinde (24 saatten az) ders hakkı kullanılmış sayılır. Hastalık gibi özel durumlarda esnek davranılır.
Şu an sadece birebir ders formatı sunuyoruz. Birebir eğitimin avantajları (kişiselleştirilmiş müfredat, anlık geri bildirim, öğrencinin hızına göre ilerleme) grup derslerinde mümkün değildir. Bu nedenle kaliteyi korumak için birebir formatı tercih ediyoruz.
Eğitmenlerimiz yazılım mühendisliği veya bilgisayar bilimi mezunu, aktif yazılım geliştirme deneyimi olan ve çocuklarla çalışma konusunda eğitim almış profesyonellerdir. Her eğitmen, öğrenciyle iletişim kalitesine göre seçilir.
Evet, eğitim modeli tamamen esnektir. Sınav dönemi, tatil veya başka nedenlerle ara verilip kaldığı yerden devam edilebilir. Öğrencinin ilerlemesi kaydedilir ve eğitmen değişikliği olmaz.
Elbette! JavaScript kursunu tamamlayan veya belirli bir seviyeye gelen öğrenciler, Python, Unity (C#) veya Scratch gibi diğer kurslarımıza geçiş yapabilir. JavaScript temeli, diğer dilleri öğrenmede büyük avantaj sağlar.
Aylık veya paket (3 ay, 6 ay) ödeme seçenekleri mevcuttur. Kredi kartı, banka transferi ve EFT ile ödeme yapılabilir. Paket alımlarda indirim uygulanır. İlk ders her zaman ücretsizdir ve hiçbir bağlayıcılık yoktur.
Her ayın sonunda detaylı ilerleme raporu gönderilir. Tamamlanan konular, biten projeler, kazanılan rozetler ve sonraki ayın planı bulunur. Ayrıca istediğiniz zaman eğitmenle WhatsApp üzerinden iletişime geçebilirsiniz.
Olumlu etkiler. Programlama mantıksal düşünme, problem çözme ve analitik becerilerini geliştirir. Öğrencilerimizin büyük çoğunluğu matematik ve fen derslerinde de iyileşme göstermiştir. Haftada 2-3 saatlik ek çalışma, okul programını olumsuz etkilemez.
Evet, birebir eğitim ADHD olan çocuklar için özellikle uygundur. Eğitmen tamamıyla çocuğa odaklanır, ders temposu ayarlanır ve kısa aralıklı görevlerle dikkat korunur. Görsel geri bildirim ve proje bazlı öğrenme, ADHD olan çocukların motivasyonunu yüksek tutar.
Evet, yaz tatili için yoğunlaştırılmış programlar sunuyoruz. Haftada 3-4 ders ile normal 36 haftalık müfredat çok daha kısa sürede tamamlanabilir. Yaz kampı formatı, okul dönemi baskısı olmadan yoğun öğrenme için ideal.
Kesinlikle! Scratch deneyimi büyük avantaj sağlar. Scratch'te öğrenilen döngüler, koşullar, değişkenler ve olay yönetimi kavramları JavaScript'te aynen geçerlidir. Sadece blok tabanlı kodlamadan metin tabanlı kodlamaya geçiş yapılır. Bu geçiş genellikle 1-2 haftada tamamlanır.
Hayır, tam tersi. AI araçları (Copilot, ChatGPT) kod yazmaya yardımcı olur ama kodu anlamak, hata ayıklamak ve doğru yönlendirmek için temel bilgi gereklidir. AI, JavaScript bilenlerin üretkenliğini 3-5x arttırır. Bilmeyenler ise AI çıktısını değerlendiremezler. Kursumuzda AI araçlarının da nasıl etkili kullanılacağını öğretiyoruz.
Kurs sonrasında da devam edebilecek proje ilhamları. Her biri gerçek dünya problemlerini çözüyor.
Bu projeler, kurs müfredatımızın dışında öğrencinin kendi başına veya eğitmen desteğinde geliştirebileceği fikirlerdir. Her proje, portfolyoya eklenerek gelecek başvurularda referans olabilir.
Dünyanın en büyük teknoloji şirketlerinin hepsi JavaScript kullanıyor. Çocuğunuz da aynı teknolojiyi öğreniyor.
Video akış platformu
React, Node.jsSosyal medya
React, React NativeKonaklama platformu
React, Node.jsUlaşım platformu
React, Node.jsMüzik akış platformu
React, Node.jsİş ağı platformu
Node.js, Ember.jsÖdeme platformu
React, Node.jsİletişim platformu
React, ElectronOyuncu iletişimi
React, React NativeVerimlilik aracı
React, Next.jsTasarım aracı
React, WebGLKod platformu
React, Node.jsJavaScript dışında da birçok eğitim sunuyoruz. Çocuğunuzun ilgisine en uygun kursu seçin.
İlk ders tamamen ücretsiz. HTML ile başlayıp React ile profesyonel uygulamalar geliştirecek. Çocuğunuz web geliştirmenin temel dilini öğrenirken eğlenceli projeler yapacak.Birebir online ders | 12-17 yaş | Esnek program | GitHub portfolyosu
Konuyla ilgili bilgilendirici yazılar ve kaynaklar
Dijital SanatAnime karakter çizimi, dijital boyama ve 3B modelleme — yaş rehberi, araçlar (Procreate, Krita, Blender) ve online birebir ders.
10 dk okuma
Veli RehberiBirebir vs grup, eğitmen sürekliliği, yaşa uygun müfredat, esneklik ve güven — çocuğunuza uygun kursu seçme rehberi.
12 dk okuma
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