IT SİSTEMLERİ İÇİN FRONTEND VE BACKEND GELİŞTİRME EĞİTİMİ

Ön yüzden API'ye tam yığın geliştirme

HTML, CSS, JavaScript, REST API, veritabanı ve kimlik doğrulama ile uçtan uca web uygulaması

IT Sistemleri için FrontEnd ve BackEnd Geliştirme Eğitimi, modern bir web uygulamasını ön yüzden sunucuya uçtan uca geliştirmeyi öğretir.

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Arayüzden sunucuya, veritabanından yayına kadar modern web mimarisini uçtan uca kurma

IT Sistemleri için FrontEnd ve BackEnd Geliştirme Eğitimi, modern bir web uygulamasını hem ön yüz hem de sunucu tarafıyla uçtan uca geliştirmeyi öğretir. Katılımcılar HTML, CSS ve JavaScript ile duyarlı bir arayüz kurar, Node.js ve Express ile REST API tasarlar, veritabanı modelleme yapar ve JWT ile kimlik doğrulama ekler. Program istemci ile sunucu arasındaki veri akışını, güvenliği ve uygulamanın yayına alınmasını gerçek bir proje üzerinden bütünsel olarak ele alır.

Süre ve Format

4 Gün. Her gün dört modül; tek bir web uygulaması arayüzden REST API'ye, veritabanından kimlik doğrulama ve yayına kadar uçtan uca geliştirilir.

Seviye

Orta Seviye — Modern bir web uygulamasını ön yüzden API ve veritabanına kadar uçtan uca geliştirmeyi öğretir

Öğrenme Metodu

Tek bir tam yığın proje sıfırdan kurulur; her modülde ön yüz, API, veritabanı veya güvenlik katmanı canlı kodla eklenir ve çalıştırılır.

Neden Bu Eğitim?

🎯Tam yığın bakış

Ön yüz ve sunucu tarafını ayrı ayrı değil, birbirine bağlı tek bir sistem olarak kurarak uygulamanın bütün akışını kavrarsınız.

🔗İstemci-sunucu akışı

Arayüzden gelen isteğin API, iş mantığı ve veritabanı üzerinden nasıl işlendiğini gerçek bir projede uçtan uca görürsünüz.

🛡️Güvenlik ve yayın

Kimlik doğrulama, yetkilendirme ve güvenli yapılandırma ile uygulamayı üretim ortamına hazır biçimde yayınlamayı öğrenirsiniz.

Anahtar Konular

frontend backend eğitimitam yığın geliştirme eğitimifull stack kursuweb geliştirme eğitiminode.js express eğitimirest api geliştirmejavascript web eğitimifullstack developer kursuön yüz arka yüz eğitimiweb uygulama geliştirme
“Gerçek bir uygulama arayüzde başlayıp veritabanında biter. Bu eğitim iki ucu tek bir sistem olarak kurmayı öğretir.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı olacak bilgi ve ortam

1
HTML ve CSS temeli

Sayfa yapısı, etiketler ve temel stil kavramlarına aşinalık gerekir; eğitim bunların üzerine duyarlı arayüz kurar.

2
JavaScript bilgisi

Değişken, fonksiyon, dizi ve olay kavramlarını bilmek gerekir; eğitim asenkron JavaScript'i uygulamalı ele alır.

3
Temel programlama

Koşul, döngü ve veri yapısı gibi temel programlama mantığına aşinalık öğrenmeyi belirgin biçimde kolaylaştırır.

4
Geliştirme ortamı

Node.js ve npm kurulu, bir kod editörü ve terminal kullanabilen bir geliştirme ortamı yeterlidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı HTML5 ile anlamlı sayfa yapısı kurar, CSS Flexbox ve Grid ile düzen tasarlar ve medya sorgularıyla her ekrana uyumlu duyarlı bir arayüz geliştirir.
Modül 1
HTML5 ile Anlamlı Yapı
  • Semantik HTML5 etiketleriyle sayfa iskeleti
  • Başlık, bölüm ve içerik hiyerarşisi kurma
  • Form öğeleri ve girdi tiplerinin kullanımı
  • Erişilebilirlik için ARIA ve etiket ilişkisi
  • Görsel, bağlantı ve medya öğesi yerleştirme
  • Meta etiketler ve belge yapısının düzeni
Modül 2
CSS ile Stil ve Kutu Modeli
  • Seçiciler, özgüllük ve miras mantığı
  • Kutu modeli, margin, padding ve border
  • Renk, tipografi ve birim seçimi (rem, em)
  • Konumlandırma ve display değerleri
  • Değişkenler ile yeniden kullanılabilir stil
  • Geçiş ve dönüşüm ile basit animasyon
Modül 3
Flexbox ve Grid ile Düzen
  • Flexbox ile tek eksenli hizalama ve dağıtım
  • Esneme, sarma ve sıralama özellikleri
  • CSS Grid ile iki boyutlu sayfa yerleşimi
  • Satır, sütun ve alan tanımlarıyla şablon
  • Flexbox ve Grid'in doğru yerde seçimi
  • Kart ve galeri gibi tipik düzenleri kurma
Modül 4
Duyarlı Tasarım ve Bileşenler
  • Mobil öncelikli yaklaşımla tasarım kurma
  • Medya sorguları ile kırılım noktaları
  • Esnek görsel ve akışkan ölçü kullanımı
  • Gezinme menüsü ve mobil uyarlama
  • Yeniden kullanılabilir arayüz bileşenleri
  • Tarayıcılar arası uyumu test etme
Günün hedefiKatılımcı JavaScript ile DOM'u günceller, olayları yönetir, Promise ve async/await ile asenkron kod yazar ve Fetch API ile sunucudan veri çeker.
Modül 1
DOM ile Dinamik Arayüz
  • DOM ağacını seçme ve öğeye erişme
  • İçerik ve nitelikleri dinamik güncelleme
  • Öğe oluşturma, ekleme ve kaldırma
  • Sınıf ve stil ile görünümü değiştirme
  • Form verisini okuma ve arayüze yansıtma
  • Şablon ile liste ve kart üretimi
Modül 2
Olaylar ve Etkileşim
  • addEventListener ile olay dinleme
  • Tıklama, girdi ve gönderim olayları
  • Olay nesnesi ve varsayılanı engelleme
  • Olay yayılımı ve delegasyon mantığı
  • Kullanıcı etkileşimine göre arayüz tepkisi
  • Girdi doğrulama ve anlık geri bildirim
Modül 3
Modern ve Asenkron JavaScript
  • let, const ve blok kapsamı kullanımı
  • Ok fonksiyonu, spread ve yıkım atama
  • Dizi metotları: map, filter ve reduce
  • Promise ile asenkron akışı yönetme
  • async ve await ile okunur asenkron kod
  • Modül ile kodu import ve export etme
Modül 4
Fetch ile Sunucudan Veri
  • Fetch API ile HTTP isteği gönderme
  • JSON yanıtını ayrıştırma ve kullanma
  • GET ve POST isteklerini hazırlama
  • Hata ve durum kodlarını yönetme
  • Yükleniyor ve hata durumunu gösterme
  • Gelen veriyi arayüzde listeleme
Günün hedefiKatılımcı Node.js ve Express ile sunucu kurar, kaynak tabanlı REST API tasarlar, veritabanı modelleme yapar ve CRUD uç noktalarını veriye bağlar.
Modül 1
Node.js ve Express ile Sunucu
  • Node.js çalışma zamanı ve olay döngüsü
  • npm ile bağımlılık ve betik yönetimi
  • Express ile sunucu ve yönlendirme kurma
  • İstek ve yanıt nesnelerini işleme
  • Middleware zinciri ve ara katman yazma
  • Ortam değişkenleri ile yapılandırma
Modül 2
REST API Tasarımı
  • Kaynak tabanlı uç nokta ve URL tasarımı
  • HTTP metotlarını (GET, POST, PUT, DELETE) eşleme
  • Durum kodları ile doğru yanıt üretme
  • İstek gövdesi ve parametre doğrulama
  • JSON yanıt biçimi ve hata sözleşmesi
  • Sayfalama, filtreleme ve sıralama
Modül 3
Veritabanı ve Modelleme
  • İlişkisel ve belge tabanlı veritabanı farkı
  • Varlık ve ilişki ile veri modeli kurma
  • MongoDB ve Mongoose ile şema tanımlama
  • Sorgu, ekleme, güncelleme ve silme
  • İndeks tanımı ve veri doğrulama kuralları
  • Bağlantı yönetimi ve hata toleransı
Modül 4
CRUD Uç Noktaları ve İş Mantığı
  • Kaynak için tam CRUD uç noktaları yazma
  • Denetleyici ve servis katmanı ayrımı
  • İş kurallarını sunucu tarafında uygulama
  • Hata yakalama ve merkezi hata yönetimi
  • API'yi ön yüzle entegre ederek test etme
  • Postman ile uç noktaları deneme
Günün hedefiKatılımcı JWT ile kimlik doğrulama ve yetkilendirme kurar, ön yüz ile API'yi birleştirir, güvenlik önlemleri alır ve uygulamayı üretim ortamına yayınlar.
Modül 1
JWT ile Kimlik Doğrulama
  • Kayıt ve giriş uç noktalarını kurma
  • Parolayı bcrypt ile güvenli saklama
  • JWT üretme, imzalama ve doğrulama
  • Token'ı ön yüzde saklama ve gönderme
  • Korumalı uç noktalar için middleware
  • Oturum süresi ve yenileme mantığı
Modül 2
Yetkilendirme ve Güvenlik
  • Rol tabanlı erişim denetimi kurma
  • CORS yapılandırması ve köken denetimi
  • Girdi temizleme ile enjeksiyonu önleme
  • XSS ve CSRF risklerine karşı önlemler
  • Hassas veriyi ortam değişkeninde tutma
  • Hız sınırlama ve güvenlik başlıkları
Modül 3
Ön Yüz ve API Entegrasyonu
  • Ön yüzü API ile uçtan uca bağlama
  • Oturum durumuna göre arayüz gösterimi
  • Korumalı sayfalara erişim kontrolü
  • Hata ve yetkisiz durumları yönetme
  • Form gönderimini API'ye bağlama
  • Uygulama akışını baştan sona deneme
Modül 4
Derleme, Dağıtım ve İzleme
  • Üretim yapılandırması ve ortam ayrımı
  • Ön yüzü ve sunucuyu üretim için derleme
  • Uygulamayı bir bulut platformuna yayınlama
  • Veritabanını barındırma ve bağlama
  • Günlük tutma ve temel hata izleme
  • Sürüm ve güncelleme akışını yönetme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Duyarlı arayüz

HTML5, CSS Flexbox ve Grid ile her ekrana uyumlu, erişilebilir ve duyarlı bir ön yüz tasarlayabilirsiniz.

✅
Dinamik istemci

JavaScript ile DOM'u günceller, olayları yönetir ve kullanıcı etkileşimine tepki veren dinamik arayüzler yazarsınız.

✅
Asenkron veri

Promise, async/await ve Fetch API ile sunucudan veri çeker, yükleniyor ve hata durumlarını yönetirsiniz.

✅
REST API

Node.js ve Express ile kaynak tabanlı REST API tasarlar, HTTP metotlarını ve durum kodlarını doğru kullanırsınız.

✅
Veritabanı

Veri modelleme yapar, MongoDB ve Mongoose ile şema tanımlar ve CRUD işlemlerini güvenle gerçekleştirirsiniz.

✅
Kimlik doğrulama

JWT ile kayıt, giriş ve yetkilendirme kurar, parolaları güvenli saklar ve korumalı uç noktalar yazarsınız.

✅
Güvenlik

CORS, girdi temizleme ve güvenlik başlıklarıyla yaygın web açıklarına karşı uygulamanızı sağlamlaştırırsınız.

✅
Uçtan uca yayın

Ön yüz ve API'yi birleştirir, uygulamayı veritabanıyla birlikte bulut ortamına derleyip yayınlarsınız.

Kimler İçin Uygundur?

  • Web geliştirmede temel bilgisi olan ve hem ön yüz hem sunucu tarafını birlikte öğrenmek isteyen yazılımcılar
  • IT ekibi üyeleri
  • kurumsal sistemleri geliştiren teknik personel
  • tam yığın geliştirici olmak isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Web geliştirmede temel bilgisi olan ve hem ön yüz hem sunucu tarafını birlikte öğrenmek isteyen yazılımcılar, IT ekibi üyeleri ve öğrenciler için uygundur. HTML, CSS ve JavaScript temeli ön koşuldur; eğitim bunların üzerine REST API, veritabanı ve kimlik doğrulamayı uçtan uca kurar.
Tam yığın geliştirme ne anlama gelir?
Tam yığın geliştirme, bir uygulamanın hem kullanıcının gördüğü ön yüzünü hem de sunucu, API ve veritabanı tarafını birlikte geliştirmeyi ifade eder. Bu eğitim iki tarafı ayrı ayrı değil, isteğin arayüzden API ve veritabanına kadar aktığı tek bir sistem olarak kurmayı öğretir.
Hangi teknolojiler kullanılıyor?
Ön yüzde HTML5, CSS Flexbox ve Grid ile duyarlı tasarım ve saf JavaScript ile DOM ve Fetch API kullanılır. Sunucu tarafında Node.js ve Express ile REST API, MongoDB ve Mongoose ile veritabanı ve JWT ile kimlik doğrulama işlenir. Test için Postman, yayın için bir bulut platformu kullanılır.
Eğitim online olarak veriliyor mu?
Eğitim hem yüz yüze hem de online olarak verilebilir. İçerik canlı kodlama ve tek bir tam yığın proje üzerinden ilerlediği için her iki biçimde de uygulamalıdır. Program kurumsal gruplara ve ekibin mevcut teknoloji yığınına göre özel olarak uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve ön yüzden veritabanına kadar geliştirilen örnek tam yığın uygulamayı belgeler. Eğitim yüz yüze veya online verilebilir ve kurumsal gruplara özel uyarlanabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. IT Sistemleri için FrontEnd ve BackEnd Geliştirme Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Web Geliştirme GenelASP.NET MVC ile Web Programlama Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

ASP.NET MVC ile Web Programlama Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

ASP.NET MVC eğitimi: MVC mimarisi, routing, model binding, Razor görünümleri, Entity Framework Core, form doğrulama, Identity ile kimlik doğrulama ve dağıtım.

Detayları Gör →
Web Geliştirme GenelCMS - İçerik Yöneticisi Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

CMS - İçerik Yöneticisi Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

CMS içerik yöneticisi eğitimi: editöryel panel, blok editörü, medya yönetimi, sayfa içi SEO, çok dilli içerik, onay akışı ve yayın yönetimi.

Detayları Gör →
Web Geliştirme GenelContentful Headless CMS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Contentful Headless CMS Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Contentful headless CMS eğitimi: içerik modelleme, content type, Delivery API, GraphQL, Management API, environment, webhook ve Next.js entegrasyonu.

Detayları Gör →
Web Geliştirme GenelDrupal 11'e Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Drupal 11'e Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

Drupal 11'e giriş eğitimi: kurulum, yönetim arayüzü, node ve içerik türleri, blok, menü, taksonomi, kullanıcılar ve temel tema yönetimi.

Detayları Gör →
Web Geliştirme GenelDrupal 9/10 Site Oluşturma / Mimarisi Üstesinden Gelme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Drupal 9/10 Site Oluşturma / Mimarisi Üstesinden Gelme Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Drupal 9/10 site oluşturma ve mimari eğitimi: içerik türleri, alanlar, Views, Paragraphs, Layout Builder, çok dillilik, medya ve performans yönetimi.

Detayları Gör →
Web Geliştirme GenelDrupal Content Types Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Drupal Content Types Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Drupal content types eğitimi: içerik türleri, alan türleri, entity reference, taksonomi, medya alanları, görüntüleme modları ve Paragraphs ile modelleme.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn