Vue 3 - Firebase 9 - Tailwind CSS ile Uygulama Geliştirme
Vue 3 - Firebase 9 - Tailwind CSS ve Pinia ile Kripto Takip Uygulaması Geliştirme Eğitimi
Description
Bu kursumuz ile birlikte Vue 3 - Firebase 9 - Tailwind CSS ve Pinia ile Kripto Takip Uygulaması geliştiriyoruz.
Vue 3, Firebase, Tailwind ve Pinia konularını kripto takip uygulaması ile öğreniyoruz. Kursumuz uygulama geliştirerek konuları öğretmeyi amaçladığı için temel konuları barındırmamaktadır. O yüzden kursa başlamadan önce Modern Javascript ve Vue konularının temeline hakim olmanız gerekmektedir.
Kursumuza Vue 3 ile proje geliştirerek başlıyoruz ve Router yapısını kullanarak sayfalarımız ile componentlerimizi oluşturuyoruz. Veri kaynağı olarak kripto api kullanıyoruz ve axios paketlerinden yararlanıyoruz.
Sayfalamızı ve componentlerimizi oluşturduktan sonra kullanıcıyı daha iyi bir deneyim sunmak için animasyon işlemlerine geçiyoruz. Transition elementini kullanarak elementlere animasyon verdiğimiz gibi GSAP kullanarak da animasyonlarımızı oluşturuyoruz. Ayrıca Tailwind CSS den yararlanarak Skeleton oluşturuyoruz böylece bekleme işlemleri daha şık hale geliyor.
Buraya kadar verilerimizi saklamak için Local Storage kullanıyoruz ve buradan sonra merkezi olarak verilerimize erişmek için Pinia Durum Yönetimi işlemlerine başlıyoruz. Global olarak state ve actionlar oluşturuyoruz ve componentlerden state ve actionlara erişme işlemlerini gerçekleştiriyoruz.
Son olarak Firebase işlemlerine başlıyoruz. İlk olarak kullanıcı girişini oluşturuyoruz ve Google Sign In kullanıyoruz oluşan kullanıcı bilgilerini state ile yönetiyoruz. Kullanıcıyı kullanarak uygulamamızı kullanıcıya özgü çalıştırıyoruz.
Kullanıcı işlemlerinden sonra verilerimizi saklamak için Firebase Firestore kullanıyoruz. Veri kaydetme verilere erişim ve veri silme işlemlerini state kullanarak gerçekleştiriyoruz.
What You Will Learn!
- Vue 3 ile proje geliştirebilecekler
- Vue 3 ile GSAP kullanabilecekler
- Vue projelerinde Pinia kullanabilecekler
- Vue Porjelerinde Firebase kullanabilecekler
- Vue projelerinde Tailwind CSS kullanabilecekler
Who Should Attend!
- Vue ile proje geliştirmek isteyenler
- Vue projelerinde Tailwind Css kullanmak isteyenler
- Vue projelerinde Pinia kullanmak isteyenler
- Vue projelerinde Firebase ile Authentication ve Veritabanı işlemlerini gerçekleştirmek isteyenler