Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps

Guillaume Chau

  • 出版商: Packt Publishing
  • 出版日期: 2017-11-30
  • 定價: $1,480
  • 售價: 6.0$888
  • 語言: 英文
  • 頁數: 398
  • 裝訂: Paperback
  • ISBN: 178712746X
  • ISBN-13: 9781787127463
  • 相關分類: Vue.js
  • 相關翻譯: Vue.js 項目實戰 (簡中版)
  • 立即出貨 (庫存 < 3)

買這商品的人也買了...

商品描述

Key Features

  • Build exciting real world web projects from scratch and become proefficient with Vue.js Web Development
  • Take your app to the next level with animation, routing, state management, server-side rendering and i18n
  • Learn professional web programming techniques to supercharge your Vue.js projects

Book Description

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces.

This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data.

By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.

What you will learn

  • Set up a full Vue.js npm project with the webpack build tool and the official scaffolding tool, vue-cli
  • Write automatically updated templates with directives to create a dynamic web application
  • Structure the app with reusable and maintainable components
  • Create delightful user experiences with animations
  • Use build tools and preprocessor to make larger professional applications
  • Create a multi-page application with the official Vue.js routing library
  • Integrate non-Vue.js elements into your apps like Google Maps
  • Use the official state-management library to prevent errors
  • Optimize your app for SEO and performance with server-side rendering and internationalization

About the Author

Guillaume Chau is the creator of integrations with Meteor (vue-meteor) and Apollo GraphQL (vue-apollo) to help developers build highly interactive, real-time, Vue-powered apps. He also created the official vue-curated app , which helps you to discover great packages, and he contributes to the ecosystem with tools such as vue-virtual-scroller and vue-supply. He built a customer portal app for a big energy company with large datasets and performance challenges and is now working with an innovative French start-up (WebRTC and real-time data).

Table of Contents

  1. Getting started with VueJS
  2. Project1: Simple markdown notebook
  3. Project2: Browser-based game
  4. Setting up a full-scale project
  5. Project3: Support center
  6. Project4: Geolocated microblogging
  7. Project5: E-commerce
  8. Integrating VueJS with Meteor: Realtime dashboard

商品描述(中文翻譯)

主要特點


  • 從頭開始建立令人興奮的真實網絡項目,並成為熟練的Vue.js網絡開發者

  • 通過動畫、路由、狀態管理、服務器端渲染和i18n將您的應用程序提升到新的水平

  • 學習專業的網絡編程技術,為您的Vue.js項目提供強大支持

書籍描述

您想使您的網絡應用程序具有驚人的響應性嗎?您對應用程序的性能不滿意,並期待嘗試使應用程序更強大的方法嗎?那麼,Vue.js是一個用於構建用戶界面的框架,是一個很好的選擇,而這本書是將其應用到實踐的理想方式。

這本書以項目為基礎的方法將引導您從頭開始構建六個令人驚嘆的應用程序,並在Vue.js 2.5中獲得寶貴的見解。您將從學習Vue.js的基礎知識開始,並使用指令創建您的第一個網絡應用程序,以及豐富而有吸引力的用戶體驗。通過創建基於瀏覽器的遊戲,您將學習有關動畫和互動性的知識。使用可用的工具和預處理器,您將學習如何使用插件創建多頁應用程序。您將為應用程序創建高效和高性能的功能組件。接下來,您將創建自己的在線商店並對其進行優化。最後,您將將Vue.js與實時Meteor庫集成,並創建一個顯示實時數據的儀表板。

通過閱讀本書,您將具備足夠的技能和實際Vue.js項目的示例,以使用Vue.js 2.5創建交互式的專業網絡應用程序。

您將學到什麼


  • 使用webpack構建工具和官方脚手架工具vue-cli設置完整的Vue.js npm項目

  • 使用指令編寫自動更新的模板,創建動態網絡應用程序

  • 使用可重用和可維護的組件結構應用程序

  • 使用動畫創建愉快的用戶體驗

  • 使用構建工具和預處理器創建更大的專業應用程序

  • 使用官方Vue.js路由庫創建多頁應用程序

  • 將非Vue.js元素集成到您的應用程序中,如Google Maps

  • 使用官方狀態管理庫防止錯誤

  • 使用服務器端渲染和國際化優化您的應用程序的SEO和性能

關於作者

Guillaume Chau是與Meteor(vue-meteor)和Apollo GraphQL(vue-apollo)集成的創建者,以幫助開發人員構建高度交互式的實時Vue應用程序。他還創建了官方的vue-curated應用程序,該應用程序可以幫助您發現優秀的包,並且他通過工具如vue-virtual-scroller和vue-supply為生態系統做出貢獻。他為一家大型能源公司建立了一個具有大型數據集和性能挑戰的客戶門戶應用程序,現在正在與一家創新的法國初創公司(WebRTC和實時數據)合作。

目錄


  1. 開始使用VueJS

  2. 項目1:簡單的Markdown筆記本

  3. 項目2:基於瀏覽器的遊戲

  4. 設置完整的項目

  5. 項目3:支持中心

  6. 項目4:地理定位的微博客

  7. 項目5:電子商務

  8. 將VueJS與Meteor集成:實時儀表板