Laravel API Development & Vue JS SPA from Scratch

Learn how to develop a robust API with Laravel and a Single-Page Application in Vue JS from Scratch

  • Victor Gonzalez
  • 3.67
  • (858 reviews)
  • 5.5 hrs
  • 49 lectures
  • Udemy
Laravel API Development & Vue JS SPA from Scratch

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

Your trainer

Victor Gonzalez

Victor is a Senior Web Developer with over 10 years of professional experience building web applications. He specializes in PHP / Vue JS and has held senior roles in web development, as well as marketing positions. Always one to dig deeper and polish from every angle, Victor's teaching style reflects his deep understanding of modern web development topics. His ability to breakdown complex topics into bite-size lectures that are easy to understand and follow, is one of the many things that makes him such a successful instructor.

Victor studied Music Performance and Computer Science at the University of Miami, where he followed a traditional curriculum of Mathematics and Programming topics in C and Java. Throughout the years, Victor has contributed to many open source projects including the Laravel framework and is the primary instructor at Coder's Tape, free YouTube channel dedicated to teaching modern web development.

49 lessons

Easy to follow lectures and videos covering subject details.

5.5 hours

This course includes hours of video material. Watch on-demand, anytime, anywhere.

Certificate of Completion

You will earn a Certificate of Completion at the end of this course.

Course curriculum

Introduction01:44

  • Introduction01:44

  • App Screenshots00:26
  • SVG Icons00:21
  • Course Source Code00:18

  • Initial Project Setup04:55
  • Laravel Routing & Vue Routing10:09

  • Introduction03:30
  • API Setup & Basic Contacts Test11:23
  • Basic Validation07:25
  • Test Cleanup & Refactor08:19
  • Email & Date Fields07:33
  • Fetching a Single Contact05:41
  • Patching a Contact07:59
  • Deleting a Contact03:11

  • Introduction & API Tokens10:00
  • Contacts Belong to Users06:37
  • Fixing Broken Tests Part 109:22
  • Fixing Broken Tests Part 205:51
  • Refactoring to a Contact Policy06:56
  • Refactoring to a Contact Resource11:21
  • HTTP Responses Part 109:59
  • HTTP Responses Part 206:30

  • Tailwindcss Setup04:40
  • Login View - Part 109:46
  • Login View - Part 208:37
  • Login View - Part 308:00
  • MySQL Setup & User Registration08:03
  • App Design - Part 108:37
  • App Design - Part 207:12
  • App Design - Part 310:04

  • Create Contacts Design10:38
  • Reusable Input Vue Component07:08
  • Submitting the Form08:11
  • Handling Validation Errors11:30
  • [BONUS] Refactoring to Computed Property01:28

  • Fetching a Single Contact06:30
  • Show View Design07:20
  • User Circle Component05:01
  • Redirecting After Create04:52
  • Deleting a Contact11:06
  • Update a Contact05:59
  • Listing all Contacts07:42

  • Birthdays Test08:32
  • Refactoring to a ContactsList Component & Birthday view04:16
  • Searching Feature - Part 105:58
  • Searching Feature - Part 209:52
  • Searching Feature - Part 310:27

  • Document Titles04:49
  • Logout Sequence02:39
Enroll now
Online Courses

Learning Laravel doesn't have to be hard. Here is our curated list of recommended online courses that will guide you step-by-step in the learning process.

Learn more
Books

Are you an avid book reader? Do you prefer paperback, or maybe Kindle version? Take a look at our curated list of Laravel related books and take yourskills to the next level.

Learn more
YouTube videos

The number of high-quality and free Laravel video tutorials is growing fast. Check this curated list of recommended videos - there is no excuse to stop learning.

Learn more