Front-end Development and MongoDB Eğitimi

Eğitim Hakkında

Front-end geliştirmeyi MongoDB döküman veritabanıyla uçtan uca birleştiren uygulamalı eğitim

Front-end Development and MongoDB Eğitimi, modern bir web arayüzünü MongoDB döküman veritabanına bağlayarak tam yığın (full-stack) geliştirme becerisi kazandırır. Katılımcılar HTML, CSS ve modern JavaScript ile bileşen tabanlı arayüz kurar, Fetch API ve REST ile veri alışverişi yapar. MongoDB tarafında BSON döküman modeli, CRUD işlemleri, sorgu operatörleri, indeksleme ve aggregation pipeline işlenir. Node.js, Express ile API katmanı ve Mongoose şema doğrulaması ele alınır.

Süre ve Format

3 Gün. İlk gün modern front-end ve veri bağlama, ikinci gün MongoDB döküman modeli ve sorgular, üçüncü gün API katmanı ile full-stack bütünleşme işlenir.

Seviye

Orta Seviye — modern JavaScript front-end geliştirme ile MongoDB döküman veritabanını uçtan uca birleştiren uygulamalı eğitim

Öğrenme Metodu

Her konu gerçek bir MongoDB örneği, Node.js/Express API ve çalışan bir arayüz üzerinde uçtan uca senaryolarla uygulamalı olarak işlenir.

Neden Bu Eğitim?

🧩Tam yığın bakış

Arayüzden veri katmanına kadar tüm akışı görerek front-end ile MongoDB arasındaki veri yolculuğunu bütünsel kavrarsınız.

🗂️Döküman modeli

İlişkisel alışkanlıkları bırakıp BSON döküman modeline göre koleksiyon ve şema tasarlamayı uygulamalı öğrenirsiniz.

🔌API ile bağlama

Fetch, REST ve Express ile arayüzü MongoDB'ye bağlayan gerçek bir API katmanı kurmayı deneyimlersiniz.

Anahtar Konular

mongodb eğitimifront-end eğitimifull-stack eğitimjavascript eğitiminode.js express eğitiminosql veritabanı eğitimimongoose eğitimiweb uygulama geliştirme eğitimimongodb kursurest api eğitimi

“Front-end ile MongoDB'yi tek akışta birleştirmek, modern web uygulamalarını gerçekten uçtan uca kavramanın en sağlam yoludur.”

Ön Koşullar

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

1

JavaScript temeli

Değişken, fonksiyon ve dizi/nesne gibi temel JavaScript bilgisi arayüz ve veri kodunu izlemeyi kolaylaştırır.

2

HTML ve CSS

Temel HTML yapısı ve CSS ile biçimlendirme bilgisi arayüz bileşenlerinin kurulmasında faydalıdır.

3

Node.js ve npm

Kurulu Node.js ve npm, API katmanının ve bağımlılıkların yerel ortamda çalıştırılmasını sağlar.

4

MongoDB ortamı

Yerel MongoDB veya Atlas erişimi sorgu ve CRUD örneklerinin bizzat denenmesini mümkün kılar.

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ılar modern JavaScript ile bileşen tabanlı arayüz kurar, DOM'u dinamik günceller ve Fetch API ile asenkron veriyi REST uçlarından alıp arayüze bağlamayı öğrenir.

Modül 1

Modern JavaScript ve ES Modülleri

let/const, arrow function ve template literal ile çağdaş sözdizimi
Destructuring, spread ve rest operatörleriyle veri işleme
import/export ile ES modül yapısı ve kod organizasyonu
Array map, filter ve reduce ile dönüşüm desenleri
Promise ve async/await ile asenkron akış yönetimi
JSON serileştirme ve parse ile veri alışverişi temelleri

Modül 2

DOM ve Bileşen Tabanlı Arayüz

querySelector ve DOM API ile öğe seçme ve güncelleme
addEventListener ile olay yönetimi ve kullanıcı etkileşimi
Yeniden kullanılabilir UI bileşeni olarak fonksiyon yaklaşımı
Şablon oluşturma ve dinamik liste render etme desenleri
Durum (state) tutma ve arayüzü duruma göre güncelleme
Form girişi okuma, doğrulama ve kullanıcıya geri bildirim

Modül 3

Fetch API ve REST Tüketimi

Fetch ile GET/POST istekleri ve response.json() işleme
HTTP metotları, durum kodları ve header yönetimi temelleri
async/await ile hata yakalama ve try/catch kullanımı
REST uç noktaları ve kaynak tabanlı URL tasarımı
CORS kavramı ve tarayıcıdan API çağırma sınırlamaları
Yükleme ve hata durumlarının arayüzde gösterilmesi

Modül 4

Arayüz-Veri Bağlama ve Araçlar

Vite veya benzeri araçla yerel geliştirme ortamı kurulumu
npm ile bağımlılık yönetimi ve script tanımlama
Tarayıcı geliştirici araçlarıyla ağ ve konsol takibi
Ortam değişkenleri ve API taban URL yapılandırması
Basit bir liste-detay akışının veriyle beslenmesi
Kod yapısı ve dosya organizasyonu için iyi uygulamalar

Günün hedefiKatılımcılar MongoDB'nin BSON döküman modelini, koleksiyon ve şema tasarımını kavrar; CRUD işlemleri, sorgu operatörleri, indeksleme ve aggregation pipeline ile veriyi sorgulamayı uygular.

Modül 1

Döküman Modeli ve Koleksiyonlar

BSON döküman yapısı, alan tipleri ve _id anahtarı
Koleksiyon ve veritabanı kavramı, şemasız esneklik
Gömülü döküman (embedding) ile referans (referencing) kararı
Veri modelleme desenleri ve okuma odaklı tasarım
mongosh kabuğu ile bağlantı ve temel komutlar
MongoDB Compass ile görsel inceleme ve sorgu denemesi

Modül 2

CRUD İşlemleri ve Komutlar

insertOne ve insertMany ile döküman ekleme
find ve findOne ile sorgu ve projeksiyon kullanımı
updateOne, updateMany ve $set gibi güncelleme operatörleri
deleteOne ve deleteMany ile silme işlemleri
upsert davranışı ve replaceOne kullanımı
Toplu yazma (bulkWrite) ve atomik alan güncellemeleri

Modül 3

Sorgu Operatörleri ve İndeksleme

$gt, $lt, $in, $and, $or ile karşılaştırma ve mantık sorguları
Dizi sorguları, $elemMatch ve gömülü alan erişimi
sort, limit ve skip ile sayfalama desenleri
createIndex ile tekil ve bileşik indeks oluşturma
explain çıktısıyla sorgu planı ve indeks kullanımı analizi
Metin indeksi ve temel arama senaryoları

Modül 4

Aggregation Pipeline

$match ve $project ile filtreleme ve alan seçimi
$group ile gruplama ve $sum, $avg toplama operatörleri
$sort, $limit ve $skip ile pipeline içi sıralama
$lookup ile koleksiyonlar arası birleştirme
$unwind ile dizi açma ve döküman çoğaltma
Pipeline optimizasyonu ve aggregation performans ipuçları

Günün hedefiKatılımcılar Node.js ve Express ile REST API kurar, Mongoose ile şema doğrulaması yapar ve front-end arayüzünü MongoDB'ye bağlayan uçtan uca çalışan bir full-stack uygulama geliştirir.

Modül 1

Node.js ve Express ile REST API

Express uygulaması kurulumu ve middleware kavramı
Route tanımlama ve HTTP metotlarına göre uç nokta ayrımı
req ve res nesneleri, body-parser ve JSON gövde işleme
MongoDB driver ile bağlantı kurma ve havuz yönetimi
Kaynak tabanlı CRUD uç noktalarının tasarımı
Hata yönetimi middleware'i ve tutarlı yanıt formatı

Modül 2

Mongoose ve Şema Doğrulama

Mongoose şema ve model tanımlama, tip ve required alanlar
Şema doğrulama kuralları ve özel validator kullanımı
Model metotları, statics ve virtual alanlar
populate ile referans çözümleme ve ilişkili veri
Pre/post hook (middleware) ile yaşam döngüsü işlemleri
Indeks tanımı ve benzersizlik kısıtlarının şemada yönetimi

Modül 3

Kimlik Doğrulama ve Güvenlik

Ortam değişkenleri ve bağlantı dizesinin güvenli yönetimi
JWT tabanlı oturum ve token doğrulama akışı
Parola hashleme ve temel kimlik doğrulama middleware'i
Girdi doğrulama ve enjeksiyon risklerine karşı önlemler
CORS yapılandırması ve güvenli başlık kullanımı
Rol ve yetki tabanlı erişim kontrolünün temelleri

Modül 4

Full-stack Bütünleşme ve Dağıtım

Front-end'in Fetch ile Express API'ye bağlanması
Liste, ekleme, güncelleme ve silme akışının uçtan uca kurulması
Hata ve yükleme durumlarının arayüzde yönetimi
MongoDB Atlas ile bulut veritabanına bağlanma
Üretim yapılandırması, log ve ortam ayrımı
Basit bir dağıtım (deploy) adımı ve son kontroller

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Modern arayüz

Modern JavaScript, DOM ve bileşen yaklaşımıyla dinamik, veriyle beslenen bir web arayüzü kurabilirsiniz.

✅

Döküman modeli

MongoDB'nin BSON döküman modeline göre koleksiyon ve şema tasarlayıp uygun veri modelini seçebilirsiniz.

✅

CRUD yetkinliği

insert, find, update ve delete işlemlerini sorgu operatörleriyle birlikte güvenle uygulayabilirsiniz.

✅

Aggregation

$match, $group ve $lookup içeren aggregation pipeline ile veriyi dönüştürüp raporlayabilirsiniz.

✅

REST API kurma

Node.js ve Express ile kaynak tabanlı bir REST API tasarlayıp MongoDB'ye bağlayabilirsiniz.

✅

Mongoose

Mongoose şema doğrulaması, model ve populate ile sağlam bir veri katmanı oluşturabilirsiniz.

✅

Fetch bağlama

Fetch API ve REST ile arayüzü API'ye bağlayarak uçtan uca veri akışını yönetebilirsiniz.

✅

Full-stack akış

Arayüz, API ve MongoDB'yi birleştirerek çalışan bir full-stack uygulamayı baştan sona kurabilirsiniz.

Kimler İçin Uygundur?

Arayüz geliştiren ancak veri katmanına da hakim olmak isteyen front-end geliştiriciler
full-stack olma yolundaki yazılımcılar
MongoDB
modern web uygulaması kuracak web ekipleri ve bu alana geçiş yapan BT uzmanları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Arayüz geliştiren ancak veri katmanına da hakim olmak isteyen front-end geliştiriciler, full-stack olma yolundaki yazılımcılar ve MongoDB ile modern web uygulaması kuracak web ekipleri için uygundur. Temel JavaScript bilgisi olanlar en yüksek verimi alır.

Eğitim kaç gün sürüyor ve içeriği nedir?

Eğitim 3 gün sürer. İlk gün modern front-end ve Fetch ile veri bağlama, ikinci gün MongoDB döküman modeli, CRUD ve aggregation, üçüncü gün Node.js, Express ve Mongoose ile API katmanı ve full-stack bütünleşme işlenir.

Geliştiriciler için MongoDB eğitiminden farkı nedir?

Geliştiriciler için MongoDB eğitimi yalnızca MongoDB'ye derinlemesine odaklanır. Bu eğitim ise front-end arayüz geliştirmeyi MongoDB ile birlikte ele alarak arayüzden veritabanına kadar full-stack akışı bütünsel olarak öğretir.

Ön koşul olarak ne bilmem gerekir?

Temel JavaScript, HTML ve CSS bilgisi yeterlidir. Kurulu Node.js ve npm ile yerel MongoDB veya MongoDB Atlas erişimi, örnekleri bizzat uygulayabilmeniz için faydalıdır. İlişkisel veritabanı deneyimi gerekli değildir.

Eğitim sonunda sertifika veriliyor mu?

Program tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Eğitim yüz yüze veya online olarak verilebilir ve kurumun ihtiyaçlarına göre içerik 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