ROUTING, JADE, & VIEWS EĞİTİMİ

Express ile dinamik web uygulaması kurun

Express yönlendirmesi, Jade/Pug şablon motoru ve view katmanıyla sunucu tarafı render edilen dinamik web uygulamaları geliştirmeyi öğreten eğitim.

Express yönlendirmesi ve middleware'den Jade/Pug şablon motoru, şablon kalıtımı ve view'lara, form işleme ve CRUD'a kadar sunucu tarafı render edilen web uygulaması geliştirmeyi öğreten uygulamalı eğitim.

3 gün Temel Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

İstek-yanıt döngüsünden şablonla üretilen HTML sayfalara kadar Express akışı

Bu eğitim, JavaScript bilen geliştiricilere Node.js ve Express ile sunucu tarafı web uygulaması kurmayı öğretir. HTTP istek-yanıt döngüsü, Express uygulama yapısı, route tanımlama (GET/POST), route parametreleri ve middleware ile başlar. Ardından Jade/Pug şablon motoruyla değişken, döngü, koşul, şablon kalıtımı (extends/block) ve partial'lar işlenir; view katmanı ile veriden dinamik HTML üretme ele alınır. Form işleme, statik dosya sunumu, hata yönetimi ve basit bir CRUD uygulamasıyla konular uçtan uca pekiştirilir. Not: Jade, Pug'ın eski adıdır; güncel söz dizimi Pug üzerinden anlatılır.

Süre ve Format

3 Gün. Her gün dört modül; her modülün ardından kendi makinenizde Express uygulaması yazıp tarayıcıda çalıştırdığınız laboratuvarlar.

Seviye

Temel Seviye — Node.js ve Express ile sunucu tarafı yönlendirme, Jade/Pug şablon motoru ve dinamik view oluşturma.

Öğrenme Metodu

Node.js ve npm kurulu yerel ortamda adım adım kod yazıp tarayıcıda test ederek ilerleyen, proje tabanlı uygulamalı yaklaşım.

Neden Bu Eğitim?

🧵Temiz Yapı

Route, view ve mantığı ayırarak sürdürülebilir bir uygulama mimarisi kurarsınız.

🖥️Dinamik Sayfa

Jade/Pug ile veriden sunucu tarafında HTML üretip anında render edersiniz.

🚪Hızlı Giriş

Express'in sade yapısıyla kısa sürede çalışan bir web uygulaması ortaya koyarsınız.

Anahtar Konular

express routingnode.jsjade şablonpug templateexpress viewssunucu tarafı rendermiddlewareexpress crudweb geliştirmebackend javascript
“İyi bir web uygulaması, isteği doğru route'a, veriyi doğru view'a ulaştırandır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1
JavaScript

Değişken, fonksiyon, dizi/nesne ve temel ES6 söz dizimine aşinalık beklenir.

2
Web Temeli

HTML ve CSS temelleri ile HTTP kavramına giriş düzeyinde bilgi faydalıdır.

3
Terminal

Komut satırı ve npm ile paket kurulumunda rahat olmak gerekir.

4
Ortam

Node.js 18+ ve bir kod editörü (VS Code) kurulu bir bilgisayar gereklidir.

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ı, Express uygulaması oluşturabilir; route ve middleware ile istekleri karşılayıp yanıt üretebilir.
Modül 1
Node.js ve Express Kurulumu
  • npm init ile proje başlatma ve package.json
  • npm install express ile bağımlılık ekleme
  • Temel sunucu: app.listen ile port dinleme
  • nodemon ile otomatik yeniden başlatma
  • Proje klasör yapısı: routes, views, public
  • ortam değişkenleri ve PORT yapılandırması
Modül 2
Route Tanımlama
  • app.get ve app.post ile HTTP metoduna göre route
  • req ve res nesnelerinin temel özellikleri
  • res.send, res.json ve res.render farkı
  • HTTP durum kodlarını res.status ile ayarlama
  • Route sıralamasının eşleşmeye etkisi
  • 404 için yakalayıcı (catch-all) route
Modül 3
Route Parametreleri ve Sorgu
  • req.params ile yol parametresi (/user/:id)
  • req.query ile sorgu dizesi okuma
  • İsteğe bağlı ve çoklu parametreler
  • Parametre doğrulama ve varsayılan değer
  • RESTful URL tasarımı ilkeleri
  • express.Router ile route modülerleştirme
Modül 4
Middleware Kavramı
  • Middleware imzası: (req, res, next)
  • app.use ile global middleware tanımlama
  • Route'a özel middleware zinciri
  • Yerleşik middleware: express.static ve express.json
  • Üçüncü parti middleware (morgan ile loglama)
  • next() çağrısının akıştaki kritik rolü
Günün hedefiKatılımcı, Jade/Pug ile view oluşturabilir; değişken, döngü ve şablon kalıtımıyla dinamik HTML üretebilir.
Modül 1
View Motoru Yapılandırma
  • app.set('view engine', 'pug') ayarı
  • views klasörü ve dosya konumu
  • res.render ile şablon çağırma ve veri geçirme
  • Jade'in Pug'a dönüşümü ve isim farkı
  • pug paketini npm ile kurma
  • İlk şablonu tarayıcıda render etme
Modül 2
Pug Söz Dizimi
  • Girinti tabanlı etiket yazımı (div, p, a)
  • Sınıf (.class) ve id (#id) kısayolları
  • Nitelik (attribute) tanımlama
  • Düz metin ve blok metin yazma
  • Satır içi ve blok yorum satırları
  • doctype ve temel sayfa iskeleti
Modül 3
Dinamik Veri ve Mantık
  • #{} interpolasyonu ile değişken basma
  • each ile dizi üzerinde döngü
  • if/else ile koşullu render
  • Değişkeni = ile değerlendirme (unescaped dikkatleri)
  • Route'tan gelen nesneyi şablonda kullanma
  • Güvenlik: kullanıcı verisini kaçışlama (escaping)
Modül 4
Şablon Kalıtımı ve Partial
  • layout şablonu ve block tanımlama
  • extends ile layout'u genişletme
  • block append/prepend ile içerik ekleme
  • include ile header/footer partial dahil etme
  • mixin ile yeniden kullanılabilir bileşen
  • Tutarlı sayfa düzeni için ortak layout tasarımı
Günün hedefiKatılımcı, form verisi işleyebilir, statik dosya sunabilir, hataları yönetebilir ve basit bir CRUD uygulaması kurabilir.
Modül 1
Form İşleme
  • HTML form ve method/action tanımı
  • express.urlencoded ile POST gövdesini okuma
  • req.body ile form alanlarına erişim
  • Sunucu tarafı doğrulama ve hata mesajları
  • POST-Redirect-GET deseni
  • Flash mesaj ile kullanıcı geri bildirimi
Modül 2
Statik Varlıklar ve Stil
  • express.static ile public klasörünü sunma
  • CSS, görsel ve istemci JS dosyalarını bağlama
  • Pug şablonunda stil ve script dahil etme
  • Varlık yollarını doğru referanslama
  • Önbellek (cache) başlıkları kavramı
  • Basit bir CSS ile sayfa düzeni
Modül 3
Hata Yönetimi
  • 404 middleware ile bulunamayan sayfalar
  • Hata yakalayan middleware (4 argümanlı)
  • try/catch ve async hata aktarımı (next(err))
  • Hata şablonu (error view) ile kullanıcıya gösterim
  • Geliştirme/üretim ortamında hata ayrıntısı farkı
  • Loglama ile hataları kayıt altına alma
Modül 4
Basit CRUD Uygulaması
  • Kaynak listeleme (GET /items) ve render
  • Yeni kayıt formu ve ekleme (POST)
  • Kaydı güncelleme ve silme akışı
  • Bellek içi/basit veri kaynağıyla CRUD
  • Route, view ve veri katmanını birbirine bağlama
  • Uygulamayı uçtan uca test etme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Express Kurulumu

Node.js ve Express ile temiz bir proje iskeleti kurabilirsiniz.

✅
Yönlendirme

GET/POST route ve parametrelerle istekleri karşılayabilirsiniz.

✅
Middleware

Middleware zinciriyle istekleri işleyip yönlendirebilirsiniz.

✅
Pug Şablonu

Jade/Pug ile dinamik view'lar oluşturabilirsiniz.

✅
Şablon Kalıtımı

Layout ve partial ile tutarlı sayfa düzeni kurabilirsiniz.

✅
Form İşleme

Form verisini güvenle okuyup doğrulayabilirsiniz.

✅
Hata Yönetimi

404 ve hata middleware'i ile sağlam akış kurabilirsiniz.

✅
CRUD

Uçtan uca basit bir CRUD web uygulaması geliştirebilirsiniz.

Kimler İçin Uygundur?

  • Temel JavaScript bilen
  • sunucu tarafı (back-end) web geliştirmeye Node.js/Express
  • başlamak isteyen geliştiriciler ve öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Temel JavaScript bilen, Node.js ve Express ile sunucu tarafı web geliştirmeye başlamak isteyen geliştiriciler ve öğrenciler için uygundur.
Jade ile Pug arasındaki fark nedir?
Jade, Pug şablon motorunun eski adıdır; eğitimde güncel Pug söz dizimi kullanılır ve isim değişikliği açıklanır.
JavaScript bilmeden alınır mı?
Temel JavaScript (değişken, fonksiyon, dizi/nesne, ES6) bilgisi beklenir; eğitim sunucu tarafı geliştirmeye odaklanır.
Veritabanı işleniyor mu?
CRUD uygulaması basit/bellek içi veri kaynağıyla kurulur; odak yönlendirme, şablon ve view katmanındadır.
Eğitim sonunda sertifika veriliyor mu?
Evet, tamamlayan katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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. Routing, Jade, & Views Eğitimi Sertifika Kodu DV-2026XX00 Tarih 23.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

Ağ Temelleri ve YönlendirmeAdvanced Junos Service Provider Routing (AJSPR) Eğitimi
Ağ Teknolojileri Eğitimleri

Advanced Junos Service Provider Routing (AJSPR) Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Junos ile servis sağlayıcı yönlendirme: OSPF, IS-IS, BGP politikaları, MPLS LDP/RSVP-TE ve MP-BGP L3VPN. Çok düğümlü topolojide uygulamalı AJSPR eğitimi.

Detayları Gör →
Ağ Temelleri ve YönlendirmeAliasing, Selection, & Routing with AngularUI Eğitimi
Ağ Teknolojileri Eğitimleri

Aliasing, Selection, & Routing with AngularUI Eğitimi

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

AngularJS'te UI-Router ile durum tabanlı yönlendirme, iç içe görünümler, resolve, UI-Select ile arama/çoklu seçim ve ngModelOptions aliasing. Uygulamalı DVA eği

Detayları Gör →
Ağ Temelleri ve YönlendirmeAnomaly Detection: Network Anomaly Detection Eğitimi
Ağ Teknolojileri Eğitimleri

Anomaly Detection: Network Anomaly Detection Eğitimi

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

Ağ trafiğinde anomali tespiti: NetFlow/IPFIX öznitelikleri, baseline, EWMA/entropi/PCA ve Isolation Forest, autoencoder ile denetimsiz ML. Uygulamalı DVA eğitim

Detayları Gör →
Ağ Temelleri ve YönlendirmeAOS-CX Switching Fundamentals (CXSF) Eğitimi
Ağ Teknolojileri Eğitimleri

AOS-CX Switching Fundamentals (CXSF) Eğitimi

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

Aruba AOS-CX temelleri: CLI, VLAN, RSTP/MSTP, LAG, VSX aktif-aktif yedeklilik, temel OSPF, ACL ve NAE telemetri. Uygulamalı CXSF eğitimi.

Detayları Gör →
Ağ Temelleri ve YönlendirmeArista Networking - Automation Foundations (AUTOFDN) Eğitimi
Ağ Teknolojileri Eğitimleri

Arista Networking - Automation Foundations (AUTOFDN) Eğitimi

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

Arista EOS otomasyonu: eAPI ve JSON-RPC, pyeapi ile Python, Ansible playbook, Jinja2 şablonları ve CloudVision configlet otomasyonu. Uygulamalı AUTOFDN eğitimi.

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