- Overview
- Transcript
1.1 Introduction
Hi, I'm Jeremy McPeak, and in this course I'll teach you the techniques you can use to enhance your existing Laravel apps with Vue.js. Let's get started!
1.Introduction2 lessons, 07:33
1.1Introduction01:39
1.2What You Need and App Overview05:54
2.Improving Forms7 lessons, 1:10:30
2.1A Vue.js Component Primer09:23
2.2Converting a Blade View Into a Vue.js Component14:37
2.3Writing Component Methods06:43
2.4Validating the Form08:48
2.5Improving Invalid Forms09:25
2.6Custom Validation13:48
2.7Finishing the Component07:46
3.Improving the User List2 lessons, 22:20
3.1Building a Better List14:34
3.2Implementing Pagination07:46
4.Conclusion1 lesson, 01:19
4.1Conclusion01:19
1.1 Introduction
So you've built a Laravel application and it's been up and running for a while and it works rather well. But you've decided that you want to enhance your user's experience by incorporate Vue.js into your application, but you're not quite sure how to do that. Hi, I'm Jeremy McPeak and in this course I will teach you the techniques that you can use to incorporate Vue.js into your applications. We're not going to revamp the entire application, but instead we'll focus on a few instances where it makes sense to use Vue.js. But of course the concepts and the techniques that you will learn can be applied anywhere. We'll start this journey with a crash course on Vue.js components. You'll learn the basics of a single file component and how to pass simple data to them. And then from there, we will convert a blade view into a Vue.js component. And you'll learn how to pass your Vues data to it so you don't have to completely refactor your controller. We'll then migrate some of our presentation logic into the component, in order to preserve our application's existing functionality. And then we will start improving the user's experience. We'll perform client side form validation. We'll add visual improvements, and we will even incorporate Ajax to provide the user with meaningful information without completely reloading the page. And by the end of this course, you will be comfortable with the concepts and techniques that you'll need to enhance your existing applications with Vue.js. So when you're ready, queue up the next video and we will get started.