HOME > Development > Laravel API Development Vue JS SPA from Scratch

Laravel API Development Vue JS SPA from Scratch

  • Development
  • Mar 27, 2025
SynopsisLaravel API Development & Vue JS SPA from Scratch, availa...
Laravel API Development Vue JS SPA from Scratch  No.1

Laravel API Development & Vue JS SPA from Scratch, available at $49.99, has an average rating of 4.8, with 49 lectures, based on 870 reviews, and has 3485 subscribers.

You will learn about RESTful API Development with Laravel Vue JS Single Page Application Methodology Front-End Design Using Tailwind CSS Implementing Search Functionality Using Laravel Scout Build a Complete SPA from Scratch This course is ideal for individuals who are Web developers wanting to build robust APIs or Web developers wanting to level up their modern JavaScript knowledge or Web developers wanting to level up their knowledge of the Laravel framework It is particularly useful for Web developers wanting to build robust APIs or Web developers wanting to level up their modern JavaScript knowledge or Web developers wanting to level up their knowledge of the Laravel framework.

Enroll now: Laravel API Development & Vue JS SPA from Scratch

Summary

Title: Laravel API Development & Vue JS SPA from Scratch

Price: $49.99

Average Rating: 4.8

Number of Lectures: 49

Number of Published Lectures: 49

Number of Curriculum Items: 49

Number of Published Curriculum Objects: 49

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

  • RESTful API Development with Laravel
  • Vue JS Single Page Application Methodology
  • Front-End Design Using Tailwind CSS
  • Implementing Search Functionality Using Laravel Scout
  • Build a Complete SPA from Scratch
  • Who Should Attend

  • Web developers wanting to build robust APIs
  • Web developers wanting to level up their modern JavaScript knowledge
  • Web developers wanting to level up their knowledge of the Laravel framework
  • Target Audiences

  • Web developers wanting to build robust APIs
  • Web developers wanting to level up their modern JavaScript knowledge
  • Web developers wanting to level up their knowledge of the Laravel framework
  • Developing Single-Page Applications requires a special set of skills. In this course, we will be learning how to develop the required API to power a simple address book project named Jot. Jot will be a SPA written in Vue JS using the TailwindCSS front-end framework. By the end of this course, Jot will be able to create, view, edit and delete contacts. We’ll also implement search functionality using Laravel Scout, a free first-party package for Laravel for simple searchable models.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Chapter 2: Exercise Files – Downloadable Content

    Lecture 1: App Screenshots

    Lecture 2: SVG Icons

    Lecture 3: Course Source Code

    Chapter 3: Installation & Project Setup

    Lecture 1: Initial Project Setup

    Lecture 2: Laravel Routing & Vue Routing

    Chapter 4: Introduction to API Development

    Lecture 1: Introduction

    Lecture 2: API Setup & Basic Contacts Test

    Lecture 3: Basic Validation

    Lecture 4: Test Cleanup & Refactor

    Lecture 5: Email & Date Fields

    Lecture 6: Fetching a Single Contact

    Lecture 7: Patching a Contact

    Lecture 8: Deleting a Contact

    Chapter 5: Refining The API

    Lecture 1: Introduction & API Tokens

    Lecture 2: Contacts Belong to Users

    Lecture 3: Fixing Broken Tests Part 1

    Lecture 4: Fixing Broken Tests Part 2

    Lecture 5: Refactoring to a Contact Policy

    Lecture 6: Refactoring to a Contact Resource

    Lecture 7: HTTP Responses Part 1

    Lecture 8: HTTP Responses Part 2

    Chapter 6: User Authentication & Login View Design

    Lecture 1: Tailwindcss Setup

    Lecture 2: Login View – Part 1

    Lecture 3: Login View – Part 2

    Lecture 4: Login View – Part 3

    Lecture 5: MySQL Setup & User Registration

    Lecture 6: App Design – Part 1

    Lecture 7: App Design – Part 2

    Lecture 8: App Design – Part 3

    Chapter 7: Views for Contacts – Part 1

    Lecture 1: Create Contacts Design

    Lecture 2: Reusable Input Vue Component

    Lecture 3: Submitting the Form

    Lecture 4: Handling Validation Errors

    Lecture 5: [BONUS] Refactoring to Computed Property

    Chapter 8: Views for Contacts – Part 2

    Lecture 1: Fetching a Single Contact

    Lecture 2: Show View Design

    Lecture 3: User Circle Component

    Lecture 4: Redirecting After Create

    Lecture 5: Deleting a Contact

    Lecture 6: Update a Contact

    Lecture 7: Listing all Contacts

    Chapter 9: Birthdays View & Contact Searching

    Lecture 1: Birthdays Test

    Lecture 2: Refactoring to a ContactsList Component & Birthday view

    Lecture 3: Searching Feature – Part 1

    Lecture 4: Searching Feature – Part 2

    Lecture 5: Searching Feature – Part 3

    Chapter 10: The Finishing Touches

    Lecture 1: Document Titles

    Lecture 2: Logout Sequence

    Instructors

  • Laravel API Development Vue JS SPA from Scratch  No.2
    Victor Gonzalez
    Senior Web Developer
  • Rating Distribution

  • 1 stars: 22 votes
  • 2 stars: 15 votes
  • 3 stars: 58 votes
  • 4 stars: 231 votes
  • 5 stars: 544 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!