Front-End Development Projects with Vue.js

Front-End Development Projects with Vue.js

Are you looking to use Vue 2 for web applications, but don’t know where to begin? Front-End Development Projects with Vue.js will help build your development toolkit and get ready to tackle real-world web projects. You’ll get to grips with the core concepts of this JavaScript framework with practical examples and activities.

Through the use-cases in this book, you’ll discover how to handle data in Vue components, define communication interfaces between components, and handle static and dynamic routing to control application flow. You’ll get to grips with Vue CLI and Vue DevTools, and learn how to handle transition and animation effects to create an engaging user experience. In chapters on testing and deploying to the web, you’ll gain the skills to start working like an experienced Vue developer and build professional apps that can be used by other people.

You’ll work on realistic projects that are presented as bitesize exercises and activities, allowing you to challenge yourself in an enjoyable and attainable way. These mini projects include a chat interface, a shopping cart and price calculator, a to-do app, and a profile card generator for storing contact details.

By the end of this book, you’ll have the confidence to handle any web development project and tackle real-world front-end development problems.

About the Authors

Raymond Camden is a developer advocate for IBM. His work focuses on the MobileFirst platform, Bluemix, hybrid mobile development, Node.js, HTML5, and web standards in general. He is a published author and presents at conferences and user groups on a variety of topics. Raymond can be reached at his blog, on Twitter, or via email. He is the author of many development books, including Apache Cordova in Action and Client-Side Data Storage.

Hugo Di Francesco is a software engineer who has worked extensively with JavaScript. He holds a MEng degree in mathematical computation from University College London (UCL). He has used JavaScript across the stack to create scalable and performant platforms at companies such as Canon and Elsevier. He is currently tackling problems in the retail operations space with Node.js, React, and Kubernetes while running the eponymous Code with Hugo website. Outside of work, he is an international fencer, in the pursuit of which he trains and competes across the globe.

Clifford Gurney is a solution-focused and results-oriented technical lead at a series-A funded startup. A background in communication design and broad exposure to leading digital transformation initiatives enriches his delivery of conceptually designed front-end solutions using Vue JS. Cliff has presented at the Vue JS Melbourne meetups and collaborates with other like-minded individuals to deliver best in class digital experience platforms.

Philip Kirkbride has over 5 years of experience with JavaScript and is based in Montreal. He graduated from a technical college in 2011 and since then he has been working with web technologies in various roles.

Maya Shavin is a senior frontend developer, speaker, blogger, Storefront UI core member, and the founder and organizer of VueJS Israel Meetups.

Who This Book Is For

This book is for developers who are just getting started with Vue.js and are looking to gain a basic understanding of Single-Page Application (SPA) patterns and learn how to create scalable enterprise applications using Vue.js. You’ll also find this book useful if you already use React or Angular and want to start learning Vue.js. To understand the concepts explained in this book, you must be familiar with basic HTML, CSS, JavaScript (such as objects, scopes, this contexts, and values versus references), and Node Package Manager (NPM).

About the Chapters

Chapter 1, Starting Your First Vue Project, sees you creating Vue components immediately. You’ll learn the basics of Vue.js as well as understand reactivity in JavaScript applications.

Chapter 2, Working with Data, provides information on more component building blocks using computed data props, observing state changes with watchers, and utilizing asynchronous APIs.

Chapter 3, Vue CLI, is a deep dive into Vue’s quality-of-life toolkit. You’ll understand how to use the Vue CLI and browser DevTools.

Chapter 4, Nesting Components (Modularity), looks at approaches to passing data across components to modularize them.

Chapter 5, Global Component Composition, dives deep into ways to share component functionality across a Vue.js code base.

Chapter 6, Routing, covers the use of standard and dynamic routing with Vue. You’ll learn how to create an SPA with complex multi-page applications in Vue.

Chapter 7, Animations and Transitions, covers the built-in animations and transitions that come with Vue as well as using external JavaScript libraries for Vue. We’ll create custom animations to be used in a demo app.

Chapter 8, The State of Vue.js State Management, provides a view into different approaches for Vue.js state management.

Chapter 9, Working with Vuex – State, Getters, Actions, and Mutations, introduces you to the Vuex library for state management in Vue.

Chapter 10, Working with Vuex – Fetching Remote Data, discusses how to use Vuex and remote APIs.

Chapter 11, Working with Vuex – Organizing Larger Stores, helps you organize and manage large Vuex stores.

Chapter 12, Unit Testing, looks at testing individual pieces of a Vue.js application, including components, filters, and mixins.

Chapter 13, End-to-End Testing, introduces Cypress, which is used for writing end-to-end tests for a Vue.js application.

Chapter 14, Deploying Your Code to the Web, looks at modern best practices in continuous integration/continuous deployment and considers how to deploy a Vue.js application to multiple hosting providers.


  • 关于本书的内容介绍、目录、详情等请在 AmazonGoolge Books 等售书网站搜索查看,本站仅展示封面作为参考。
  • 如无特殊说明,本站提供的所有pdf均为文字版(aka True PDF or Digitally Created PDF)。
  • 本站已经列出的所有图书均可以找到。
  • 收到PDF链接之后建议尽快下载或者保存到自己的百度网盘,防止链接过期失效。


扫描下方二维码添加微信号 bookyage 回复本书编号 193301 即可,我们会尽快(一般24小时之内)将本书PDF文件以百度网盘链接的形式发送给您。