[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme

Vue 3 - Firebase 9 (Authentication-Firestore-Storage) ve Bootstrap 5 ile Üst Düzey Uygulama Geliştirme Kursu

4.00 (1 reviews)
Udemy
platform
Türkçe
language
Web Development
category
instructor
41
students
11.5 hours
content
Jul 2022
last update
$84.99
regular price

What you will learn

Vue 3 ve Firebase 9 ile İleri Düzey Uygulama Yapmasını Öğrenecekler

Firebase 9 Authentication Firestore ve Storage Konularını Ayrıntıları ile Birlikte Öğrenecekler

Vue 3 ile Animasyon Oluşturmayı Öğrenecekler

Vue Projelerinde Modal, Notification ve Loader Oluşturmayı Öğrenecekler

Vue Projelerinde Google ReCaptcha Kullanımını Öğrenecekler

Vue Projelerinde PDF Oluşturma İşlemlerini Öğrenecekler

Vue Projelerini Firebase Hosting ile Yayınlamasını Öğrenecekler

Firebase Firestore Rules ile Güvenlik İşlemlerini Öğrenecekler

Description

Bu kursumuzda Vue 3 Firebase 9 ve Bootstrap 5 kullanarak baştan sona üst düzey bir uygulama geliştiriyoruz. Uygulamamız Kripto Coin Sistemi olacak ve üst düzey bilgileri öğreneceğiz.

Vue 3 ile proje oluşturarak başlayacağız ve projemiz bittiğinde Firebase Hosting ile uygulamamızı yayınlayacağız. Firebase 9 konularından Authentication Firestore ve Storage konularının ayrıntılarına gireceğiz ve güncel bir uygulama geliştirirken en ufak  istenenleri bile bu uygulamada kullanacağız.

Kripto Coin Sistemi uygulamamızda 3 tip yetki oluşturacağız. Basit yetkisi  sadece kendi profil bilgilerini görüntüleyebilecek ve değişiklik yapabilecek. Uye yetkisi profil bilgileri yanında kendi cüzdanını ve hesap hareketlerini görüntüleyebilecek. Admin yetkisi ise kullanıcıları ve onların cüzdanları görüntüleyip yönebilecek. Admin yetkisi ile kullanıcıların yetkisini değiştirecez ya da kullanıcıyı sistemden banlayacağız. Sisteme kripto ekleyecek ve kullanıcının cüzdanını kontrol edecek.

Uygulamamızı geliştirirken Firebase ve Bootstrap konularının dışında axios, moment, jsPDF,gsap gibi çok kullanılan yardımcı paketleri de öğrenmiş olacaz.

Vue 3 ile Modal oluşturma, Bildirim oluşturma Animasyon oluşturma gibi konuları da öğreneceğiz. Hatta sisteme giriş yapılırken Google ReCaptcha kullanımını da göreceğiz.

Vue 3 Router konularını ileri seviyede öğreneceğiz ve asla yetkisi olmayan bir sayfayı herhangi bir kullanıcı görüntüleyemeyecek artı olarak Firebase Rules ile ekstra güvenlik önlemleri alacağzı böylece son derece güvenli bir sistem geliştirmiş olacağız.

Uygulamamızı tamamladıktan sonra sizde piyasanın istediği web uygulamalarınızı Vue 3 Firebase 9 ve Bootstrap 5 kullanarak çok kolay bir şekilde geliştirebileceksiniz.


Content

Giriş

Başlamadan Önce
Tanıtım

Proje Başlıyoruz

Vue 3 Projesi Oluşturma
Firebase Projesi Oluşturma
Firebase Config Dosyasını Oluşturma
Navbar Oluşturma
Yönlendirmeleri Oluşturma

Üyelik İşlemlerini Gerçekleştirelim

Signup Sayfasını Oluşturma
Üyelik Alanlarına Erişme
Signup Composable Oluşturma
Üyelik İşlemini Gerçekleştirme
Kullanıcı Adını Güncelleme İşlemi
Profil Resmi için Composable Oluşturma
Profil Resmini Yükleme İşlemi
Koleksiyon Oluşturmak için Composable Oluşturma
Kullanıcılar için Koleksiyon Oluşturma
Firestore Hatası Nedeniyle Kullanıcıyı Silme

Uygulamaya Giriş ve Yetkilendirme İşlemleri

Login için Composable Oluşturma
Login Sayfasını Oluşturma
Login İşlemini Gerçekleştirme
Kullanıcının Durumunu Kontrol Etme
Kullanıcıya Erişmek için Composable Oluşturma
Navbarı Kullanıcıya Göre Düzenleme
Çıkış İşlemini Gerçekleştirme
Yetkiye Göre Sayfalara Yönlenme
Yetkiye Göre Navbarı Düzenleme
Sayfalar Yüklenirken Firebase'i Bekleme

Harici Componentlerin Kullanımı

Vue Loading Overlay Kullanımı
Vue Recaptcha Kullanımı
Google reCaptcha Sitesi
@kyvgvue3 Notification Kullanımı
jsPDF Kullanımı
Vue Final Modal Kullanımı

Profil Sayfasını Oluşturma İşlemleri

Profil Sayfasını Oluşturma
Profil Bilgilerine Erişme 1
Profil Bilgilerine Erişme 2
Tarih Gösterme İşlemi
Kullanıcı Bilgileri Güncelleme İşlemi
Auth Bilgileri Sayfasını Oluşturma
Kullanıcı Adı Değiştirme İşlemleri
Email Değiştirme İşlemleri
Kullanıcıyı Yeniden Authenticate Etme
Parola Değiştirme İşlemleri
Profil Bilgilerinden PDF Oluşturma

Kullanıcıyı Yetkilendirme İşlemleri

Dashboard Sayfasını Oluşturma
Sayfaları Tasarlama
Yeni Kullanıcı Listesini Oluşturma 1
Firestore Index Oluşturma
Yeni Kullanıcı Listesini Oluşturma 2
Kullanıcı Bilgileri Sayfasına Yönlenme
Kullanıcı Bilgileri Sayfasını Oluşturma
Kullanıcıya Erişme İşlemi
Kullanıcı Yetkilendirme İşlemi
Durumlarına Göre Kullanıcı Listeleme
Kullanıcının Durumlarını Değiştirme İşlemi
Kullanıcı Arama İşlemi

API Kullanarak Kripto Coinlere Erişelim

CryptoCompare Sitesi Tanıtım
Kripto Listesi Sayfasını Oluşturma
Kripto Verilere Erişme
Kripto Coin Arama İşlemleri
Sisteme Kripto Coin Ekleme İşlemi
Eklenen Kriptoları Listeleme İşlemi

Kullanıcının Cüzdanını Oluşturma İşlemleri

Kripto Eklemek için Kullanıacı Arama Sayfası
Kullanıcı Arama İşlemi
Kullanıcı Cüzdan Sayfası Oluşturma
Cüzdan Oluşturmak için Bilgilere Erişme
Cüzdana Kripto Ekleme 1
Cüzdana Kripto Ekleme 2
Cüzdandan Kripto Eksiltme İşlemi
Kullanıcı Cüzdanını Anlık Görüntüleme
Kullanıcı Cüzdanını Renklendirme İşlemi
Cüzdan Hareketlerini Oluşturma

Cüzdan Görüntüleme İşlemleri

Kullanıcının Cüzdan Sayfasını Oluşturma
Kullanıcıya Kripto Coinleri Gösterme
Kullanıcıya Kripto Hareketlerini Gösterme
Kripto Hareketlerinden PDF Oluşturma

Anasayfayı Oluşturma

Anasayfaya Kriptoları Getirme
Kriptoların Yüklenmesini Bekleme
Logoyu Animasyonlu Gösterme
GSAP Kullanımı
Yeni Eklenen Kriptoyu Gösterme

Projeyi Geliştirme İşlemleri

Yeni Kripto Ekleme Sayfası Oluşturma
Sistem Kriptolarını Listeleme İşlemi
Sisteme Kripto Ekleme İşlemi 1
Sisteme Kripto Ekleme İşlemi 2
Güncelleme ve Silme İşlemleri için Modal Oluşturma
Sistem Kriptolarını Güncelleme İşlemi
Sistem Kriptolarını Silme İşlemi
Email Doğrulama Mail Gönderme İşlemi
Bilgilendirme Sayfasını Oluşturma
Dashboard ı Animasyonlu Gösterme

Firebase Hosting İşlemleri

Firebase CLI Kurulumu
Vue Build İşlemi
Firebase Deploy İşlemi
Custom Domain Oluşturma
Firestore Kuralları

Kapanış

Sırada Ne Var

Screenshots

[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Screenshot_01[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Screenshot_02[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Screenshot_03[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Screenshot_04

Charts

Price

[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Price chart

Rating

[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Ratings chart

Enrollment distribution

[İleri Seviye] Vue 3-Firebase 9 Kapsamlı Uygulama Geliştirme - Distribution chart
4733452
udemy ID
6/14/2022
course created date
7/10/2022
course indexed date
Bot
course submited by