Full-Stack Vue.js 2 and Laravel 5

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

Full-Stack Vue.js 2 and Laravel 5

Anthony Gore

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

Quick links: > What will you learn?> Table of content> Product reviews

eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$25.20
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook

Frequently bought together


Full-Stack Vue.js 2 and Laravel 5 Book Cover
Full-Stack Vue.js 2 and Laravel 5
$ 35.99
$ 25.20
Vue.js 2 and Bootstrap 4 Web Development Book Cover
Vue.js 2 and Bootstrap 4 Web Development
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $36.98
Add to Cart

Book Details

ISBN 139781788299589
Paperback376 pages

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.

Table of Contents

Chapter 1: Hello Vue – An Introduction to Vue.js
Introducing Vue.js
Basic features
Advanced features
The Vue ecosystem
Case-study project
Summary
Chapter 2: Prototyping Vuebnb, Your First Vue.js Project
Vuebnb prototype
Installing Vue.js
Page content
Header image
Lists section
Show more feature
Image modal window
Summary
Chapter 3: Setting Up a Laravel Development Environment
Laravel
Laravel and Vue
Environment
Vuebnb
Shared folders
Terminal commands
Environment variables
Composer install
Database
Serving the project
Accessing the project
Summary
Chapter 4: Building a Web Service with Laravel
Vuebnb room listings
Web service
Mock data
Database
Migration
Seeding mock listings
Listing model
Public interface
Images
Summary
Chapter 5: Integrating Laravel and Vue.js with Webpack
Laravel frontend
JavaScript
Asset compilation
Webpack
Laravel Mix
Running Webpack
Migrating Vuebnb
Development tools
ES2015
Mock data
Summary
Chapter 6: Composing Widgets with Vue.js Components
Components
Image carousel
Composing with components
Communicating with components
Single-file components
Content distribution
Virtual DOM
Summary
Chapter 7: Building a Multi-Page App with Vue Router
Single-page applications
Routers
Vue Router
Vuebnb routing
Installing Vue Router
Creating routes
App component
Home page
Home route
ListingSummary component
In-app navigation
Scroll behavior
Adding a footer
Listing summary image slider
Summary
Chapter 8: Managing Your Application State with Vuex
Flux application architecture
Vuex
Save feature
Moving page state into the store
Saved page
Summary
Chapter 9: Adding a User Login and API Authentication with Passport
User model
Login system
Passing authentication state to the frontend
Retrieving saved items from the database
Persisting saved listings
API authentication
Summary
Chapter 10: Deploying a Full-Stack App to the Cloud
Heroku
Serving static assets
Reading from the CDN
Finale
Summary

What You Will Learn

  • 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
  • Full-stack app design principles and best practices
  • Learn to deploy a full-stack app to a cloud server and CDN
  • Managing complex application state with Vuex
  • Securing a web service with Laravel Passport

Authors

Table of Contents

Chapter 1: Hello Vue – An Introduction to Vue.js
Introducing Vue.js
Basic features
Advanced features
The Vue ecosystem
Case-study project
Summary
Chapter 2: Prototyping Vuebnb, Your First Vue.js Project
Vuebnb prototype
Installing Vue.js
Page content
Header image
Lists section
Show more feature
Image modal window
Summary
Chapter 3: Setting Up a Laravel Development Environment
Laravel
Laravel and Vue
Environment
Vuebnb
Shared folders
Terminal commands
Environment variables
Composer install
Database
Serving the project
Accessing the project
Summary
Chapter 4: Building a Web Service with Laravel
Vuebnb room listings
Web service
Mock data
Database
Migration
Seeding mock listings
Listing model
Public interface
Images
Summary
Chapter 5: Integrating Laravel and Vue.js with Webpack
Laravel frontend
JavaScript
Asset compilation
Webpack
Laravel Mix
Running Webpack
Migrating Vuebnb
Development tools
ES2015
Mock data
Summary
Chapter 6: Composing Widgets with Vue.js Components
Components
Image carousel
Composing with components
Communicating with components
Single-file components
Content distribution
Virtual DOM
Summary
Chapter 7: Building a Multi-Page App with Vue Router
Single-page applications
Routers
Vue Router
Vuebnb routing
Installing Vue Router
Creating routes
App component
Home page
Home route
ListingSummary component
In-app navigation
Scroll behavior
Adding a footer
Listing summary image slider
Summary
Chapter 8: Managing Your Application State with Vuex
Flux application architecture
Vuex
Save feature
Moving page state into the store
Saved page
Summary
Chapter 9: Adding a User Login and API Authentication with Passport
User model
Login system
Passing authentication state to the frontend
Retrieving saved items from the database
Persisting saved listings
API authentication
Summary
Chapter 10: Deploying a Full-Stack App to the Cloud
Heroku
Serving static assets
Reading from the CDN
Finale
Summary

Book Details

ISBN 139781788299589
Paperback376 pages
Read More
From 2 reviews

Read More Reviews

Recommended for You

Vue.js 2 and Bootstrap 4 Web Development Book Cover
Vue.js 2 and Bootstrap 4 Web Development
$ 35.99
$ 25.20
Vue.js 2.x by Example Book Cover
Vue.js 2.x by Example
$ 39.99
$ 28.00
Vue.js 2 Web Development Projects Book Cover
Vue.js 2 Web Development Projects
$ 35.99
$ 25.20
Vue.js 2 Recipes [Video] Book Cover
Vue.js 2 Recipes [Video]
$ 124.99
$ 106.25
Intermediate Laravel: Adding Popular Features to Our Apps [Video] Book Cover
Intermediate Laravel: Adding Popular Features to Our Apps [Video]
$ 124.99
$ 106.25
Computer Vision with OpenCV 3 and Qt5 Book Cover
Computer Vision with OpenCV 3 and Qt5
$ 39.99
$ 28.00