Menu
CoddyTech
Öğ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.

528,995+ codder bu kurslara kayıtlı

651 ders662 görev2,785 quiz sorusu

  • Başlangıç dostu
  • sparkles iconYapay zeka destekli kodlama yardımı
  • hint iconUygulamalı interaktif dersler
  • volume On iconHer derste sesli anlatım
  • quiz iconBilgini sınamak için testler
  • certificate iconYol boyunca 14 ücretsiz sertifika

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

17 kurs7 bölüm651 ders662 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. 1
    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
  2. 2
    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 sayfa
  3. 3
    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 sayfa
  4. 4
    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 sayfa
  5. 5
    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
  6. 6
    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
  7. 7
    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
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Yaparak Öğren

Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.

playground.js
Kod Editörü
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Girdi
"Alex"
Çıktı
"Hello, Coddy! Alex"

Serinizi Oluşturun

Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.

12 gün seri

Serinizi korumak için yarın geri dönün!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Ya Hep Ya Hiç

7 günün 5. günü

fire Freeze icon

Seri Dondurma

2 left

Yolda Kodlayın

Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok - sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.

Python
7Seri
250Puan
5Enerji
Değişkenler
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
DEVAM ET
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Yolculuk
Hedefler
Liderlik Tablosu
Profil
4.9
YıldızYıldızYıldızYıldızYıldız
Puan

Yalnız Değilsiniz

Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!

Challenger Ligi
Challenger Ligiİlk 7 yükselir
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconYükselme bölgesileaderboard Arrow Up icon

Her şekilde öğren

Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.

Değişkenlere Giriş
Ses

Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.

Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.

Değer zamanla değişebilir - yeniden atama, adı yeni bir değere yönlendirir.

1xSarah

Sertifika Kazanın

Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.

CoddyTamamlama Sertifikası
Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır
python iconPython Temelleri
Doğrulandı
TarihOca 2026
LinkedInLinkedIn'e Ekle

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 programlama dilleri çizimi

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

Öğrenmeye başla