Get a brisk introduction to building fast, interactive single-page web applications with Vue.js, the popular JavaScript framework that organizes and simplifies web development. With this practical guide, you’ll quickly move from basics to custom components and advanced features—including JSX, the JavaScript syntax extension. Author Callum Macrae shows you how to use the most useful libraries in the Vue ecosystem, such as vue-router for routing, vuex for state management, and vue-test-utils for testing. If you’re a frontend developer familiar with JavaScript, HTML, and CSS, this book will show you how to develop a fully featured web application using Vue. Learn Vue.js basics, including its use of templates to display data on a page Set up Vue projects from scratch, or use vue-cli to set up from a template Create a maintainable codebase by splitting code into self-contained components Discover how Vue.js works with CSS to style your websites and applications Use render functions and JSX, rather than templates, to determine what Vue displays Control how code is executed and displayed with vue-router Manage state in one centralized place with the Vuex library Write unit tests to ensure your Vue components don’t break in the future

Summary Web pages are rich with data and graphics, and it's challenging to maintain a smooth and quick user experience. Vue.js in Action teaches you how to build a fast, flowing web UI with the Vue.js framework. As you move through the book, you'll put your skills to practice by building a complete web store application with product listings, a checkout process, and an administrative interface. About the technology Vue.js is a lightweight frontend framework, offering easy two-way data binding, a reactive UI, and a common-sense project structure. It uses UI patterns and modern HTML to deliver impossibly fast page loads and silky smooth transitions—all from a tiny code footprint. It’s a delight to develop in Vue using ordinary JavaScript and its integrated Vuex state management tool. About the book Vue.js in Action is your guide to building modern web apps. You’ll start by exploring the reactive UI model while you get comfortable with Vue’s unique features. Then, you’ll go deeper as you build a shopping cart with an admin interface and the ability to manage stock! Finally, you’ll extend your app, adding transitions, tests, and other key features until it’s production ready. What's inside Clearly annotated code and illustrations Modeling data and consuming APIs Easy state management with Vuex Creating custom directives About the reader Written for web developers with some experience in JavaScript, HTML, and CSS. About the author Erik Hanchett and Benjamin Listwon are experienced web engineers and fearless explorers of new ideas. Vue.js is a front-end framework that builds on many of the reactive UI ideas introduced in React.js. Vue.js in Action teaches readers to build fast, flowing web UI with the Vue.js framework. As they move through the book, readers put their skills to practice by building a complete web store application with product listings, a checkout process, and an administrative interface! Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

Ready to Master Vue.js? What if you could master the entire framework - with solid foundations - in less time without beating your head against a wall? Imagine how quickly you could work if you knew the best practices and the best tools? Stop wasting your time searching and have everything you need to be productive in one, well-organized place, with complete examples to get your project up without needing to resort to endless hours of research. Lots of Sample Apps and Code You will learn what you need to know to work professionally with Fullstack Vue: The Complete Guide to Vue.js You'll build: A Server-Persisted Shopping Cart Use the Flux-like library Vuex to manage data for a large shopping cart application that persists information on to a local server. A Calendar Event App Dive deeper into component based architecture by learning how simple state management works with Vue Single-file components. A Voting Application Learn how to render dynamic components and use standard Vue directives to build an interactive voting application. Forms with Validations Build powerful forms that accept user input, and give clear messaging when the input is of an invalid format. Vuex-based Routes and Authentication Build on top of the server persisted shopping cart app by creating dynamic routes and a token authentication flow with the official vue-router library. Build bullet-proof apps with Testing Use Vue's official test utility library, vue-test-utils, to create meaningful tests for a daily weather app that interacts with a third party API. What our Customers Say "Another must read from the team! Going through the book's real-world apps is like growing your dev superpowers one concept at a time." -- Luis Fernando Saavedra Meza "Providing code variations for every step along the way has been really helpful, by showing how the end result should look and making it easier for me to reproduce it!" -- Marina Landisberg "Hands up to Hassan for this masterpiece. In ready to follow steps and concise manner, you'll guided to master the framework of the future piece by piece. This book will make you love the frontend again and overcome the Javascript fatigue. Great job!" -- Christoph Jasinksi

Learn how to render lists of items without repeating your code structure and how to work with conditional rendering items and event handling. Containing all you need to know to get started with Vue.js, this book will take you through using build tools (transpile to ES5), creating custom components, state management, and routers. With Getting to Know Vue.js, you'll see how to combine reusable code with custom components, allowing you to create snippets of reusable code to suit your specific business needs. You'll also explore how to use Single File Components and the Vue.js Command Line Interface (CLI) to build components in a single file and add in build tools as you see fit. Getting started with a new Single Page Application (SPA) JavaScript framework can be an overwhelming task, but Vue.js makes this daunting task simple and easy to learn, allowing you to start implementing business needs with just a script reference to the library and the custom JavaScript required for your use case. Starting with a little reference and a handful of lines of custom JavaScript, you will have a complete Single Page Application before you know it. What You'll Learn Examine Vue.js templating syntax Work with binding methods Manage the state of your app by comparing your options of building a data store Adapt the more robust options compatible with Vue.js Review different router options, including creating your own router, using the Vue-router and using Page.js. Who This Book Is For Software developers with an understanding of HTML, CSS and JavaScript; prior understanding of a Single Page Application framework would be useful but not essential.

Summary Testing Vue.js Applications is a comprehensive guide to testing Vue components, methods, events, and output. Author Edd Yerburgh, creator of the Vue testing utility, explains the best testing practices in Vue along with an evergreen methodology that applies to any web dev process. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology Web developers who use the Vue framework love its reliability, speed, small footprint, and versatility. Vue's component-based approach and use of DOM methods require you to adapt your app-testing practices. Learning Vue-specific testing tools and strategies will ensure your apps run like they should. About the Book With Testing Vue.js Applications, you'll discover effective testing methods for Vue applications. You'll enjoy author Edd Yerburgh's engaging style and fun real-world examples as you learn to use the Jest framework to run tests for a Hacker News application built with Vue, Vuex, and Vue Router. This comprehensive guide teaches the best testing practices in Vue along with an evergreen methodology that applies to any web dev process. What's inside Unit tests, snapshot tests, and end-to-end tests Writing unit tests for Vue components Writing tests for Vue mixins, Vuex, and Vue Router Advanced testing techniques, like mocking About the Reader Written for Vue developers at any level. About the Author Edd Yerburgh is a JavaScript developer and Vue core team member. He's the main author of the Vue Test Utils library and is passionate about open source tooling for testing component-based applications. Table of Contents Introduction to testing Vue applications Creating your first test Testing rendered component output Testing component methods Testing events Understanding Vuex Testing Vuex Organizing tests with factory functions Understanding Vue Router Testing Vue Router Testing mixins and filters Writing snapshot tests Testing server-side rendering Writing end-to-end tests APPENDIXES A - Setting up your environment B - Running the production build C - Exercise answers

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 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 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.

Become efficient in both frontend and backend web development with Spring and Vue Key FeaturesConnect application’s frontend and backend with Vue, Vuex, and Spring BootLeverage the latest web standards to enhance code performance, readability, and cross-compatibilityBuild secure full-stack web applications with Spring SecurityBook Description Building Applications with Spring 5 and Vue.js 2, with its practical approach, helps you become a full-stack web developer. As well as knowing how to write frontend and backend code, a developer has to tackle all problems encountered in the application development life cycle – starting from the simple idea of an application, to the UI and technical designs, and all the way to implementation, testing, production deployment, and monitoring. With the help of this book, you'll get to grips with Spring 5 and Vue.js 2 as you learn how to develop a web application. From the initial structuring to full deployment, you’ll be guided at every step of developing a web application from scratch with Vue.js 2 and Spring 5. You’ll learn how to create different components of your application as you progress through each chapter, followed by exploring different tools in these frameworks to expedite your development cycle. By the end of this book, you’ll have gained a complete understanding of the key design patterns and best practices that underpin professional full-stack web development. What you will learnAnalyze requirements and design data modelsDevelop a single-page application using Vue.js 2 and Spring 5Practice concept, logical, and physical data modelingDesign, implement, secure, and test RESTful API Add test cases to improve reliability of an applicationMonitor and deploy your application to productionWho this book is for Building Applications with Spring 5.0 and Vue.js 2.0 is for you if you are developer who is new to Vue.js or Spring. It is assumed that you have some knowledge of HTML, CSS, and Java.