Full-Stack Vue.js 2 and Laravel 5

Bring the frontend and backend together with Vue, Vuex, and Laravel

Publisher:Packt Publishing Limited

By: Anthony Gore

Paid access

|Dec 2017

E-Book €28.99Institutions €131.95

Learn to build professional full-stack web apps with Vue.js and Laravel

Key Features

End-to-end guide on full-stack development with Vue.js 2 and Laravel 5
Developing modern user interfaces with a reusable component-based architecture
Use Webpack to improve applications performance and development workflow
Explore the features of Vuex to build applications that are powerful, consistent, and maintainable

Book Description

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end.

In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

The book begins with a thorough introduction to Vue.js and its core concepts like data binding, directives and computed properties, with each concept being explained first, then put into practice in the case-study project.

You will then use Laravel to set up a web service and integrate the front end into a full-stack app. You will be shown a best-practice development workflow using tools like Webpack and Laravel Mix.

With the basics covered, you will learn how sophisticated UI features can be added using ES+ syntax and a component-based architecture. You will use Vue Router to make the app multi-page and Vuex to manage application state.

Finally, you will learn how to use Laravel Passport for authenticated AJAX requests between Vue and the API, completing the full-stack architecture. Vuebnb will then be prepared for production and deployed to a free Heroku cloud server.

What you will learn

Use the Core features of Vue.js to create sophisticated user interfaces
Build a secure backend API with Laravel
Learn a state-of-the-art web development workflow with Webpack
Learn about full-stack app design principles and best practices
Learn to deploy a full-stack app toa cloud server and CDN
Manage complex application state with Vuex
Secure a web service with Laravel Passport

Who this book is for

This book targets developers who are new to Vue.js, Laravel, or both, and are seeking a practical, best-practice approach to development with these technologies.

They must have some knowledge of HTML, CSS and Javascript.

Hello Vue: An Introduction To Vue.js
Prototyping Vuebnb, Your First Vue.js Project
Hello Laravel: Getting Started With Laravel
Building A Web Service With Laravel
Integrating Laravel And Vue.js With Webpack
Composing Widgets With Vue.js Components
Building A Multi-Page App With Vue
Managing Your Application State With Vuex
Adding A User Login & API Authentication With Passport
Deploying A Full-Stack App To The Cloud

https://github.com/packtpublishing/full-stack-vue.js-2-and-laravel-5

PDF ISBN: 978-1-78829-671-7

Publisher: Packt Publishing Limited

Publication date: 2017

Language: English

Pages: 376

Related subjects:

Computer sciences,

Computer sciences, other

Full-Stack Vue.js 2 and Laravel 5

Key Features

Book Description

What you will learn

Who this book is for

Table of Contents

People also read

Publications carousel

Front-End Development Projects with Vue.js

Vue.js 3 By Example

Vue.js Quick Start Guide

Vue.js 2 Web Development Projects

Vue.js 2 and Bootstrap 4 Web Development

Full-Stack Web Development with Vue.js and Node

Vue.js 3 for Beginners

Vue.js for Jobseekers

Learning Vue.js 2

Vue.js 2 Cookbook

Paradigm

My account