Master Laravel With Vue JS

Learn the basics of Laravel from scratch, understand why it is a PHP framework, and explore the MVC structure with models, views (blades), and controllers, plus the Blade templating engine.

Customize the sidebar with department and user links, declare routes that name and return views, and connect them to management/departments/index blade and management/users/index blade.

Learn how to create and use controllers in Laravel, assign routes to controller methods like dashboard, and organize code with department and user controllers returning views.

Learn migration basics, create migrations with PHP artisan make:migration, define table schemas like users and departments, and run migrations with PHP artisan migrate to build database tables.

Create and manage database models in a Laravel project using artisan make:model, explore users and departments models, and apply migrations and CRUD operations to linked tables.

Implement create functionality for departments by building a blade form with CSRF, posting to a store route, saving name and director_id via Department model, then redirecting to index.

Learn the basics of validation in the Laravel framework by validating form data in the store function. Get hands-on with enforcing required fields and displaying error messages in blade templates.

Fix Bootstrap 5 compatibility in a Laravel with Vue.js project by updating dropdowns, icons, and assets, adjusting template for Bootstrap 5, and correcting logo, images, and webpack mix source maps.

Learn to create and register Vue.js components, import them into the app, and render them in Laravel Blade views to display department data.

Understand the Vue.js mounted hook, the primary lifecycle hook run when a component is added to the dom, typically used to fetch data, with a practical console log demo.

Implement a Vue.js edit workflow for departments: add an edit button, populate a modal with department data, toggle create/update modes, and call Laravel's update route with the department ID.

Understand authentication and its role in security and privacy. Explore Laravel browser-based authentication via Breeze, Fortify, and Jetstream, and API authentication via Passport and Sanctum.

Master Laravel with Vue.js guides building login and register features using Fortify, validating inputs, handling routes, and redirecting to a dashboard with logout and forgot password workflows.

Master Laravel with Vue.js teaches implementing forgot password functionality using Mailtrap SMTP, Fortify setup, and forgot and reset password blades, including token handling and email flow.

Install and configure Laravel Passport to secure API routes and authenticate API requests with tokens, migrate fresh tables, generate keys, configure guards and routes, and apply API middleware.

Install Laratrust for Laravel 9.6, publish config, run setup and migrations, configure role and permission models, add the user trait, and seed initial users.

Implement the delete user feature in a Laravel with Vue.js app by wiring the delete button to a delete action, detaching roles and permissions, and updating the database.

Declare profile index and profile update routes, build a profile controller and blade view, and implement a read/update form with validation and session feedback for the logged-in user.

Explore two pagination approaches in this introduction: a level-based method and a Laravel with Vue.js implementation, and preview the next steps to build pagination in Laravel.

Implement a user-friendly delete workflow with a confirmation dialog for departments and users in a Laravel with Vue JS app, including API-based deletion and toast feedback.

Build a user-friendly delete workflow for roles and permissions in Laravel with a reusable Bootstrap modal blade, passing per-row data and showing a success notification.

Develop task tracking in a Laravel and Vue.js app by building an admin panel with task assignment, subtasks, completion, real-time notifications, and a commenting system across roles.

Build a Laravel task model, migration, and controller with one artisan command, creating a tasks table with fields like user_id, parent_id, department_id, performed_by, title, description, start_date, end_date, progress, and status.

Learn to implement many-to-many relationships between tasks and users with a pivot table in Laravel, including task_id and user_id columns and belongs to many model relations.

Carry out the update task flow by wiring the store action update task to the api route with the task id, and get the tasks to refresh the list.

Implement delete task functionality with a sweet alert confirmation, call the delete task API route, detach users, and return a success message.

Develop and view task results for both assigner and performer by implementing a shared task information component, updating the model and interface to show performed by, progress, and file attachments.

Explore how to reuse a single component for inbox and completed tasks, display status based on progress, and optimize data updates and pagination in a Laravel and Vue JS app.

Discover how to implement subtasks in Laravel with a hasMany relationship to a parent task, fetch subtasks with inbox tasks, and display them in a Vue-driven Bootstrap accordion.

Develop a practical Laravel with Vue.js tasks search across tasks, inbox, and completed views by title, priority, dates, and assigned users, with API routes and controllers.

Implement a Laravel comments feature by creating a Comment model, migration, and controller, defining fillable fields (user_id, task_id, comment), and establishing belongsTo and hasMany relationships with users and tasks.

Learn to implement create comments in a Laravel with Vue.js app by setting permissions, building a reusable comments component, and wiring a store comment API with validation.

Add a trash button and deleteComment function with a sweet alert to delete comments. Hook up the api route, axios call, and controller method to remove them.

Learn to implement a reusable comments feature for inbox and completed tasks by importing components, wiring the comments getter, and ensuring add, update, and delete work across views.

Explore implementing a notifications feature in a Laravel with Vue JS project, sending alerts when tasks are created or completed and when comments are submitted.

Fetch all notifications (read and unread), show them in a modal, and implement a get all notifications workflow with Vuex state, getters, and an API route in Laravel.

Learn to implement a clear all notifications feature in a Laravel and Vue.js app, including a confirm dialog, an API route, and refreshing the notification list.

Implement a comments notification feature in a Laravel with Vue JS project. Notify task creator and assigned users when a new comment is submitted, with logic to exclude the commenter.

Learn to queue email notifications in Laravel by using a jobs table and database queue, run the queue worker, and configure real smtp settings via the env file.