Laravel 11 + Vue. js 3 + Sanctum: SPA CRUD with Auth

所在平台: Udemy

课程主页: https://www.udemy.com/course/authentication-with-laravel-sanctum-and-vue/

课程评论:没有评论

第一个写评论        关注课程

课程简介

**Coursera 课程总结:Laravel 11 + Vue.js 3 + Sanctum:SPA 身份验证与 CRUD 操作** 本课程将指导您一步步掌握全栈开发技能,重点在于如何使用 Vue.js 3 的 Composition API,从 Vue 前端安全地与 Laravel API 进行身份验证。课程内容涵盖了从基础到高级的各项技能,确保您能有效地保护您的应用程序。Vue.js 是 Laravel 社区中最受欢迎的 JavaScript 框架,而 Vue.js 3 结合 Composition API,为创建单页应用程序 (SPA) 提供了全新的方式。 **项目构建:** 1. **身份验证系统构建:** * 设置全新的 Laravel 项目,集成 Sanctum 和 Fortify,并进行详细配置。 * 通过 Vue 的 Composition API,实现与 Laravel API 的身份验证功能,构建一个简洁的认证模块。 * 在课程后半部分,将创建一个功能更丰富的入门项目,包含注册功能和路由保护中间件。 2. **核心技能学习:** * **Laravel 端:** * 学习正确配置 Laravel Sanctum,以便与前端 SPA 进行顺畅通信。 * 学习使用 API 资源 (API Resources) 来格式化数据。 * 学习使用 Factories 和 Seeders 填充模型数据,并了解它们的用途。 * 从零开始实现服务器端分页。 * **Vue.js 端:** * 学习如何正确配置 Vue 应用(结合 Axios)与 Laravel 后端进行通信。 * 使用 Vue Composition API 配置和实现身份验证。 * 构建一个简单有效的认证模块。 * 创建一个包含登录和注册等身份验证功能的精美入门项目。 * 学习 Vue.js 的 Watchers,并构建依赖性下拉菜单。 * 创建一个可重用的 Vue 组件来显示验证错误信息。 * 在 Vue.js 驱动的数据表中实现搜索功能。 * 在 Vue.js 驱动的数据表中实现筛选器功能。 * **中间件:** * 学习构建灵活的中间件管道 (Middleware Pipeline),在路由加载前执行多个中间件。 * 学习实现 `Authenticated` 和 `Guest` 中间件来保护相应的页面。 **目标受众:** 无论您是希望入门 API 身份验证的初学者,还是希望提升技能的经验开发者,本课程都能为您提供有价值的内容。加入我们,丰富您的开发工具箱!

课程评论(0条)

课程详情

Unlock the power of full-stack development with our step-by-step guide to authenticating with a Laravel API from a Vue front end using the Composition API. This course is designed to take you from the basics to advanced features, ensuring you understand how to secure your applications effectively.Vue.js is by far the most popular JavaScript framework in the Laravel community, and the newest Vue.js 3 version with the Composition API is a new way to create SPAs - Single Page Applications.Project's DescriptionBuilding an Authentication SystemWe'll start by setting up a fresh Laravel project with Sanctum and Fortify, configure everything step-by-step, and then we'll implement the ability to authenticate from Vue with a simple auth module - thanks to the flexibility of the Composition API.In the second half of the course, we'll create a beautiful starter kit with more features, including registration and middleware to protect routes.Section Highlights:Set up a fresh Laravel project with Sanctum and Fortify.Learn how to properly configure Laravel Sanctum to be able to easily communicate with a front-end SPALearn how to properly configure a Vue application (along with Axios) to communicate with a Laravel Backend.Configure and implement authentication using the Vue Composition API.Build a simple yet effective authentication module.Create a simple yet beautiful starter kit with authentication features like Login, and Registration.Learn how to build a flexible Middleware Pipeline to execute multiple Middlewares before a route is loadedLearn how to implement middlewares like Authenticated and Guest Middlewares to protect pages AccordinglyLearn how to use API Resources in Laravel to format the data accordinglyBuilding a Simple Student's Management SystemIn this section, we'll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Laravel, Sanctum, and Vue.js Stack and we will learn the following topics along the way:Learn about Watchers in Vue.js and Build dependent dropdowns in VueLearn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our ModelsLearn how to use a Re-usable Vue Component to display validation messages.Learn how to Implement Server Side Pagination from scratch.Learn how to Implement Search Functionality in a Vue.js Powered Data-table.Learn how to Implement filters in a Vue.js-powered data table.Whether you're a beginner looking to get started with API authentication or an experienced developer wanting to refine your skills, this course has something for you. Join us and enhance your development toolkit today!

课程标签

0人关注该课程

主题相关的课程