Öğrenme yolu

JavaScript geliştirici yol haritası

JavaScript geliştiricisi olarak çalışmak için neyi, hangi sırayla öğrenmen gerektiği: dilin kendisi ve TypeScript, komut satırı, Git ve SQL, ardından mülakatların sınadığı veri yapıları ve algoritmalar, son olarak da bir ekibin bakımını üstlenebileceği kod. Aynı temel frontend, backend ve full-stack işlerin hepsinde işe yarar. Ücretsiz, uygulamalı ve tarayıcında.

ÖĞRENMEYE BAŞLA(ücretsiz)

503,064+ codder bu kurslara kayıtlı

651 ders577 görev2,785 quiz sorusu

Başlangıç dostu
Yapay zeka destekli kodlama yardımı
Uygulamalı interaktif dersler
Her derste sesli anlatım
Bilgini sınamak için testler
Yol boyunca 14 ücretsiz sertifika

JavaScript geliştirici yol haritası, adım adım

17 kurs7 bölüm651 ders577 görev2,785 quiz sorusu

Her adım, Coddy'de hâlihazırda var olan kurslardan oluşuyor ve her Başla düğmesi onları JavaScript ile açıyor. Adımları sırayla izle ya da eksiğin olan adımdan başla; ilerlemen kurs bazında kaydedilir.

1
Adım 1
Önce JavaScript, sonra TypeScriptÖzel sayfa
Bu adıma başlaBaşlaDört bölüm. Temeller bölümü değişkenleri, katı ve gevşek eşitliği, örtük tip dönüşümünü, fonksiyonları ve arrow function'ları ve dizileri kapsar; Mantık ve Akış string'leri, JSON'ı ve nesneleri, spread operatörünü, set'leri ve map, filter, reduce ve sort dizi metotlarını kapsar; TypeScript'e Giriş temel tipleri, tuple'ları, union'ları, arayüzleri, enum'ları, generic'leri ve type guard'ları kapsar; Nesne Yönelimli Programlama ise this, modülleri, sınıfları, private alanları, kalıtımı ve kompozisyonu kapsar. Derinlemesine öğren: ileride karşılaşacağın her framework'ün altında JavaScript var ve onun gevşek kuralları, === yanındaki == ve sessiz tip dönüşümü, ancak onları tanıyana kadar birer tuzaktır.Başla Özel sayfa
4 bölüm, sırayla
271 ders288 görev1,457 soru
2
Adım 2
Linux ve komut satırıÖzel sayfa
Bu adıma başlaBaşlaYollar ve dosyalar, joker karakterler, grep, pipe'lar ve yönlendirme, izinler, ortam değişkenleri ve shell script'leri. JavaScript araçları terminalde yaşar: npm install, npx, geliştirme sunucuları, build'ler ve test çalıştırıcıları birer komuttur, package.json içindeki script'ler shell komutlarıdır ve gizli bilgiler bir Node.js uygulamasına process.env üzerinden ortam değişkeni olarak ulaşır.Başla Özel sayfa82 ders68 görev440 soru
3
Adım 3
Git ve sürüm kontrolüÖzel sayfa
Bu adıma başlaBaşlaStaging, commit'ler, .gitignore, branch'ler, merge'ler ve çakışmalar, hataları geri alma ve uzak depolar. Bir JavaScript projesinde node_modules/ ilk commit'ten itibaren yok sayılır, package-lock.json ise commit'lenir; sık değişen bir lockfile da paralel branch'lerin sıkça çakıştığı yerdir. Vercel ve Netlify gibi barındırma servisleri her push'ta dağıtım yapar, bu yüzden birçok web ekibinde main'e yapılan bir merge bir sürüm yayını demektir.Başla Özel sayfa58 ders46 görev370 soru
4
Adım 4
SQL temelleriÖzel sayfa
Bu adıma başlaBaşlaFiltreleme, sıralama, join'ler, gruplama, toplama fonksiyonları, alt sorgular, WITH ifadeleri ve pencere fonksiyonları; hepsi gerçek tablolar üzerinde. Full-stack JavaScript, API'nin arkasında bir veritabanı demektir: çoğu zaman PostgreSQL ya da MySQL, Prisma gibi bir ORM ya da sorgu oluşturucu üzerinden erişilir. Bir endpoint'in neden yavaş olduğunu, onun gönderdiği SQL'i okuyarak anlarsın.Başla Özel sayfa72 ders72 görev360 soru
5
Adım 5
Elle inşa edilen veri yapıları
Bu adıma başlaBaşlaYığın, kuyruk, bağlı liste, ikili ağaç ve hash tablosu; her biri JavaScript ile sıfırdan kurulup sonra problemlerde kullanılıyor. Bunlar JavaScript uygulamalarının zaten üzerinde çalıştığı yapılardır: geri alma geçmişi bir yığındır, olay döngüsü bir kuyruk üzerinden ilerler, iç içe bir menü ya da bir JSON belgesi de bir ağaçtır.Başla
5 kurs, sırayla
66 ders34 görev
6
Adım 6
Algoritmalar ve özyinelemeli düşünme
Bu adıma başlaBaşlaÖzyineleme mücadeleleri, ardından JavaScript ile bubble, selection, insertion, merge ve quick sort; her sıralama Coddy'nin algoritma görselleştiricisiyle eşleşiyor. Özyineleme, iç içe bir nesneyi ya da bir bileşen ağacını dolaşırken gündelik JavaScript'in parçasıdır ve bir tavanı vardır: fazla derine inersen Chrome'un ve Node.js'in motoru V8, RangeError: Maximum call stack size exceeded fırlatır. Bu adım, bunun geldiğini önceden görmeyi öğretir.Başla
6 kurs, sırayla
62 ders37 görev158 soru
7
Adım 7
Başkalarının okuyabileceği kod
Bu adıma başlaBaşlaBaştan sona kurulan nesne yönelimli bir proje ve bir kodlama problemleri havuzu, ikisi de JavaScript ile. Biçimlendirmeyi Prettier halleder, bazı hataları da ESLint işaretler; adlandırma, fonksiyon boyutu ve sorumlulukların nerede durduğu sana kalır ve kod incelemesinde yorum yapılan da bunlardır.Başla
2 kurs, sırayla
1. Kullanıcı Sınıfı - OOP Projesi8 ders1 görev
2. Kodlama Problemleri32 ders31 görev
40 ders32 görev

Neler elde edersin

Kod yazmayı öğrenmek için kullanacağın her şey

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Bu JavaScript yol haritasını neden Coddy'de izlemelisin

Web'in her yerinde tek bir dil. JavaScript her tarayıcıda çalışır, Node.js ile de sunucuları, build araçlarını ve script'leri çalıştırır; bu yüzden frontend, backend ve full-stack işler, birbirinden ayrılmadan önce bu yol haritasının kurduğu temelden başlar.
İlk adımın içinde TypeScript. JavaScript kursunda temel tiplerden ve union'lardan arayüzlere, enum'lara ve generic'lere uzanan eksiksiz bir TypeScript bölümü var; böylece birçok profesyonel ekibin yazdığı tipli JavaScript, ilk işinde karşına çıkan bir sürpriz değil, öğrendiğin dilin bir parçası olur.
JavaScript ile mülakat pratiği. Veri yapıları, özyineleme mücadeleleri ve beş sıralama algoritması JavaScript ile anlatılıyor; böylece mülakatlara, gerçekte kullanman istenecek dilde hazırlanırsın.
Değerlendirilir, ipucu verilir, kurulum gerekmez. Her ders, test senaryolarının değerlendirdiği bir JavaScript mücadelesiyle biter ve yapay zekâ eğitmeni Bugsy, düzeltmeyi yazmadan neyin yanlış olduğunu gösterir. Kursların çoğu ücretsiz bir sertifikayla biter ve kurulacak bir Node.js ya da editör yok: her şey tarayıcıda çalışır.

JavaScript geliştirici olmakla ilgili sık sorulan sorular

JavaScript geliştirici olmak ne kadar sürer?

Sıfırdan junior bir mülakata kadar, günde yaklaşık bir saatle altı ila on iki ay makul bir aralık. Bu yol haritasında JavaScript kursu, TypeScript bölümü dahil, sekiz ila on hafta sürer; komut satırı, Git ve SQL birlikte yaklaşık bir ay, veri yapıları ve sıralama adımları da iki ay daha. Ardından uzmanlık alanı gelir: React gibi bir framework ya da bir Node.js backend'i, gösterebileceğin bir iki projede hayata geçirilmiş olarak.

JavaScript, bir yazılım mühendisi için iyi bir ilk dil mi?

Evet, tek bir uyarıyla. Her yerde çalışır, sonuçları tarayıcıda anında gösterir ve doğrudan web'de ücretli işe götürür. Uyarı şu: JavaScript, başka dillerin reddettiği hataları affeder. == karşılaştırmadan önce tipleri dönüştürür, eksik bir özellik de hata değil undefined olur. Bu yol haritasının ilk adımının TypeScript'i içermesi ve veri yapıları adımlarının her yapıyı sana kendin kurdurması bu yüzden.

Bir JavaScript geliştiricisinin JavaScript dışında neleri bilmesi gerekir?

Bu yol haritasının kapsadığı komut satırı, Git ve SQL; ardından kapsamadığı şey, yani kod yazdığın platform: tarayıcıda HTML, CSS, DOM ve React gibi bir framework, sunucuda ise Node.js, npm ve HTTP. Coddy'nin Frontend yolu tarayıcı tarafını React dahil kapsar ve bu sayfanın bittiği yerden devam eder.

Önce TypeScript mi öğrenmeliyim, JavaScript mi?

Önce JavaScript, hemen ardından TypeScript. TypeScript, tipler eklenmiş JavaScript'tir ve hataları ancak alttaki JavaScript'in ne yaptığını bildiğinde anlam kazanır. JavaScript kursu da bu sırayı izler: iki bölüm düz JavaScript, sonra TypeScript bölümü, sonra nesne yönelimli programlama.

Bu yol haritasında hangi kurs JavaScript ile anlatılmıyor?

Bir tane: temiz kod şimdilik sadece Python ile anlatılıyor, bu yüzden yedinci adımda değil, adımlardan sonra listeleniyor. Konusu, yani adlandırma, fonksiyon boyutu ve yapı, her dilde aynı okunur ve ESLint gibi linter'lar bunun yalnızca küçük bir kısmını yakalar. Nesne yönelimli proje ve kodlama problemleri dahil her adım JavaScript ile.

Bu JavaScript yol haritası ücretsiz mi?

Evet. Yol haritasındaki her kurs ücretsiz: dersler, tarayıcındaki editör ve Linux terminali, test senaryolarıyla değerlendirilen mücadeleler, Bugsy'nin ipuçları ve sertifikalar. Pro günlük enerji sınırını kaldırır ve sınırsız yapay zekâ desteği ekler; bu yol haritasındaki hiçbir şey onu gerektirmez.

Diğer öğrenme yolları

Aynı kurslar, başka bir rol için sıralanmış. İlerleme korunur: bir yolda bitirilen kurs, onu içeren her yolda sayılır.

Tüm öğrenme yolları

Coddy programming languages illustration

Yazılım Mühendisi yoluna ücretsiz başla

Öğrenmeye başla