Angular ve Firebase Web Uygulamaları Eğitimi

Eğitim Hakkında

Firestore gerçek zamanlı veriden kimlik doğrulamaya, Cloud Functions'tan yayına tam yığın akış

Angular ve Firebase ile Web Uygulamaları Eğitimi, Angular ön yüzünü Firebase arka uç hizmetleriyle birleştirerek sunucu yönetmeden tam işlevli web uygulamaları geliştirmeyi öğretir. Katılımcılar AngularFire ile Firestore'a bağlanmayı, gerçek zamanlı veri akışını ve güvenlik kurallarını öğrenir. Firebase Authentication ile kimlik doğrulama, Storage ile dosya, Cloud Functions ile sunucu mantığı işlenir. Program; Hosting ile yayın ve performans ile tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; tek bir Angular uygulaması Firestore, kimlik doğrulama ve Cloud Functions ile katman katman geliştirilir.

Seviye

Orta Seviye — Angular ön yüzünü Firebase ile birleştirip sunucusuz, gerçek zamanlı web uygulaması geliştirme

Öğrenme Metodu

Gerçek bir Angular ve Firebase uygulaması dört gün boyunca geliştirilir; her modülde bir Firebase hizmeti projeye uygulamalı olarak eklenir.

Neden Bu Eğitim?

🔥Arka uçsuz üretim

Firebase'in hazır hizmetleriyle sunucu kurup yönetmeden kimlik doğrulama, veritabanı ve depolamayı doğrudan kullanmayı öğrenirsiniz.

⚡Gerçek zamanlı veri

Firestore'un gerçek zamanlı dinleyicileriyle veriyi anında arayüze yansıtan, canlı güncellenen uygulamalar geliştirirsiniz.

🚀Hızlı yayın

Firebase Hosting ve Cloud Functions ile fikirden yayına giden yolu kısaltır, prototipleri hızla ürüne dönüştürürsünüz.

Anahtar Konular

angular firebase eğitimifirebase eğitimifirestore eğitimiangularfirefirebase authenticationcloud functions eğitimisunucusuz web uygulamasıgerçek zamanlı uygulamafirebase hostingangular web uygulaması eğitimi

“Firebase, arka uç kurmakla geçecek haftaları saatlere indirir; bu eğitim fikirlerinizi sunucu uğraşı olmadan ürüne çevirir.”

Ön Koşullar

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

1

Angular bilgisi

Bileşen, servis ve yönlendirme gibi Angular temellerine aşinalık beklenir; eğitim bu temel üzerine kurulur.

2

RxJS temelleri

Observable ve async pipe aşinalığı faydalıdır; Firestore akışları Observable olarak ele alınır.

3

Google hesabı

Firebase projesi oluşturmak için bir Google hesabı ve Firebase konsoluna erişim gerekir.

4

Node ve CLI araçları

Node.js, Angular CLI ve Firebase CLI'nin kurulu, projenin derlenip çalışabilir olması gerekir.

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ı Firebase projesini kurar, AngularFire ile uygulamaya bağlar ve Firestore üzerinde belge ve koleksiyonlarla temel veri işlemlerini gerçekleştirir.

Modül 1

Firebase ve AngularFire

Firebase konsolunda proje oluşturma
Firebase hizmetlerine genel bakış
AngularFire kütüphanesinin kurulumu
Uygulamaya Firebase yapılandırması ekleme
provideFirebaseApp ile sağlayıcı tanımı
Ortam dosyasında anahtar yönetimi

Modül 2

Firestore Veri Modeli

Koleksiyon ve belge (document) yapısı
NoSQL veri modelleme yaklaşımı
İç içe veri ve alt koleksiyonlar
Veri yapısının sorgulara göre tasarımı
Referans ve denormalizasyon kararları
Ölçeklenebilir model için ipuçları

Modül 3

CRUD Veri İşlemleri

addDoc ve setDoc ile belge oluşturma
getDoc ve getDocs ile veri okuma
updateDoc ile belge güncelleme
deleteDoc ile belge silme işlemi
Otomatik ve özel belge kimlikleri
İşlemlerin Angular servisinde toplanması

Modül 4

Sorgu ve Filtreleme

where ile koşullu sorguların kurulması
orderBy ile sonuçların sıralanması
limit ve sayfalama (pagination)
Bileşik sorgular ve dizin ihtiyacı
collectionData ile Observable akışı
Sorgu performansının değerlendirilmesi

Günün hedefiKatılımcı Firestore gerçek zamanlı dinleyicileriyle canlı güncellenen arayüzler kurar, güvenlik kurallarını yazar ve veriye erişimi kullanıcı bazında kısıtlar.

Modül 1

Gerçek Zamanlı Dinleyiciler

onSnapshot ile anlık veri güncellemeleri
collectionData ve docData akışları
Observable'ın arayüze async pipe ile bağlanması
Canlı liste ve detay ekranları
Dinleyici aboneliğinin temizlenmesi
Gereksiz okuma işlemlerinin önlenmesi

Modül 2

Firestore Güvenlik Kuralları

Güvenlik kuralı söz dizimi ve yapısı
allow read ve write erişim koşulları
request.auth ile kimlik kontrolü
Belge sahibine göre erişim kısıtı
Yazma öncesi veri doğrulama kuralları
Kuralların emülatörde test edilmesi

Modül 3

Çevrimdışı ve Önbellek

Firestore çevrimdışı kalıcılığı
Önbellekten ve sunucudan okuma
Çevrimdışı yazma ve senkronizasyon
Bağlantı durumuna göre davranış
Çakışma ve son yazan kazanır mantığı
Kullanıcı deneyiminin korunması

Modül 4

Firebase Emülatör Paketi

Local emülatör paketinin kurulumu
Firestore ve Auth emülatörü ile çalışma
Geliştirmede gerçek projeyi koruma
Test verisi içe ve dışa aktarma
Güvenlik kurallarının yerelde denenmesi
CI boru hattında emülatör kullanımı

Günün hedefiKatılımcı Firebase Authentication ile kullanıcı kaydı ve girişi kurar, korumalı rotalar oluşturur ve Storage ile dosya yükleme ve indirme işlemlerini yönetir.

Modül 1

Firebase Authentication

E-posta ve parola ile kayıt ve giriş
Google ile sosyal giriş entegrasyonu
authState ile oturum durumu takibi
Oturum kapatma ve kullanıcı bilgisi
Parola sıfırlama ve e-posta doğrulama
Kimlik doğrulama hatalarının yönetimi

Modül 2

Korumalı Rotalar

Route guard ile erişim kontrolü
Oturumsuz kullanıcının yönlendirilmesi
Kullanıcı bilgisinin servis ile paylaşımı
Rol bazlı erişim kontrolü yaklaşımı
Giriş sonrası hedef sayfaya dönüş
Arayüzün oturuma göre uyarlanması

Modül 3

Cloud Storage ile Dosya

Storage referansı ve klasör yapısı
Dosya yükleme ve ilerleme takibi
İndirme URL'si alma ve gösterme
Görsel ve belge dosyalarının yönetimi
Storage için güvenlik kuralları
Dosya silme ve metadata işlemleri

Modül 4

Kullanıcı Profili

Profil bilgisinin Firestore'da tutulması
Profil fotoğrafının Storage ile saklanması
Kimlik ve veri ilişkisinin kurulması
Hesap ayarları ekranının geliştirilmesi
Kullanıcıya özel verilerin kurgulanması
Güvenlik kurallarıyla verinin korunması

Günün hedefiKatılımcı Cloud Functions ile sunucu tarafı mantık yazar, tetikleyicileri kullanır, uygulamayı Firebase Hosting ile yayınlar ve performans ile maliyeti gözetir.

Modül 1

Cloud Functions Temelleri

Sunucusuz fonksiyon kavramı ve kullanımı
HTTP ile çağrılabilir (callable) fonksiyonlar
Angular'dan callable fonksiyon çağırma
Ortam değişkenleri ve gizli bilgiler
Fonksiyon dağıtımı ve günlükler
Soğuk başlangıç ve performans etkisi

Modül 2

Tetikleyiciler ve Otomasyon

Firestore belge değişikliği tetikleyicileri
Auth kullanıcı oluşturma tetikleyicisi
Arka planda veri işleme senaryoları
Zamanlanmış (scheduled) fonksiyonlar
Üçüncü taraf servis entegrasyonu
Hata yönetimi ve yeniden deneme

Modül 3

Firebase Hosting ile Yayın

Angular üretim derlemesinin hazırlanması
firebase init ve hosting yapılandırması
firebase deploy ile yayına alma
Özel alan adı ve SSL sertifikası yönetimi
Önbellek ve yeniden yazma kuralları
Sürüm geri alma ve önizleme kanalları

Modül 4

Performans ve Maliyet

Okuma ve yazma sayısının izlenmesi
Sorgu ve dinleyici optimizasyonu
Lazy loading ile paket küçültme
Firebase Performance ile ölçüm
Ücretsiz kota ve maliyet yönetimi
Üretim için güvenlik gözden geçirmesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Firestore entegrasyonu

AngularFire ile Firestore'a bağlanır, koleksiyon ve belgelerle CRUD işlemlerini ve sorguları yönetirsiniz.

✅

Gerçek zamanlı veri

Firestore dinleyicileriyle veriyi anında arayüze yansıtan, canlı güncellenen uygulamalar geliştirirsiniz.

✅

Güvenlik kuralları

Firestore ve Storage güvenlik kurallarıyla veriye erişimi kullanıcı ve role göre güvenle kısıtlarsınız.

✅

Kimlik doğrulama

Firebase Authentication ile e-posta ve sosyal giriş kurar, korumalı rotalar ve oturum yönetimi uygularsınız.

✅

Dosya depolama

Cloud Storage ile dosya yükleme, indirme ve yönetim işlemlerini Angular uygulamasına entegre edersiniz.

✅

Cloud Functions

Sunucusuz fonksiyonlar ve tetikleyicilerle sunucu tarafı mantık yazar, arka plan otomasyonu kurarsınız.

✅

Hosting ile yayın

Angular uygulamasını Firebase Hosting ile derleyip yayınlar, alan adı ve sürüm yönetimini yaparsınız.

✅

Performans ve maliyet

Okuma yazma optimizasyonu ve kota yönetimiyle performanslı ve maliyeti kontrollü bir uygulama kurarsınız.

Kimler İçin Uygundur?

Angular bilgisi olup arka uç kurmadan hızlıca uygulama yayına almak isteyen geliştiriciler
girişimciler
prototip geliştiren ekipler ile sunucusuz mimariyi öğrenmek isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Angular bilgisi olup arka uç kurmadan hızlıca uygulama yayına almak isteyen geliştiriciler, girişimciler, prototip geliştiren ekipler ve sunucusuz mimariyi öğrenmek isteyen yazılımcılar için uygundur. Bileşen, servis ve yönlendirme gibi Angular temellerine aşinalık beklenir.

Firebase ücretsiz mi, maliyet nasıl yönetiliyor?

Firebase cömert bir ücretsiz kota sunar ve küçük projeler çoğunlukla bu kota içinde çalışır. Eğitimde okuma ve yazma sayısının izlenmesi, sorgu ve dinleyici optimizasyonu ile maliyet yönetimi ele alınır; böylece büyüyen projelerde harcamanın kontrol altında tutulması gösterilir.

Gerçek zamanlı özellikler nasıl çalışıyor?

Firestore dinleyicileri veri değiştiğinde bağlı istemcileri anında günceller. Eğitimde onSnapshot ve collectionData akışları Observable olarak ele alınır ve async pipe ile arayüze bağlanır; böylece sohbet, bildirim veya canlı liste gibi gerçek zamanlı senaryolar örnek uygulamada kurulur.

Eğitimin süresi ve formatı nedir?

Eğitim dört gün sürer ve her gün dört modülden oluşur. Tek bir Angular uygulaması Firestore, kimlik doğrulama, Storage ve Cloud Functions ile katman katman geliştirilir ve Firebase Hosting ile yayınlanır. Yüz yüze veya online yapılabilir ve içerik kuruma göre 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 geliştirilen örnek Angular ve Firebase uygulamasını belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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

ANGULAR VE FIREBASE İLE WEB UYGULAMALARI EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Firebase ve AngularFire

Firestore Veri Modeli

CRUD Veri İşlemleri

Sorgu ve Filtreleme

Gerçek Zamanlı Dinleyiciler

Firestore Güvenlik Kuralları

Çevrimdışı ve Önbellek

Firebase Emülatör Paketi

Firebase Authentication

Korumalı Rotalar

Cloud Storage ile Dosya

Kullanıcı Profili

Cloud Functions Temelleri

Tetikleyiciler ve Otomasyon

Firebase Hosting ile Yayın

Performans ve Maliyet

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Angular ve RxJS ile Reaktif Programlama Eğitimi

Angular ve Web API ile Full-Stack Applications Bootcamp Eğitimi

Comprehensive Testing Angular Eğitimi

İleri Seviye (Advanced) Angular Eğitimi

Temel ve İleri Seviye Angular Eğitimi

Angular & ngrx Eğitimi