Sonraki Adımlar

JavaScript temellerini bitirdin. Şimdi ne?

Pratik yap, kütüphaneyi sonra öğren

İlk altına bir gerçek proje koy. Framework seçmeden, pure JavaScript ile.

Öneri projeler:

• Todo list (localStorage ile)
• Hava durumu uygulaması (fetch + bir public API)
• Basit blog motoru (markdown render, search)
• Pomodoro / sayaç (timer, notification)
• Quiz uygulaması (state, conditional render)

Bunları framework'süz yapmak DOM'u, event'leri ve state akışını gerçekten oturtur.

Modern web: framework'lere geçiş

Sıralı bir yol:

1. HTML/CSS → düzgün semantik markup, flexbox, grid
2. Vanilla JavaScript → bu eğitim
3. TypeScript → tip güvenliği
4. React veya Vue → component-based UI
5. Next.js veya Nuxt → full-stack web framework
6. Backend: Node.js + Express/Fastify veya Python/Go

Tek seferde hepsini öğrenme. Her birini önceki adımı sağlam yaptıktan sonra.

Değinmediğimiz ama bilmen gereken konular

• Web Components — özelleştirilmiş HTML elementleri
• Service Workers — offline, cache, background sync
• Web Workers — ana thread'i bloklamadan ağır iş
• WebSockets — real-time iletişim
• Canvas / WebGL — 2D/3D çizim
• Streams API — büyük veriyi parça parça işleme
• Proxy / Reflect — meta-programlama

İhtiyacın olduğunda öğren — hepsini bir başta yutmaya çalışma.

Test yazmayı öğren

İyi yazılımcının ayırt edici özelliği. Başlangıç:

• Vitest veya Jest — unit test
• Playwright veya Cypress — E2E test

import { describe, it, expect } from "vitest";
import { topla } from "./math";
 
describe("topla", () => {
  it("iki sayıyı toplar", () => {
    expect(topla(2, 3)).toBe(5);
  });
});

Git'i ciddiye al

commit, push, pull yetmiyor. Branch, merge, rebase, conflict çözme, interactive rebase, cherry-pick öğren. Her geliştirici sürüm kontrolünde günde saatler harcar — yatırımı geri alır.

Kaynaklar

Belgeler

• MDN Web Docs — developer.mozilla.org — referansın evi
• JavaScript.info — javascript.info — derin, ücretsiz

Kitaplar

• You Don't Know JS Yet (Kyle Simpson) — JavaScript'in inceliklerini öğretir
• Eloquent JavaScript (Marijn Haverbeke) — interaktif, ücretsiz online

YouTube ve videolar

• Furkan Özay (yazarın kanalı)
• Net Ninja, Fireship, Web Dev Simplified

Pratik

• Frontend Mentor — gerçek tasarım challenge'ları
• Codewars — algoritma kataları
• Exercism — mentorlu egzersizler

Topluluk

• Discord — bir frontend/JavaScript sunucusuna gir, soru sor, soruları oku
• Twitter/X — tanıdık geliştiricileri takip et
• GitHub — favori kütüphanelerin issue ve PR'larını oku

Son söz

JavaScript hızla değişen bir ekosistem. Her hafta yeni kütüphane çıkıyor. Hepsine yetişmeye çalışma. Bunun yerine:

1. Temellere derinlemesine hâkim ol (bu eğitim onun başlangıcı)
2. Bir konuda uzmanlaş (frontend, backend, mobile, oyun...)
3. Üret — okumaktan değil, yazıp test ederek öğrenirsin

İyi şanslar. Ne sıkıştığını, hangi projeyi yaptığını veya neye taktığını bana yaz — yardım edebilirim.

— Furkan