Fullstack Developer (TypeScript)
Hem kullanıcının gördüğü arayüzü hem arkasındaki sunucu ve veritabanını tek başına geliştirmeyi öğren: JavaScript/TypeScript, React, Node.js, PostgreSQL, güvenlik, test ve yayına alma.
Fullstack geliştirici, bir ürünü baştan sona (arayüz, API, veritabanı, yayın) kurabilen kişidir. Bu yol, tek bir hat boyunca (JavaScript/TypeScript, React, Node.js, PostgreSQL) ilerler; böylece iki farklı dünyada kaybolmazsın. Sunucu tarafını .NET/C# ile öğrenmek istersen "Fullstack Developer (.NET)" yolu aynı amaç için C# hattını izler. Süre kişiden kişiye çok değişir; günde 1-2 saatle genellikle 10-14 ay hesaplanır. Resmî bir diploma ya da iş garantisi değildir; yolun sonundaki portföy projesi en önemli adımdır.
- 1
1 · Web nasıl çalışır?
ZorunluBeesu kursu yakındaTarayıcı, sunucu, HTTP istek/yanıtı, alan adı ve JSON. Fullstack'in her iki yarısını birbirine bağlayan temel budur; kod yazmadan önce bu zihinsel modeli kur.
- KaynakMDN: HTTP'ye genel bakışdeveloper.mozilla.orgopen_in_new
- YazıYazılıma Nereden Başlanır? Sıfırdan Yol Haritası (2026)Beesu blog
- YazıBackend Nedir? Backend Developer Ne Yapar, Nasıl OlunorBeesu blog
- 2
2 · HTML ve CSS
ZorunluBeesu kursu yakındaAnlamlı (semantik) sayfa iskeleti, kutu modeli, Flexbox ve Grid. Hedef: tasarımsız ama düzgün yapılandırılmış, mobilde ve masaüstünde düzgün görünen bir sayfa.
- KaynakMDN: İçeriği yapılandırmadeveloper.mozilla.orgopen_in_new
- KaynakMDN: CSS temellerideveloper.mozilla.orgopen_in_new
- YazıHTML Nedir ve Ne İşe Yarar?Beesu blog
- YazıCSS Nedir? Temel Özellikler ve Örneklerle BaşlangıçBeesu blog
- 3
3 · Duyarlı tasarım ve erişilebilirlik
ZorunluBeesu kursu yakındaFarklı ekranlara uyum, medya sorguları, formlar, klavye ve ekran okuyucu desteği. Erişilebilir arayüz yazmak sonradan eklenen değil, baştan alışkanlık olmalı.
- Kaynakweb.dev: Learn Designweb.devopen_in_new
- Kaynakweb.dev: Learn Accessibilityweb.devopen_in_new
- Kaynakweb.dev: Learn Formsweb.devopen_in_new
- 4
4 · JavaScript
ZorunluBeesu kursu yakındaDeğişkenler, fonksiyonlar, diziler/nesneler, DOM, olaylar, asenkron kod ve `fetch`. Hedef: bir API'den veri çekip sayfada gösteren küçük bir uygulama.
- KaynakModern JavaScript Eğitimi (Türkçe)tr.javascript.infoopen_in_new
- KaynakMDN: Fetch API kullanımıdeveloper.mozilla.orgopen_in_new
- 5
5 · Git ve GitHub
ZorunluBeesu kursu yakındaCommit, dal (branch), birleştirme, Pull Request. Hem takım çalışması hem portföy için şart.
- 6
6 · TypeScript
ÖnerilenBeesu kursu yakındaJavaScript'e tip güvenliği: hataları çalıştırmadan yakala. Hem arayüzde hem sunucuda aynı dili ve aynı tipleri kullanmak fullstack'in en büyük kolaylığıdır.
- KaynakTypeScript El Kitabıtypescriptlang.orgopen_in_new
- KaynakTypeScript'e sıfırdan başlangıçtypescriptlang.orgopen_in_new
- 7
7 · React
ZorunluBeesu kursu yakındaBileşenler, durum (state), olaylar, listeler, formlar ve efektler. Hedef: birkaç sayfalı, API'ye bağlanan bir arayüz.
- Kaynakreact.dev: Learnreact.devopen_in_new
- YazıReact Nedir? Ne Zaman Kullanılır? Yeni Başlayanlar İçinBeesu blog
- 8
8 · Node.js ile sunucu tarafı
ZorunluBeesu kursu yakındaJavaScript'i sunucuda çalıştırma, HTTP sunucusu, yönlendirme (Express), ortam değişkenleri, hata yönetimi. Hedef: arayüzünün konuşacağı küçük bir API.
- 9
9 · SQL ve PostgreSQL
ZorunluBeesu kursu yakındaTablo, anahtar, ilişki; SELECT/INSERT/UPDATE/DELETE, JOIN, dizin. Uygulamanın verisini kalıcı ve tutarlı saklamanın temeli.
- KaynakSQLBoltsqlbolt.comopen_in_new
- KaynakPostgreSQL öğreticipostgresql.orgopen_in_new
- YazıSQL Nedir? Temel Komutlar ve Örneklerle BaşlangıçBeesu blog
- 10
10 · API tasarımı ve ORM
ZorunluBeesu kursu yakındaKaynak odaklı REST tasarımı, doğrulama, hata yanıtları, sayfalama; veritabanını kodla yönetmek için ORM (örn. Prisma) ve göçler (migrations). Hedef: kendi veritabanına bağlı, belgelenmiş bir API.
- KaynakAPI tasarımı en iyi uygulamalarlearn.microsoft.comopen_in_new
- KaynakPrisma: Başlarkenprisma.ioopen_in_new
- YazıAPI Nedir? Yazılımcı Gözüyle Basit AnlatımBeesu blog
- 11
11 · Next.js ile uçtan uca uygulama
ÖnerilenBeesu kursu yakındaSunucu tarafı render, yönlendirme, veri çekme, form işleme ve API uçlarını tek projede birleştirme. Arayüz ve sunucuyu aynı çatıda kurmanın modern yolu.
- 12
12 · Kimlik doğrulama ve web güvenliği
ZorunluBeesu kursu yakındaParola saklama, oturum/JWT, yetkilendirme, XSS, CSRF, SQL injection ve diğer yaygın açıklar. Fullstack olarak güvenlik açığı bırakmamak senin sorumluluğundadır.
- KaynakMDN: Web güvenliğideveloper.mozilla.orgopen_in_new
- KaynakOWASP Top 10owasp.orgopen_in_new
- KaynakJWT'ye girişjwt.ioopen_in_new
- 13
13 · Test
ÖnerilenBeesu kursu yakındaBileşen testleri, API testleri ve uçtan uca (E2E) testler. Değişiklik yaparken kırdığın şeyi hemen görmek için.
- KaynakVitestvitest.devopen_in_new
- KaynakTesting Librarytesting-library.comopen_in_new
- KaynakPlaywrightplaywright.devopen_in_new
- 14
14 · Docker, CI/CD ve yayına alma
ÖnerilenBeesu kursu yakındaUygulamayı konteynere koyma, compose ile veritabanıyla birlikte çalıştırma, her değişiklikte otomatik test ve dağıtım hattı, canlıya alma ve temel ayarlar.
- KaynakDocker: Get starteddocs.docker.comopen_in_new
- KaynakDocker Composedocs.docker.comopen_in_new
- KaynakGitHub Actionsdocs.github.comopen_in_new
- KaynakTwelve-Factor App12factor.netopen_in_new
- 15
15 · Portföy projesi
ZorunluBeesu kursu yakındaUçtan uca gerçek bir ürün: kayıt/giriş, veritabanı, API, arayüz, test ve canlı yayın. README'de ne yaptığını ve neden öyle yaptığını anlat. İşe alımda en çok bakılan şey budur.