Udemy-Laravel12&Vue3Mastery–BuildAPI&MonolithSPAs2024-9

Course content

Sections: 32

•

Activities: 1

•

Resources: 321

Announcements
001 Welcome to the course

001 Section Introduction DONT SKIP unless you have dev environment setup
002 Setting up Local Development on Windows Installing XAMPP
003 Setting up Local Development on Windows Install Composer Laravel Installer
004 Setting up Local Development on MacOs v12 Installing Herd
005 Setting up Local Development on Mac Install Homebrew PHP MySQL and Composer
006 Setting up Local Development on Mac Installing Valet
007 Alternative Local Development Environment Installing Laravel Sail
008 Other Tools to install

001 Creating new Laravel project
002 Model Migration Factories and Seeders
003 Creating our first API Endpoint
004 Working with Eloquent API Resource
005 Validating and Inserting Data
006 Updating Data
007 Deleting Data

001 Setting up Sanctum
002 SPA Authentication Signing users in
003 SPA Authentication Signing users out
004 SPA Authentication Registering users
005 Protecting routes
006 Using Sanctum for API Token Authentication
007 Linking users to other resources

001 Creating our first Policy
002 Authorizing actions

001 Setup Vue 3 project
002 Single File Component
003 Directives and Attribute bindings
004 Handling events
005 Two way bindings with v model
006 Working with methods
007 Style and Class bindings
008 Computed Properties
009 Watchers
010 Styling the Tags Input component
011 Component Communication with Props
012 Component Communication with emitting events

001 Composition API Introduction
002 Composition API Setup
003 Creating reactive reference with the ref function
004 Creating reactive object with the reactive function
005 Creating reactive reference from reactive object
006 Computed properties
007 Working with watch and watchEffect
008 Working with props
009 Emitting events
010 Lifecycle hooks
011 Composable functions
012 Using Composition API script setup

001 Creating new Vuejs 3 project
002 Setting up Axios for HTTP call
003 Displaying data in Vue js components
004 Using computed properties for displaying completed and uncompleted tasks
005 Toggling the completed tasks
006 Adding new component to insert data
007 Creating an Inline editing feature
008 Adding new feature in our Vue js app to update data
009 Populating input element when editing data
010 Adding new feature to mark the task as completed
011 Adding new feature to remove tasks

001 Setting up Pinia
002 Defining Stores
003 Defining Getters
004 Defining Actions
005 Refactoring our Stores Using Setup stores
006 Refactoring our components

001 Setting up Vue Router
002 Route Navigation
003 Programmatic navigations
004 Styling the current active link
005 Handling 404 error
006 Navigation Guards
007 Route meta fields
008 Transitions

001 Storing Axios Base URL in environment variables
002 Setting up Client Authentication
003 Creating a Pinia store for authentication
004 Building Login form
005 Authentication redirection
006 Logging users out
007 Replacing the login button with a Dropdown
008 Handling validation error messages
009 Adding a Register form

001 Setting up our Server
002 Creating a new user in our server
003 Upgrading PHP Version
004 Setting up Nginx
005 Setting up MySQL Database
006 Setting up SSH
007 Deploying Laravel app
008 Pushing new changes
009 Adding Domain and SSL to our Server
010 Final Steps

001 Setting up our Server
002 Setting up Nodejs
003 Setting up Nginx with SSL
004 Deploying Vue js app

001 Adding Summaries endpoint
002 Filtering Task summaries
003 Refactoring Database Seeder Testing
004 Consuming summaries endpoint in Vue js app
005 Creating base Summary filter component
006 Adding additional options to the SummaryFilter component
007 Highlighting active filter item
008 Reacting to Summary filter change

001 Adding priorities to the tasks
002 Sorting the tasks by priorities name and time

001 Setting up new Laravel Project
002 Working with Models and Migrations
003 Working with Model Facotires
004 Creating first Vue js component
005 Working with Eloquent API Resource
006 Creating a Form component to insert data
007 Saving data
008 Validating the incoming requests
009 Working with Accessors and Muttators
010 Showing the detail of a resource
011 Editing existing resources
012 Refactoring our components
013 Deleting resources

001 Creating Toast component
002 Iintroduction to pagination in Laravel
003 Creating Pagination component
004 Adding Searching functionality
005 Creating Sortable component
006 Dynamic navigation
007 Handling the sorting process in the backend

001 Adding checkboxes in our table
002 Adding ability to check or uncheck all checboxes
003 Handling bulk deletion
004 Adding a Form modal for bulk update
005 Loading selected products and displaying categories
006 Handling the bulk update on the backend

001 Project Overview
002 Creating basic sorting functionality
003 Styling the sortable columns
004 Refactoring
005 Implementing sortable column to product name category
006 Fixing sortable column indicator issue
007 Adding basic searching functionality
008 Realtime searching
009 Another approach in presenting search results
010 Adding Pagination
011 Adding Form Modal
012 Getting list of categories
013 Updating existing data
014 Deleting data

002 Routing
003 Request Response
004 Views
005 Working with Artisan CLI Tinker
006 Setting up our Database connection
007 Database Migration
008 Working with Foreign key column
009 Populating database table with Seeder
010 Working with Faker Library
011 Eloquent
012 Eloquent Relationship
013 Eloquent Relationship Inserting Related Models
014 Model Factories
015 API Resources
016 Controllers
017 Validation
019 Upgrading our Laravel app to the newest version v8

002 Fetching all products
003 Fetching categories
004 Saving new product
007 Implementing HTML 5 history API

003 Project Setup
004 Designing Question Schema Part 1 of 2
005 Designing Question Schema Part 2 of 2
006 Generating Fake data via Model Factories Part 1 of 2
007 Generating Fake data via Model Factories Part 2 of 2
008 Displaying all questions
009 Adding Author info and Question creation date on Question item Part 1 of 2
010 Adding Author info and Question creation date on Question item Part 2 of 2
011 Adding votes answers and views counter on Question item Part 1 of 2
012 Adding votes answers and views counter on Question item Part 2 of 2
013 Buiding Question Form Part 1 of 2
014 Buiding Question Form Part 2 of 2
015 Validating and Saving the Question Part 1 of 2
016 Validating and Saving the Question Part 2 of 2
017 Updating The Question Part 1 of 2
018 Updating The Question Part 2 of 2
019 Deleting The Question
020 Showing The Question detail
021 Authorizing The Question Using Gates
022 Authorizing The Question Using Policies

001 Designing Answer Schema
002 Generating Fake Answers Part 1 of 2
003 Generating Fake Answers Part 2 of 2
004 Displaying answers for question
005 Adding Vote Controls on Question and Answer Part 1 of 3
006 Adding Vote Controls on Question and Answer Part 2 of 3
007 Adding Vote Controls on Question and Answer Part 3 of 3
008 Saving The Answer Part 1 of 3
009 Saving The Answer Part 2 of 3
010 Saving The Answer Part 3 of 3
011 Updating The Answer Part 1 of 2
012 Updating The Answer Part 2 of 2
013 Deleting The Answer Part 1 of 3
014 Deleting The Answer Part 2 of 3
015 Deleting The Answer Part 3 of 3

001 Accepting the answer as best answer Part 1 of 2
002 Accepting the answer as best answer Part 2 of 2
003 Favoriting The Question Part 1 of 4
004 Favoriting The Question Part 2 of 4
005 Favoriting The Question Part 3 of 4
006 Favoriting The Question Part 4 of 4
007 Voting The Question Answer Part 1 of 6
008 Voting The Question Answer Part 2 of 6
009 Voting The Question Answer Part 3 of 6
010 Voting The Question Answer Part 4 of 6
011 Voting The Question Answer Part 5 of 6
012 Voting The Question Answer Part 6 of 6

001 Refactoring The Models
002 Refactoring The Views Part 1 of 2
003 Refactoring The Views Part 2 of 2
004 Preventing The Application from XSS Attack Part 1 of 2
005 Preventing The Application from XSS Attack Part 2 of 2
006 Miscellaneous
007 Tidying up our views

001 Creating our first Vuejs Component Part 1 of 2 Building The Component
002 Creating our first Vuejs Component Part 2 of 2 Using The Component
003 Creating Vue Answer Component Part 1 of 5 Using Vuejs Inline Template
004 Creating Vue Answer Component Part 2 of 5 Ajaxifying The Edit button
005 Creating Vue Answer Component Part 3 of 5 Build Answer Inline Form
006 Creating Vue Answer Component Part 4 of 5 Undoing changes
007 Creating Vue Answer Component Part 5 of 5 Validation
008 Ajaxifying the Delete answer button
009 Beautifying The Flash Confirm messages
010 Creating Favorite Component Part 1 of 3 From button to Vuejs Component
011 Creating Favorite Component Part 2 of 3 Event Handler
012 Creating Favorite Component Part 3 of 3 Authenticating the button
013 Creating Accept Answer Component Part 1 of 2 from button into Vue component
014 Creating Accept Answer Component Part 2 of 2 event handler
015 Rewriting The Authorization Logic Part 1 of 2 Core authorization
016 Rewriting The Authorization Logic Part 2 of 2 Refactoring
017 Creating Vote Component Part 1 of 3 From blade to Vue Component
018 Creating Vote Component Part 2 of 3 Event Handling
019 Creating Vote Component Part 3 of 3 Fixing issues
020 Creating Vue Answers Component
021 Building Load more answers Feature Part 1 of 2
022 Building Load more answers Feature Part 2 of 2
023 Implementing Vuejs Custom Events
024 Implementing Global Event Bus
025 Creating New Answer Component Part 1 of 2 From blade to Vuejs component
026 Creating New Answer Component Part 2 of 2 Event Handling
027 Creating Question Component Part 1 of 3 from blade to vuejs component
028 Creating Question Component Part 2 of 3 Build inline Form
029 Creating Question Component Part 3 of 3 Misc
030 Working With Vuejs Mixins

001 Section Intro
002 Composing Editor Component
003 Enable Markdown Preview
004 Autosizing The Editor
005 Syntax Highlight Integration
006 Fixing Syntax Highlight issue on the first load
007 Fixing Syntax Highlight issue when cancel editing
008 Creating Highlight Mixin
009 Integrating Markdown Editor in Answer Component
010 Integrating Markdown Editor in New Answer Component
011 Fixing Syntax Highlight issue after new answer added
012 Fixing Syntax Highlight in Answers Component

001 Installing Laravel Passport
002 Requesting a Passport Token
003 Creating API Endpoint for displaying all questions
004 Transforming Data using Eloquent API Resources
008 Creating Answer Endpoints
011 Current Users Posts Endpoint

001 Updating npm packages
002 Getting started with SPA Setting up Backend Route Fallback
003 Getting started with SPA Installing and configuring Vue Router
004 Getting started with SPA Using Vue router RouterLink component
005 Getting started with SPA Vue Router Navigation Guards
006 Getting started with SPA Handling 404 error page
007 The QuestionsPage Component Setting up API baseURL
008 The QuestionsPage Component Building User Interface
009 The QuestionsPage Component Consuming API Endpoint
010 The QuestionsPage Component Fixing Authorization issue
012 Creating Question Form Component From Blade file to Vuejs component
013 Creating Question Form Component Handling Form Data
016 The Question Page Component Showing question details
017 The Question Page Component Displaying related answers
021 Displaying current users post Building User Interface
022 Displaying current users post Consuming Backend API
023 Polishing up our app Adding Transition effect
024 Polishing up our app Adding AJAX Spinner on All questions page
025 Polishing up our app Using Axios interceptor to control the Spinner globally

001 Introduction
002 Upgrading to Laravel 57 Update Dependencies Core Application
003 Upgrading to Laravel 57 Syncing Applications structure
004 Upgrading to Laravel 57 Testing
005 Upgrading to Laravel 58 Update Dependencies Core Application
006 Upgrading to Laravel 58 Syncing Applications structure
007 Upgrading to Laravel 58 Testing
009 Upgrading to Laravel 60

001 Introducing Heroku
002 Creating Heroku App
003 Creating a Database
004 Setting Heroku Config Variables
005 Fixing Insecure Assets Error

001 Intro to Vuejs
002 Setup Vuejs locally
003 List Rendering Part 1 of 3
004 List Rendering Part 2 of 3
005 List Rendering Part 3 of 3
006 Conditional Rendering Part 1 of 3
007 Conditional Rendering Part 2 of 3
008 Conditional Rendering Part 3 of 3
009 Event Handling Part 1 of 4
010 Event Handling Part 2 of 4
011 Event Handling Part 3 of 4
012 Event Handling Part 4 of 4
013 Class Binding Part 1 of 2
014 Class Binding Part 2 of 2
015 Style Binding Part 1 of 2
016 Style Binding Part 2 of 2
017 Computed Property Part 1 of 3
018 Computed Property Part 2 of 3
019 Computed Property Part 3 of 3

Enrolment options

Udemy - Laravel 12 & Vue 3 Mastery – Build API & Monolith SPAs 2024-9

Course modified date: 20 Aug 2025

Udemy - Laravel 12 & Vue 3 Mastery – Build API & Monolith SPAs 2024-9

Enrolled students: There are no students enrolled in this course.

Guests cannot access this course. Please log in.

Udemy - Laravel 12 & Vue 3 Mastery – Build API & Monolith SPAs 2024-9

About the course

Course content

Instructors

Enrolment options

Udemy - Laravel 12 & Vue 3 Mastery – Build API & Monolith SPAs 2024-9

This course includes

Share this course