Öğ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)

830,387+ codder bu kurslara kayıtlı

880 ders883 görev4,346 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 ders883 görev4,346 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 ders215 görev833 soru
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 ders288 görev1,457 soru
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 ders32 görev99 soru
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 ders72 görev360 soru
2. Temellerin Ötesi27 ders28 görev167 soru
99 ders100 görev527 soru
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 ders68 görev440 soru
2. Sürüm Denetimi58 ders46 görev370 soru
140 ders114 görev810 soru
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 ders36 görev195 soru

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 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

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

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

Earn a Certificate

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

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ı

Coddy programming languages illustration

Full Stack Developer yoluna ücretsiz başla

Öğrenmeye başla