Laravel and Vue.js: Learn By Coding

laravue-cover-small.jpgBoth Laravel and Vue.js are great at what they do, but it can be difficult to learn how to use them both together to create great web apps. This book is meant to help you.

We start by showing you the basics of Vue.js, and then show you how to use both together as we build a sample app.

You can buy the book at Amazon.

Table of Contents

  • 1. Introduction
  • 2. Vue.js Basics
  • 3. Conditionals and Loops
  • 4. Vue.js Forms
  • 5. Components
  • 6. Homestead
  • 7. Laravel Setup
  • 8. Purchases Component
  • 9. Purchases Table
  • 10. Database Setup
  • 11. Create Form
  • 12. Edit Form
  • 13. Deleting Purchases
  • 14. Paging
  • 15. Conclusion

Introduction

This book shows you how to use the Laravel PHP Framework and the Vue.js JavaScript framework to make a web app. To follow it, you do need to know the basics of PHP and JavaScript. If you don't know them, you should read my PHP and JavaScript books first: http://www.webapppath.com/books.

It'll also help if you're familiar with Laravel. If you want to learn more about the Laravel framework, read my book: Laravel: Learn By Coding. You can buy it here: https://www.amazon.com/dp/B0775K3VK7. It'll show you how to use the framework, as well as set up a development environment and IDE.

I recommended NetBeans as an IDE in that book, which is a great IDE. But I have switched to Sublime Text 3, which seems to work better for Laravel and Vue.js. It's up to you, though, which IDE you want to use. I use several, depending on what I'm working on.

I'm going to introduce you to Vue.js in the early chapters, and show you the parts that we'll be using in our app. If you're familiar with Vue.js already, feel free to skim these chapters.

I want to be clear that this book is not a reference manual. I'm not going to cover every part of Laravel and Vue.js. Both have great documentation, which I'll be linking to freely throughout this book. Find Laravel's documentation here: https://laravel.com/docs/5.5 and Vue.js's here: https://vuejs.org/v2/guide.

Instead, after introducing Vue.js, I'm going to show you how you can use the two frameworks together as we build a sample app together. This will be a simple personal finance app that lets you track your purchases. The code is based on the frameworks' documentation as well as other code found in the Laravel codebase. This means that you will be learning the Laravel way to code things.

Finally, I know it can be difficult to read programming books using a Kindle. So I've tried to make it easier for you. You can find a link to the code for this book here: https://www.webapppath.com/.

Source Code