Öğrenme yolu

Full Stack Developer Yol Haritası

Bir full stack web developer'ın ihtiyaç duyduğu sırayla ücretsiz kurslar: sayfa için HTML, CSS ve JavaScript, arayüz için TypeScript ve React, sunucu için Next.js, veri için SQL, ardından yayına almak için Linux, Git ve Docker. JavaScript iki tarafta da çalışır, yani tek bir dil öğrenir ve baştan sona onu kullanırsın. Her ders tarayıcında çalışır ve her kurs bölümü ücretsiz bir sertifikayla biter.

ÖĞRENMEYE BAŞLA(ücretsiz)

889,130+ codder bu kurslara kayıtlı

880 ders969 görev4,345 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 16 ücretsiz sertifika

Full stack developer yolu, adım adım

7 kurs16 bölüm880 ders969 görev4,345 quiz sorusu

Her adım, Coddy'de zaten var olan bir kurstur. Sırayla ilerle ya da eksik olduğun kursa doğrudan atla: ilerlemen her durumda kurs bazında kaydedilir.

1
Adım 1
HTML ve CSS: sayfaÖzel sayfa
Bu adıma başlaBaşlaElementler, bağlantılar, formlar ve anlamsal işaretleme, ardından iki CSS bölümü boyunca seçiciler, kutu modeli, flexbox, grid, duyarlı yerleşimler ve geçişler. Burada yazdığın formlar, yolun ilerleyen kısmında sunucunun okuduğu formların aynısıdır.Başla Özel sayfa
3 bölüm, sırayla
179 ders236 görev833 soru6 proje
2
Adım 2
JavaScript ve TypeScriptÖzel sayfa
Bu adıma başlaBaşlaTemeller, mantık ve akış kontrolü, nesneler ve sınıflar üç bölümde, ardından TypeScript: tipler, arayüzler, generic'ler ve derleyici hatalarını okumak. Tarayıcıda ve sunucuda yazdığın dil bu, bu yüzden diğer tüm adımlardan daha fazla zaman alır.Başla Özel sayfa
4 bölüm, sırayla
271 ders315 görev1,456 soru7 proje
3
Adım 3
Tarayıcıda JavaScriptÖzel sayfa
Bu adıma başlaBaşlaDOM, olaylar, formlar ve doğrulama, ardından sekmeler, modal pencereler, temalar ve duyarlı navigasyon gibi pratik front end kalıpları. HTML, CSS ve JavaScript, onu kullanan kişiye yanıt veren tek bir sayfaya dönüşür.Başla Özel sayfa
2 bölüm, sırayla
1. JavaScript Eylemde27 ders27 görev163 soru
2. Pratik Ön Yüz35 ders34 görev197 soru
62 ders61 görev360 soru
4
Adım 4
ReactÖzel sayfa
Bu adıma başlaBaşlaBileşenler, JSX, props, state, olaylar, listeler ve kontrollü formlar; sonunda adım adım kurduğun küçük bir sosyal kart. React, bir sonraki adımın sunucuda çalıştırdığı arayüz katmanıdır.Başla Özel sayfa42 ders37 görev65 soru
5
Adım 5
Next.js: sunucu yarısıÖzel sayfa
Bu adıma başlaBaşlaYönlendirme ve layout'lar, sunucu ve istemci bileşenleri, veriyi sunucuda çekmek, kendi API uç noktaların için route handler'lar, formlar için server action'lar, yükleme ve hata durumları, ardından sepeti, filtreleri, yorumları ve canlı araması olan dokuz adımlık bir restoran uygulaması. Back end'i yazdığın yer burası.Başla Özel sayfa47 ders41 görev99 soru1 proje
6
Adım 6
SQL: veritabanıÖzel sayfa
Bu adıma başlaBaşlaGerçek tablolarda sorgular: filtreleme, sıralama, join'ler, gruplama ve toplama fonksiyonları, ardından alt sorgular, pencere fonksiyonları, CASE ve ortak tablo ifadeleri. Her full stack uygulama verisini bir veritabanında tutar ve ona SQL ile soru sorarsın.Başla Özel sayfa
2 bölüm, sırayla
1. Temeller72 ders76 görev360 soru1 proje
2. Temellerin Ötesi27 ders28 görev167 soru
99 ders104 görev527 soru1 proje
7
Adım 7
Linux ve GitÖzel sayfa
Bu adıma başlaBaşlaGerçek bir Linux terminalinde dosyalar, izinler, pipe'lar ve shell scriptleri, ardından commit'ler, branch'ler, merge, çakışmalar ve remote'lar. Sunucular Linux üzerinde çalışır ve her ekip kodunu bir Git deposunda tutar.Başla Özel sayfa
2 bölüm, sırayla
1. Temel Bilgiler82 ders80 görev440 soru3 proje
2. Sürüm Denetimi58 ders55 görev370 soru2 proje
140 ders135 görev810 soru5 proje
8
Adım 8
DockerÖzel sayfa
Bu adıma başlaBaşlaİmajlar, konteynerler, Dockerfile'lar, volume'ler ve ağlar. Bir konteyner, uygulamanı çalışması için gereken her şeyle birlikte paketler; bugün çoğu web uygulaması bir sunucuya bu şekilde gönderilir.Başla Özel sayfa40 ders40 görev195 soru1 proje

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

Test #1

Test #2

Test #3

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!

January 2026

Ya Hep Ya Hiç

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

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.

250

Değişkenler

DEVAM ET

4.9

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İlk 7 yükselir

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Yükselme bölgesi

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.

Tamamlama Sertifikası

Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır

Python Temelleri

TarihOca 2026

LinkedIn'e Ekle

Full stack geliştirmeyi neden Coddy'de öğrenmelisin

İki tarafta tek dil. Yol, tarayıcı için JavaScript ve TypeScript öğretir, sonra aynı dili Next.js route handler'ları ve server action'ları ile sunucuda kullanır. Böylece backend, sıfırdan öğrenilecek ikinci bir dil değil, yeni fikirler demektir.
Kurulacak bir şey yok. HTML ve CSS kodunun yanında canlı olarak görüntülenir, SQL gerçek tablolarda çalışır, Linux, Git ve Docker adımları da sana tarayıcıda gerçek bir terminal verir. Üzerinde hiç geliştirici aracı olmamış bir dizüstü bilgisayarda bütün stack'i çalışabilirsin.
Kodunu okuyan yapay zekâ ipuçları. Bir bileşen ekrana gelmediğinde, bir sorgu yanlış satırları döndürdüğünde ya da bir komut başarısız olduğunda Bugsy ne yazdığına bakar ve cevabı vermeden seni çözüme yönlendirir.
Asıl mesele sıra. Çoğu full stack kursu ikinci haftada bir framework'e koşar; bu yol React görünmeden önce JavaScript'e üç bölüm, tarayıcıya da dördüncü bir bölüm ayırır, çünkü bir framework ancak altındaki dil okunabilir olduğunda okunabilir hale gelir.

Full stack developer olmakla ilgili sık sorulan sorular

Full stack developer nedir?

Bir web uygulamasının iki yarısını da kurabilen geliştiricidir: tarayıcıda çalışan front end (HTML, CSS, JavaScript ve React gibi bir framework) ve bir sunucuda çalışan back end (istekleri işleme, iş mantığı ve bir veritabanı). Pratikte çoğu full stack developer bir tarafta daha güçlüdür, ama bir özelliği veritabanı tablosundan onu kullanan butona kadar başkasına devretmeden kendisi yayına alabilir.

Web geliştirici olmak için ne yapmalıyım?

HTML, CSS ve JavaScript'i boş bir dosyadan bir sayfa kurabilecek kadar iyi öğren, bir framework ekle (React), bir sunucunun isteklere nasıl yanıt verdiğini ve verinin nasıl saklandığını öğren (bu yolda Next.js ve SQL), Git'i öğren ve internete koyup anlatabileceğin projeler yap. İşverenler sana gösterebildiğin şeye göre işe alır, bu yüzden projeler herhangi bir sertifikadan daha önemlidir. Bu yol tam olarak bu sıralama, bu düzende ve ücretsiz.

Önce front end mi yoksa back end mi öğrenmeliyim?

Önce front end. Yazdığın her satırın sonucunu ekranda görürsün, bu da hataları belirgin kılar ve motivasyonu yüksek tutar; back end ise onu çağıran sayfayı kurduktan sonra çok daha kolay anlaşılır. Bu yüzden bu yol ilk dört adımını tarayıcıda geçirir, sunucuya ve veritabanına ancak ondan sonra geçer.

Bu yol sunucuda neden Python yerine JavaScript kullanıyor?

Çünkü tarayıcıda çalışan tek dil JavaScript, onu sunucuda da kullanmak bütün stack için tek dil demek. React üzerine kurulu Next.js, aynı kod tabanının sayfaları sunucuda render etmesini, API isteklerine yanıt vermesini ve form gönderimlerini işlemesini sağlar. Back end'i Python ile yazmayı tercih edersen Coddy'deki Backend Geliştirici yolu Python yolunu öğretir.

Full stack developer olmak için bootcamp gerekir mi?

Hayır. Bir bootcamp sana bir program, bir sınıf ve kariyer koçluğu verir ve bunlar için ücret alır; becerilerin kendisi bu yolun öğrettiklerinin aynısıdır ve ücretsiz kaynaklar bunları iyi kapsar. Bir bootcamp'in kısaltamayacağı şey pratiktir: yüzlerce küçük alıştırma ve birkaç gerçek proje. Seni kontrol eden bir öğretmen olmadan günde düzenli bir saat ayırabiliyorsan ücretsiz bir yol seni aynı yere götürür.

Full stack developer olmak ne kadar sürer?

Günde bir saatle junior seviyeye ulaşmak yaklaşık dokuz ila on iki ay. Bu yolda HTML ve CSS birlikte altı sekiz hafta, JavaScript ve tarayıcı iki üç ay, TypeScript ve React yaklaşık altı hafta, Next.js bir ay, SQL üç dört hafta, Linux, Git ve Docker da bir ay daha sürer. Sonraki adımlarla birlikte kendi projeni geliştirmek, bu zamanı bir portföye dönüştüren şeydir.

Bu yol Node.js, Express, kimlik doğrulama veya dağıtımı kapsıyor mu?

Henüz kendi kursları olarak değil ve sayfayı şişirmektense bunu söylemeyi tercih ederiz. Bu yolda sunucu kodu, Node.js üzerinde çalışan Next.js route handler'ları ve server action'ları ile yazılır; ama bir Express kursu, bir uygulamayı ORM ile üretim veritabanına bağlama kursu, kimlik doğrulama ya da bir hosting platformuna dağıtım kursu yok. Bunlar müfredat yol haritasında yer alıyor ve yayınlandıklarında bu yola yeni adımlar olarak katılacaklar.

Bu full stack kursu ücretsiz mi, sertifika alıyor muyum?

Evet. Yoldaki her kurs ücretsizdir: dersler, tarayıcıdaki editörler ve terminal, yapay zekâ ipuçları ve sertifikalar dahil. Her kurs bölümü, kendi URL'sinde doğrulanabilen ve LinkedIn'e ya da özgeçmişine ekleyebileceğin ücretsiz bir sertifikayla biter.

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ı

Full Stack Developer yoluna ücretsiz başla

Öğrenmeye başla