Saf JavaScript ile SPA kurmaya başlayın
JavaScript SPA: Getting Started Eğitimi, çerçeve kullanmadan saf JavaScript ile tek sayfa uygulama kurmanın temellerini öğretir. Program bileşen tabanlı yapı ve DOM render ile başlar; History API ile istemci tarafı yönlendirme, fetch ile veri çekme ve merkezi…
DOM tabanlı bileşenlerden History API yönlendirmesine ve modül paketlemeye kadar SPA geliştirme
JavaScript SPA: Getting Started Eğitimi, çerçeve kullanmadan saf JavaScript ile tek sayfa uygulama (Single Page Application) kurmanın temellerini öğretir. Katılımcılar bileşen tabanlı yapı, DOM ile görünüm üretme, History API ile istemci tarafı yönlendirme ve fetch ile veri çekmeyi uygular. Merkezi durum yönetimi, olay akışı ve modül paketleme ele alınır. Program, yönlendirmeli ve durum yönetimli küçük bir SPA'nın sıfırdan kurulup paketlenmesiyle tamamlanır.
3 Gün. Her gün dört modül; SPA kavramları bileşen yapısından yönlendirme ve durum yönetimine kadar saf JavaScript ile kodlanarak işlenir.
Orta Seviye — Saf JavaScript ile tek sayfa uygulama (SPA) mimarisi, yönlendirme, durum yönetimi ve derleme
Her kavram canlı kodlamayla işlenir; üç gün boyunca yönlendirmeli ve durumlu küçük bir SPA sıfırdan adım adım geliştirilir.
SPA'ların altında yatan bileşen, yönlendirme ve durum mantığını kavrayarak React ve Vue gibi çerçeveleri çok daha bilinçli kullanırsınız.
Sayfa yeniden yüklenmeden içerik güncelleyen tek sayfa yaklaşımıyla hızlı ve kesintisiz kullanıcı deneyimleri geliştirirsiniz.
Kendi mini yönlendirici ve durum yöneticinizi kodlayarak modern SPA araçlarının arka planda nasıl çalıştığını içeriden görürsünüz.
Eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Fonksiyon, nesne, dizi ve ES6 modül söz dizimi gibi temel JavaScript kavramlarına aşinalık bu eğitim için gereklidir.
querySelector, addEventListener ve içerik güncelleme gibi temel DOM işlemlerini daha önce yapmış olmak beklenir.
promise, async/await ve fetch ile temel asenkron işlemleri tanımak örnekleri takip etmeyi kolaylaştırır.
VS Code, modern bir tarayıcı ve Node.js kurulu bir geliştirme ortamının hazır olması önerilir.
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.
Program sonunda katılımcılar:
Tek sayfa uygulama ile çok sayfalı mimari farkını kavrar, istemci tarafı render ve uygulama iskeleti kurarsınız.
Saf JavaScript ile yeniden kullanılabilir, props alan bileşenler kurar ve bunları kompozisyonla birleştirirsiniz.
Template literal ve render fonksiyonlarıyla görünüm üretir, DOM'u verimli ve güvenli biçimde güncellersiniz.
History API ile sayfa yenilemeden yönlendirme kurar, dinamik rota ve parametreleri işleyerek gezinme yönetirsiniz.
fetch ve async/await ile API'den veri çeker, yükleme, hata ve boş durumları düzgün biçimde yönetirsiniz.
Merkezi bir store kurar, abonelik mantığıyla durumu bileşenlere yansıtır ve kalıcı hale getirmeyi uygularsınız.
Vite ile projeyi paketler, kod bölme ve varlık yönetimiyle optimize edilmiş bir üretim derlemesi oluşturursunuz.
SPA'yı statik barındırmaya yayınlar, sunucu fallback'i kurar ve Lighthouse ile performansı ölçüp iyileştirirsiniz.
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.
İleri Node.js: stream, cluster, worker threads, önbellek, güvenlik, WebSocket, test ve Docker ile üretim ölçeğinde uygulama yönetimi eğitimi.
Detayları Gör →
Node.js ile mikroservis mimarisi: servis tasarımı, REST ve gRPC, mesaj kuyruğu, API gateway, dayanıklılık ve Docker ile dağıtım eğitimi.
Detayları Gör →
Node.js ile mikroservis mimarisi, NestJS, Moleculer, gRPC, mesaj kuyrukları, API Gateway, dayanıklılık ve Docker dağıtımını öğreten uygulamalı eğitim.
Detayları Gör →
Node.js cluster, worker_threads, V8 bellek modeli, çöp toplama, bellek sızıntısı tespiti ve profilleme ile ölçekleme optimizasyonunu öğreten eğitim.
Detayları Gör →
PM2 ile Node.js süreç yönetimi, cluster modu, log, izleme, kesintisiz yeniden yükleme, systemd ve Docker dağıtımını öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Node.js ile WebSocket ve Socket.IO kullanarak sohbet, bildirim ve canlı veri akışı yapan ölçeklenebilir gerçek zamanlı uygulamalar geliştirmeyi öğreten eğitim.
Detayları Gör →