|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vue-3-firebase-9-tailwind-css-ile-uygulama-gelistirme/
课程评论：没有评论
**课程名称：** Vue 3 - Firebase 9 - Tailwind CSS ile Uygulama Geliştirme **课程概述：** 本课程旨在通过开发一款加密货币追踪应用，教授 Vue 3、Firebase 9、Tailwind CSS 和 Pinia。课程内容侧重于实践，不包含基础知识，因此要求学员具备现代 JavaScript 和 Vue 的基础。 **课程内容亮点：** * **Vue 3 实战开发：** 从创建 Vue 3 项目开始，利用 Router 构建页面和组件。 * **数据抓取与处理：** 使用加密货币 API 和 Axios 包获取和处理数据。 * **动画效果：** 运用 Vue 的 `Transition` 组件和 GSAP 库为页面和组件添加丰富的动画效果。 * **Tailwind CSS 应用：** 利用 Tailwind CSS 创建 Skeleton 动画，提升用户等待体验。 * **Pinia 状态管理：** 学习使用 Pinia 进行集中式状态管理，创建全局 state 和 actions，并在组件中进行访问。 * **Firebase 集成：** * **用户认证：** 实现用户登录功能，支持 Google Sign-In，并利用 state 管理用户信息。 * **数据持久化：** 使用 Firebase Firestore 存储和管理数据，包括数据保存、访问和删除操作，并与 state 结合使用。 **适用人群：** 具备现代 JavaScript 和 Vue 基础，希望通过实际项目学习 Vue 3、Firebase、Tailwind CSS 和 Pinia 的开发者。
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.
