|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vue-3-using-composition-api-tailwind-css-and-firebase/
课程评论：没有评论
课程名称：使用组合 API、Tailwind CSS 和 Firebase 的 Vue 3 课程概述：本课程旨在帮助具备基本 HTML、CSS 和 JavaScript 知识的学员掌握 Vue.js 框架。课程从基本理论概念开始，比如三层架构、单页应用和服务器端渲染。接下来，学员将学习如何安装 Node.js、npm 和 Vue CLI，并使用 Vue CLI 创建项目。课程会详细讲解 Vue 的基本知识，从项目结构、Vue 代码工作原理到创建 Vue 3 应用所需的所有特性和属性，每个概念都用简单易懂的语言进行解释。 课程的下一部分将重点放在编码实践上。首先，学员将学习如何在 Vue 3 中安装 Tailwind CSS 并使用 JIT 模式，然后创建 Firebase 项目，最后通过编写代码实现一个具有完整 Firebase 身份验证系统的应用。本课程由一位拥有六年多企业级网页应用开发经验的讲师授课，课程中将融入其丰富的学习和经验，助力学员开发自己的作品集或梦想项目。 课程中的应用是出于教育目的，旨在以道德的方式使用。学员将创建一个 Vue 3 应用，通过 IP 地址进行 API 调用获取该 IP 的详细信息，并利用 Google Maps API 在地图上标出该位置。课程将指导学员如何在 AWS Amplify 上部署该应用，并通过 GitHub 进行版本控制。应用开发过程将逐行解释代码，使用 Firebase Auth API 实现用户登录、登出和注册，同时在路由中设置导航守卫，确保只有经过身份验证的用户才能使用我们的 IP 应用。用户信息存储在 Vuex 中，并在页面刷新时保持状态。 课程的掌握时间因人而异，但如果学员认真学习本课程，至少能够在各种项目中自如地使用 Vue。当然，课后练习是必要的，但本课程将为学员提供清晰的方向和对 Vue 3 及组合 API 的理解。 课程免责声明：本课程中提供的信息出于良好的信念，并仅用于一般信息目的。课程内容基于个人的学习经验，并参考了在线资源及 Vue 3、Firebase、Tailwind CSS 的官方文档。然而，课程未对信息的完整性、可靠性和准确性进行任何担保。学员使用本课程（使用组合 API、Tailwind CSS 和 Firebase 的 Vue 3）中找到的信息所采取的任何行动，均由学员自行承担风险。对于因使用本课程而造成的任何损失和/或损害，讲师不承担任何责任。Aditya
This course is structured in such a way that someone with a basic understanding of HTML, CSS and JavaScript could master the Vue.js framework.The course begins with basic theoretical concepts like 3 tier architecture, Single Page Application, Server Side rendering.Then the next section is about installing Node.js, npm and Vue CLI and creating a project using Vue CLI.Then the next section covers all the basics of Vue right from project structure, how Vue code works to all the features and properties required to create a Vue 3 application. Each concept is explained well and in as simple words as possible.Then the next section is all about the action of coding. First, we will see how to install Tailwind CSS and use it in Vue 3 with JIT mode, then how to create a Firebase project and lastly it is all about coding an app with a proper firebase authentication system. I have been coding web applications for various sizes of companies for 6+ years. I will be putting in all my experience and learning to create this app so that you could also use it to develop your next portfolio or your dream project. Please note that this app is developed completely client-side using serverless logic of Firebase and APIs. However, you could use the same client-side logic and substitute Firebase APIs with your own APIs as per your API logic.About the AppThis is app is for educational purposes and is meant to be used ethically.We will be creating a Vue 3 app that will take an IP address and will make an API call to get the details of that IP address. Using Google Maps API we will then plot the location of that IP on the map.We will be then deploying this app on AWS Amplify using Github.This app is developed with line by line code explanation. We will be login in, login out and registering the user using Firebase Auth API and will also put a navigation guard on the route so that only authenticated users could use our IP app. We are storing user details in Vuex and hydrating the store on page refresh.The mastery time for this course depends from person to person but if you take and study this course properly then you could at least use Vue comfortably for any projects. Of course, some practice will be required from your side but this course will give a clear direction and understanding of Vue 3 and composition API.Disclaimer for the courseAll the information provided in this course is published in good faith and for general information purpose only. The course is created by using personal learnings and experience additionally referring to online resources, official documentation of Vue 3, Firebase, Tailwind CSS.However, I do not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find in this course (Vue 3 using Composition API, Tailwind CSS and Firebase), is strictly at your own risk. I will not be liable for any losses and/or damages in connection with the use of this course. Aditya:)
