NODE.JS, LISTS, & FORM VIEWS EĞİTİMİ

Node.js ile liste ve form arayüzleri

Express ve şablon motorlarıyla liste görünümleri, form işleme ve CRUD arayüzleri geliştirin

Node.js, Lists, & Form Views Eğitimi, Express ve şablon motorlarıyla sunucu taraflı render edilen liste ve form arayüzleri geliştirmeyi öğretir.

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

Eğitim Hakkında

Şablon motorundan liste ve form görünümlerine, doğrulamadan tam CRUD arayüzüne uzanan render

Node.js, Lists, & Form Views Eğitimi, Express ve şablon motorlarıyla sunucu taraflı render edilen liste ve form arayüzleri geliştirmeyi öğretir. Katılımcılar EJS veya Pug ile sayfa render eder, veritabanındaki kayıtları liste görünümlerinde gösterir; sayfalama, filtreleme ve sıralama uygular. Form görünümleri oluşturur, gelen veriyi doğrular, oluşturma, güncelleme ve silme işlemlerini bağlar; flash mesaj ve dosya yüklemeyle arayüzü tamamlar.

Süre ve Format

3 Gün. Her gün dört modül; şablon motorundan liste ve form görünümlerine kadar gerçek bir CRUD uygulaması adım adım geliştirilir.

Seviye

Orta Seviye — Node.js ve Express ile liste görünümleri, form görünümleri ve CRUD arayüzleri

Öğrenme Metodu

Tek bir kayıt yönetimi uygulaması üç gün boyunca liste ve form görünümleriyle sıfırdan kurulur, doğrulama ve CRUD işlemleriyle tamamlanır.

Neden Bu Eğitim?

📋Veriyi görünür kıl

Veritabanındaki kayıtları düzenli liste görünümlerinde sunarak kullanıcının veriyi kolayca tarayıp yönetmesini sağlamayı öğrenirsiniz.

📝Güvenli form işleme

Form verisini sunucu tarafında doğrulayıp güvenli biçimde işleyerek hatalı ve zararlı girdilere karşı sağlam arayüzler kurarsınız.

🔁Tam CRUD döngüsü

Listeleme, oluşturma, güncelleme ve silme işlemlerini uçtan uca bağlayarak eksiksiz bir yönetim arayüzü geliştirmeyi öğrenirsiniz.

Anahtar Konular

node.js web eğitimiexpress ejs eğitiminode js crud eğitimiform işleme eğitimiliste görünümü nodesunucu taraflı render eğitimiexpress form doğrulamanode js yönetim panelipug şablon eğitimiweb uygulama geliştirme eğitimi
“İyi bir arayüz veriyi anlaşılır kılar; liste ve form görünümlerine hakimiyet, kullanıcıların veriyi güvenle yönetmesini sağlar.”

Ön Koşullar

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

1
Node ve Express temeli

Node.js ve temel Express yönlendirme bilgisi; rota, req ve res kavramları bu eğitimde görünüm katmanıyla genişletilir.

2
HTML ve form bilgisi

Temel HTML ve form öğelerine (input, select, form) aşinalık, görünümleri oluştururken faydalı olur.

3
JavaScript bilgisi

Nesne, dizi ve asenkron kavramlara aşinalık; veritabanı ve render işlemlerini takip etmek için gereklidir.

4
Node ve npm kurulumu

Node.js LTS ve npm kurulu bir ortam; proje oluşturma ve paket kurulumu ilk günden itibaren uygulanır.

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'e şablon motoru bağlar, EJS veya Pug ile sayfa render eder, düzen (layout) ve parça (partial) yapısıyla tekrar kullanılabilir görünümler kurar.
Modül 1
Şablon Motoru Kurulumu
  • view engine ve views dizini ayarı
  • EJS kurulumu ve temel söz dizimi
  • Pug ile alternatif şablon yaklaşımı
  • res.render ile sayfa gösterimi
  • Statik varlıkların express.static ile sunumu
  • Şablon motoru seçim kriterleri
Modül 2
Veriyi Görünüme Aktarma
  • Render'a veri (locals) gönderme
  • Değişkenleri şablonda yazdırma
  • Koşullu gösterim (if) blokları
  • Döngü ile liste oluşturma (forEach)
  • HTML kaçışı (escaping) ve güvenli çıktı
  • Tarih ve biçimlendirme yardımcıları
Modül 3
Düzen ve Parçalar
  • Ortak düzen (layout) yapısı kurma
  • Header ve footer parçaları (partials)
  • include ile parça (partial) ekleme
  • Navigasyon ve menü bileşeni oluşturma
  • Tekrar kullanılabilir görünüm kalıpları
  • Blok tanımı ve içerik yerleştirme
Modül 4
Stil ve Varlık Yönetimi
  • CSS dosyalarını sayfaya bağlama
  • public dizini ve statik sunum düzeni
  • Bootstrap gibi CSS çatısı entegrasyonu
  • Responsive sayfa düzeni temelleri
  • İstemci tarafı JavaScript betiği ekleme
  • Görsel ve font varlıklarının sunumu
Günün hedefiKatılımcı veritabanındaki kayıtları tablo ve kart görünümünde listeler; sayfalama, arama, filtreleme ve sıralama ile büyük veri kümelerini yönetilebilir kılar.
Modül 1
Kayıtları Listeleme
  • Veritabanından kayıt sorgulama
  • Kayıtları tablo görünümünde render etme
  • Kart ve satır tabanlı liste düzeni
  • Boş liste durumunun ele alınması
  • Her kayıt için eylem bağlantıları
  • Liste başlığı ve toplam sayı gösterimi
Modül 2
Sayfalama (Pagination)
  • limit ve offset ile sayfa bölme
  • Toplam kayıt ve sayfa sayısı hesabı
  • Sayfa gezinme bağlantıları oluşturma
  • Query string ile sayfa durumu taşıma
  • Sayfa başına kayıt sayısı seçimi
  • Büyük veri kümelerinde performans
Modül 3
Filtreleme ve Arama
  • Arama kutusu ile metin filtreleme
  • Sorguya göre dinamik filtre kurma
  • Çoklu alan filtreleme (durum, tarih)
  • Filtre durumunu URL üzerinde koruma
  • Büyük/küçük harf duyarsız arama
  • Boş sonuç durumu ve filtre sıfırlama
Modül 4
Sıralama ve Görünüm
  • Sütun başlığına tıklayarak sıralama
  • Artan ve azalan sıralama yönü seçimi
  • Birden çok alana göre sıralama
  • Varsayılan sıralama düzeni tanımı
  • Sıralama ve sayfalamanın birlikte çalışması
  • Sıralama durumunun görünümde gösterimi
Günün hedefiKatılımcı form görünümleri oluşturur, gelen veriyi sunucu tarafında doğrular, oluşturma ve güncelleme işlemlerini bağlar, silme ve dosya yükleme ile CRUD'u tamamlar.
Modül 1
Form Oluşturma ve İşleme
  • HTML form ve giriş alanı bileşenleri
  • express.urlencoded ile gövde ayrıştırma
  • GET ile form gösterme, POST ile işleme
  • Form verisini req.body ile okuma
  • Select, checkbox ve radio işleme
  • Gönderim sonrası yönlendirme (redirect)
Modül 2
Doğrulama ve Hata Gösterimi
  • express-validator ile girdi doğrulama
  • Zorunlu alan ve biçim kontrolleri
  • Hata mesajlarını forma geri yansıtma
  • Girilen değerleri formda koruma
  • Sunucu ve istemci doğrulama dengesi
  • Girdi temizleme (sanitization)
Modül 3
Oluşturma ve Güncelleme
  • Yeni kayıt oluşturma (Create) akışı
  • Mevcut kaydı forma önceden doldurma
  • Güncelleme (Update) işlemi ve kaydetme
  • method-override ile PUT/DELETE taklidi
  • Flash mesajla başarı bildirimi
  • Eş zamanlı düzenleme ve veri bütünlüğü
Modül 4
Silme ve Dosya Yükleme
  • Silme onayı ve güvenli silme akışı
  • Kayıt silme (Delete) işleminin bağlanması
  • multer ile dosya ve görsel yükleme
  • Yüklenen dosya doğrulama ve boyut sınırı
  • Yüklenen varlığın görünümde gösterimi
  • CRUD akışının uçtan uca test edilmesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Görünüm katmanı

Express'e şablon motoru bağlar, EJS veya Pug ile veri odaklı sayfalar render eder ve düzen kurarsınız.

✅
Parça ve düzen

Ortak düzen, header, footer ve parçalarla tekrar kullanılabilir, bakımı kolay görünüm yapıları oluşturursunuz.

✅
Kayıt listeleme

Veritabanı kayıtlarını tablo ve kart görünümlerinde listeler, eylem bağlantılarıyla yönetilebilir kılarsınız.

✅
Sayfalama

limit ve offset ile sayfalama kurar, büyük veri kümelerini performanslı ve gezinilebilir biçimde sunarsınız.

✅
Filtre ve sıralama

Arama, çoklu filtre ve sütun bazlı sıralamayı URL durumunu koruyarak birlikte çalışacak şekilde kurarsınız.

✅
Form işleme

Form görünümleri oluşturur, verisini req.body ile okur ve gönderim sonrası yönlendirmeyi doğru uygularsınız.

✅
Doğrulama

express-validator ile girdiyi doğrular, hata mesajlarını forma yansıtır ve girilen değerleri korursunuz.

✅
Tam CRUD

Oluşturma, güncelleme, silme ve dosya yüklemeyi bağlayarak eksiksiz bir yönetim arayüzünü uçtan uca kurarsınız.

Kimler İçin Uygundur?

  • Node.js ile sunucu taraflı web arayüzü geliştirmek isteyen geliştiriciler
  • veri listeleme
  • form işleme içeren yönetim panelleri kurmak isteyen yazılımcılar ile CRUD uygulamaları geliştiren ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Node.js ile sunucu taraflı web arayüzü geliştirmek isteyen geliştiriciler, veri listeleme ve form işleme içeren yönetim panelleri kurmak isteyen yazılımcılar için uygundur. Temel Express yönlendirme bilgisi, HTML form bilgisi ve JavaScript aşinalığı beklenir; görünüm katmanı sıfırdan işlenir.
Hangi şablon motoru kullanılıyor?
Eğitimde öncelikle EJS kullanılır; Pug da alternatif yaklaşım olarak tanıtılır. res.render ile veri aktarımı, koşullu gösterim, döngüyle liste oluşturma, düzen (layout) ve parçalar (partials) işlenir. İçerik, kurumunuzun tercih ettiği şablon motoruna göre uyarlanabilir.
Liste görünümlerinde neler öğretiliyor?
Veritabanı kayıtlarını tablo ve kart görünümünde listeleme, limit/offset ile sayfalama, arama ve çoklu alan filtreleme, sütun bazlı sıralama ve bu durumların URL üzerinden korunması işlenir. Büyük veri kümelerinde performans ve boş sonuç durumları da ele alınır.
Form işleme ve doğrulama kapsanıyor mu?
Evet. Form görünümleri oluşturma, express.urlencoded ile veri okuma, express-validator ile sunucu taraflı doğrulama, hata mesajlarını forma yansıtma, girilen değerleri koruma, oluşturma/güncelleme/silme ve multer ile dosya yükleme uygulamalı işlenir. Böylece tam CRUD döngüsü tamamlanır.
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 geliştirilen liste/form tabanlı CRUD uygulamasını belgeler; kurumsal gruplara özel arayüz ve veri modeli danışmanlığıyla genişletilebilir.

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. Node.js, Lists, & Form Views Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

JavaScript ve TypeScriptJavaScript Development with Microservices Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript Development with Microservices Eğitimi

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

Node.js ile mikroservis mimarisi, REST ve gRPC, mesaj kuyrukları, dayanıklılık desenleri, Docker ve Kubernetes dağıtımını öğreten uygulamalı eğitim.

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

JavaScript Eğitimi

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

Söz dizimi, fonksiyonlar, DOM, olaylar, ES6, diziler, nesneler ve fetch ile asenkron veri çekmeyi öğreten uygulamalı JavaScript eğitimi.

Detayları Gör →
JavaScript ve TypeScriptJavaScript with jQuery Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript with jQuery Eğitimi

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

JavaScript temeliyle jQuery seçiciler, DOM işlemleri, olaylar, efektler, AJAX ve eklenti geliştirmeyi öğreten uygulamalı jQuery eğitimi.

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

JSON JavaScript Eğitimi

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

JSON söz dizimi, JSON.parse ve stringify, fetch ile API veri alışverişi, JSON Schema doğrulama ve localStorage ile saklamayı öğreten eğitim.

Detayları Gör →
JavaScript ve TypeScriptNode.js for JavaScript Developers Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js for JavaScript Developers Eğitimi

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

Node.js çalışma zamanı, modüller, asenkron desenler, Express ile REST API, veritabanı, kimlik doğrulama, test ve dağıtımı öğreten uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptTemel Seviye JavaScript Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Temel Seviye JavaScript Geliştirme Eğitimi

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

Sıfırdan JavaScript öğrenin: değişkenler, fonksiyonlar, diziler, DOM, olaylar ve fetch ile asenkron kodu uygulamalı anlatan kurumsal temel eğitim.

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