- Overview
- Transcript
1.1 Introduction
Hi! I'm Jeremy McPeak, and I invite you to build a single-page application with me. It's a simple ticket system written with Laravel and Vue.js, and we'll start completely from scratch.
1.Introduction1 lesson, 01:24
1.1Introduction01:24
2.The Application's Front-End8 lessons, 1:06:02
2.1Getting Started07:59
2.2Designing the Ticket Table and Model07:08
2.3Creating the Ticket Submission Component08:53
2.4Saving Tickets06:48
2.5Validating the Form With VeeValidate07:36
2.6Adding Layout and Navigation08:11
2.7Programmatically Navigating to a Component08:09
2.8Viewing Tickets11:18
3.Ticket Administration6 lessons, 56:09
3.1Reorganizing the Code08:38
3.2Authorizing Access to the UI07:29
3.3Authenticating Users at the Server12:52
3.4Displaying the List of Tickets07:41
3.5Viewing the Ticket for Editing07:46
3.6Displaying More Dynamic Data11:43
4.Conclusion1 lesson, 01:13
4.1Conclusion01:13
1.1 Introduction
So, you want to write a single page application and frankly, I can't blame you. SPAs are all the rage because they give users an experience that is very similar to conventional desktop applications. Building a SPA can be very daunting, but if you are a Laravel developer, well, you have everything you need to build a single page application. Hi, I'm Jeremy McPeak and I invite you to build a single page application with me. It's a simple ticket system written with Laravel and Vue.js. And we'll start completely from scratch. We'll start with the front end of the application. We'll build a ticket submission system that will allow people to submit and view support tickets. We'll build it step-by-step, focusing on one piece of the puzzle at a time. You'll learn how to write components that interact with the restful API, as well as how to use view router to navigate between different components. From there, we'll focus on the admin portal. We'll incorporate user authentication, so that only authenticated users can access not just the restful API, but the user interface running in the browser. And once again, we'll take it step-by-step, focusing on one piece at a time. Now we have a lot ground to cover, so when you're ready, queue up the next video and we will get started.