.Vue.js.2.Web.Development.Practical.guide.to.building.end To End.web.development.solutions.with.Vue.js.2

.Vue.js.2.Web.Development.Practical.guide.to.building.end-to-end.web.development.solutions.with.Vue.js.2

User Manual:

Open the PDF directly: View PDF .
Page Count: 693 [warning: Documents this large are best viewed by clicking the View PDF Link!]

Scroll down to view the document on your mobile browser.

Cover
Title Page
Copyright
About Packt
Contributors
Table of Contents
Preface
Chapter 1: Getting Started with Vue.js
- Creating the workspace
  - Application space
  - Vue library
- Initializing Vue and displaying the first message
- Computed values
- Methods and reusable functions
- Summary
Chapter 2: Displaying, Looping, Searching, and Filtering Data
- HTML declarations
  - v-html
  - Declarative rendering
- Conditional rendering
  - v-if
  - v-else
- v-for and displaying our data
- Filtering our data
  - Building the form
  - Binding the inputs
- Showing and hiding Vue content
  - Filtering our content
  - Filtering our filters
- Changing CSS classes
- Filtering and custom classes
- Summary
Chapter 3: Optimizing your App and Using Components to Display Data
- Optimizing the code
- Creating Vue components
  - Creating and initializing your component
  - Using your component
- Using component data and methods
- Passing data to your component – props
- Passing data to your component – slots
- Creating a repeatable component
  - Creating component methods and computed functions
    - CSS class functions
    - Formatted value functions
  - Making the filtering work again with props
- Making the filters a component
- Summary
Chapter 4: Getting a List of Files Using the Dropbox API
- Getting started—loading the libraries
- Creating a Dropbox app and initializing the SDK
- Displaying your data and using Vue to get it
- Adding a loading screen
- Animating between states
- Summary
Chapter 5: Navigating through the File Tree and Loading Folders from the URL
- Separating out files and folders
- Making file and folder components
- Linking folders and updating the structure
- Creating a breadcrumb from the current path
- Adding the ability to download files
- Updating the URL hash and using it to navigate through the folders
- Final Code
- Summary
Chapter 6: Caching the Current Folder Structure Using Vuex
- Including and initializing Vuex
- Utilizing the store
  - Retrieving the message
  - Updating the message
- Using the Vuex store for the folder path
  - Updating the path methods to use store commits
  - Using the path variable
    - Updating the breadcrumb component
    - Updating the dropbox-viewer component to work with Vuex
- Caching the folder contents
- Loading data from the store if it exists
  - Loading the data from the store
  - Only storing new data
- Summary
Chapter 7: Pre-Caching Other Folders and Files for Faster Navigation
- Caching subfolders
- Caching parent folders
  - Caching parent folders once
- Caching download links on files
- The complete code—with added documentation
- Summary
Chapter 8: Introducing Vue-Router and Loading URL-Based Components
- Installing and initializing Vue-router
- Changing the folder for Vue-router
- Linking to the different routes
- Linking to sub-routes
- Dynamic routes with parameters
  - GET parameters
  - Using props
    - Setting prop defaults
    - Using static props
- Nested routes
- Creating a 404 page
- Naming components, routes, and views
- Programmatically navigating with, redirecting, and adding an alias
- Summary
Chapter 9: Using Vue-Router Dynamic Routes to Load Data
- Outline and plan your app
  - Components
    - Route components
    - HTML components
  - Paths
- Create initial files
- Server setup
- Loading CSV
- Displaying a single product
- Displaying product information
  - Product images
- Product variations
  - Variations display table
    - Using a key with loops
    - Displaying the variations in a table
  - Displaying variations in a select box
- Updating the product details when switching URLs
- Summary
Chapter 10: Building an E-Commerce Store - Browsing Products
- Listing the products
  - Adding a new route
  - Looping through products
- Creating pagination
- Creating the ListProducts component
- Creating a curated list for the home page
- Showing more information
- Creating categories
  - Creating a category list
  - Creating a "miscellaneous" category
- Displaying the categories
- Displaying products in a category
  - Code optimization
- Ordering products in a category
  - Store the product price
  - Wiring up the ordering
- Creating Vuex getters
- Building the filtering component based on products
  - Dynamically creating filters
  - Resetting filters
- Updating the URL on checkbox filter change
  - Preselecting filters on page load
- Filtering the products
- Summary
Chapter 11: Building an E-Commerce Store - Adding a Checkout
- Creating the basket array placeholder
- Adding product information to the store
  - Creating the store mutation to add products to the basket
- Updating the Add to basket button when adding an item
- Showing the product count in the header of the app
  - Calculating the basket quantity
- Finalizing the Shop Vue-router URLs
- Building the Order process and ListProducts component
- Creating an Order Checkout page
  - Copying details between addresses
- Creating an editable basket
  - Creating editable fields
  - Removing items from your cart
- Completing the shop SPA
- Summary
Chapter 12: Using Vue Dev Tools and Testing Your SPA
- Using the Vue.js developer tools
- Testing your SPA
  - Command-line unit testing
  - Browser automation
- Summary
Chapter 13: Transitions and Animations
- Introduction
- Integrating with third-party CSS animation libraries such as animate.css
- Adding your own transition classes
- Animating with JavaScript instead of CSS
- Transitioning on the initial render
- Transitioning between elements
- Letting an element leave before the enter phase in a transition
- Adding entering and leaving transitions for elements of a list
- Transitioning elements that move in a list
- Animating the state of your components
- Packaging reusable transitions into components
- Dynamic transitions
Chapter 14: Vue Communicates with the Internet
- Introduction
- Sending basic AJAX requests with Axios
- Validating user data before sending it
- Creating a form and sending data to your server
- Recovering from an error during a request
- Creating a REST client (and server!)
- Implementing infinite scrolling
- Processing a request before sending it out
- Preventing XSS attacks to your app
Chapter 15: Single Page Applications
- Introduction
- Creating an SPA with vue-router
- Fetching data before switching route
- Using named dynamic routes
- Having more than one router-view in your page
- Compose your routes hierarchically
- Using route aliases
- Adding transitions between your routes
- Managing errors for your routes
- Adding a progress bar to load pages
- How to redirect to another route
- Saving scrolling position when hitting back
Chapter 16: Organize + Automate + Deploy = Webpack
- Introduction
- Extracting logic from your components to keep the code tidy
- Bundling your component with Webpack
- Organizing your dependencies with Webpack
- Using external components in your Webpack project
- Developing with continuous feedback with hot reloading
- Using Babel to compile from ES6
- Running a code linter while developing
- Using only one command to build both a minified and a development .js file
- Releasing your components to the public
Chapter 17: Advanced Vue.js - Directives, Plugins, and Render Functions
- Introduction
- Creating a new directive
- Using WebSockets in Vue
- Writing a plugin for Vue
- Rendering a simple component manually
- Rendering a component with children
- Using JSX to render a component
- Creating a functional component
- Building a responsive table with higher-order components
Chapter 18: Large Application Patterns with Vuex
- Introduction
- Dynamically loading pages in your vue-router
- Building a simple storage for the application state
- Understanding Vuex mutations
- Listing your actions in Vuex
- Separating concerns with modules
- Building getters to help retrieve your data
- Testing your store
Chapter 19: Integrating with Other Frameworks
- Introduction
- Building universal applications with Electron
- Using Vue with Firebase
- Creating a real-time app with Feathers
- Creating a reactive app with Horizon
Chapter 20: Vue Router Patterns
- Single Page Applications
- Using the router
- An SPA project
- Summary
Chapter 21: State Management with Vuex
- What is Vuex?
  - State Management Pattern (SMP)
  - Thinking about state
- Using Vuex
- Vuex and Vue devtools
- Modules and scalability
- Summary
Other Books You May Enjoy
Index

.Vue.js.2.Web.Development.Practical.guide.to.building.end To End.web.development.solutions.with.Vue.js.2

.Vue.js.2.Web.Development.Practical.guide.to.building.end-to-end.web.development.solutions.with.Vue.js.2

Navigation menu

Versions of this User Manual:

Views

Navigation