最新章節

• Summary
• Listing the measures
• Indicators
• Creating the Dashboard component
• Meteor publication
• Progress bars library

• Summary 更新時間：2021-07-02 22:35:19
• Listing the measures
• Indicators
• Creating the Dashboard component
• Meteor publication
• Progress bars library
• Dashboard and reporting
• Inspecting the data
• Simulating measures
• Adding a Meteor method
• Adding a collection
• Setting up data
• Meteor collections integration
• Production measures
• Routing
• Our first Vue Meteor app
• Creating the project
• Installing Meteor
• What is Meteor?
• Setting up the project
• Project 6 - Real-time Dashboard with Meteor
• Summary
• New npm scripts
• Production express server
• Extracting the style into CSS files
• Additional configuration
• Production build
• Unnecessary fetch
• Running our SSR app
• Rendering the Vue app
• Creating and updating the renderer
• Express server
• Page template
• Server-side setup
• Server configuration
• Client configuration
• Webpack configuration
• Restoring the Vuex state on the client
• State management
• Server entry
• Client entry
• Universal App Structure
• Server-side rendering
• Changing Language page
• Automatically loading the user locale
• Code-splitting with dynamic imports
• Internationalization and code-splitting
• Complementary topics
• Updating the snapshots
• Jest snapshots
• ESLint and Jest globals
• Our first unit test
• Babel configuration for Jest
• Configuring Jest
• Unit testing with Jest
• ESLint inside Webpack
• Running ESLint
• Customizing the rules
• Configuring ESLint
• Improving code quality and style with ESLint
• Targeting specific browsers with browserslist
• Auto-prefixing CSS with PostCSS
• Launching the app
• Generating a quick development API
• Setting up the project
• Advanced development workflow
• Project 5 - Online Shop and Scaling Up
• Summary
• Functional component
• Store changes for comments
• Comments - functional components
• Implementing of the component
• Scoped slots to pass data to the parent
• Location info and scoped slots
• Post Content component
• Store changes for post selection and sending
• Post details
• Selecting a post
• Login
• Logout
• Login and logout
• Displaying markers
• Action dispatching
• Fetch posts action
• Store action
• Fetching posts
• Making the request
• Post form
• Ghost marker
• Click handler
• Blog Map changes
• Draft store actions
• Creating a post
• No content
• Blog content structure (in JSX!)
• What is JSX?
• Virtual DOM
• Data objects
• Dynamic templates
• Writing the view in JavaScript with render functions
• Rendering functions and JSX
• Posts store module
• Blog posts and comments
• Centering on the user
• User position
• Mapping in the component
• Actions
• Mutations
• BlogMap module and component
• Accessing global elements
• Namespaced module
• Vuex modules
• Connecting the BlogMap and the store
• Adding a map
• Installing the library
• Getting the API key
• Installation
• Embedding Google Maps
• Synchronizing the store and the router
• The profile picture
• Check the user session on start
• Adapting the fetch plugin
• Adapting the router
• User in the store
• Login button
• Setting up Google OAuth
• User state
• Mapping helpers
• Actions for store operations
• Getters compute and return data
• Time-travel debugging
• Strict mode
• Mutations update the state
• The state is the source of truth
• The Vuex Store
• Why do I need this?
• State management with Vuex
• Some routing
• Creating the app
• Project setup
• Google Auth and state management
• Project 4 - Geolocated Blog
• Summary
• Scrolling behavior
• Transitions
• Not found page
• The dynamic route
• Dynamic remote data
• Dynamic routes with parameters
• Advanced routing features
• Backup user input
• User actions
• Binding attributes
• Form textarea
• Sending a form
• Fixing our navigation guard
• Nested routes
• Session expiration
• Tickets list
• Displaying and adding tickets
• Guest routes
• Initializing user authentication
• Redirecting to the wanted route
• Router navigation guards
• Route meta properties
• Private routes with navigation guards
• Logout method
• User menu
• Login operation
• Sign up operation
• Improving our fetch plugin
• Style children of scoped elements
• Login component
• Customizing v-model
• Form input component
• Smart form
• Login forms
• Another plugin
• Storing the user in a centralized state
• User authentication
• Support tickets
• Error management
• Loading management
• Fetching remote data
• Reusing code with mixins
• Fetch method
• Plugin options
• Creating a plugin
• Extending Vue with our own plugin
• Loading animation
• Using fetch
• Server setup
• FAQ - Consuming an API
• Active class
• Router links
• Creating a navigation menu
• Router modes
• The router object
• Creating routes
• Layouts with router–view
• Our first routes with vue–router
• Vue plugins
• Routing and pages
• Setting up the project
• General app structure
• Project 3 - Support Center
• Summary
• Components inside components
• Stylus
• Less
• Sass
• Adding preprocessors
• Scoped styles
• Style
• JSX
• Script
• Using Pug
• Template
• Single-File Components
• Building for production
• Updating Vue
• Updating automatically
• Updating manually
• Updating the dependencies
• Polyfills
• Babel Vue preset
• Configuring babel
• Render functions
• Running our application
• Creating the app
• Scaffolding the project
• Our first full-blown Vue application
• Code editors
• Installing vue-cli the official command-line tool
• Setting up our development environment
• Advanced Project Setup
• Summary
• Game Over!
• Overlay close actions
• New turn
• The next turn
• Applying the card effect
• Waiting for the card transition to end
• Removing the card from the hand
• No cheating allowed
• Playing a card
• The hand
• The initial hand
• Drawing cards
• Gameplay
• The animation
• The animated clouds
• Animating a value
• Banner bars
• Food and health bubbles
• Castle banners
• The castles
• Game world and scenery
• The overlay background
• Key attribute
• The overlay animation
• Dynamic component
• The 'game over' overlay
• The 'last play' overlay
• The 'player turn' overlay
• Content distribution with slots
• The overlays
• The CSS transitions
• The key special attribute
• Animating the card list
• Playing a card
• A prettier animation
• Animating the hand with transitions
• The hand
• Child-to-parent communication with custom events
• Listening to native events on components
• Displaying a card
• Props in our template
• Parent-to-child communication with Props
• Defining and using the components
• Adding some gameplay data to the state
• Our first component - the top bar
• Building the user interface
• The almighty components
• The app state
• The template option
• The calm before the storm
• Setting up the project
• Rules of the game
• Project 2 - Castle Duel Browser Game
• Summary
• Text stats
• Created date with a filter
• The status bar
• Favorite notes
• Deleting the note
• Renaming the note
• The note toolbar with extras inside
• Saving the selection
• Saving the notes with the deep option
• Conditional templates with v-if
• Dynamic CSS classes
• The current note
• Selecting a note
• Displaying a list with v-for
• Binding attributes with v-bind
• Button and click events with v-on
• A method to create a new note
• The note list
• Multiple notes
• Initializing directly in the data
• Lifecycle hooks
• Loading the saved note
• Accessing the Vue instance
• Using a method
• Watching changes
• Saving the note
• Displaying HTML
• Text interpolation escaping
• Computed property
• The preview pane
• The note editor
• Setting up the project
• A basic note editor
• Project 1 - Markdown Notebook
• Summary
• Adding basic interactivity with directives
• Displaying text
• Templates make your DOM dynamic
• Vue devtools
• Creating an app
• One-minute setup
• Compatibility requirements
• A trending project
• Why another frontend framework?
• Getting Started with Vue
• Questions
• Piracy
• Errata
• Downloading the color images of this book
• Downloading the example code
• Customer support
• Reader feedback
• Conventions
• Who this book is for
• What you need for this book
• What this book covers
• Preface
• Customer Feedback
• Why subscribe?
• www.PacktPub.com
• About the Reviewer
• About the Author
• Credits
• 版權信息
• 封面

• 封面
• 版權信息
• Credits
• About the Author
• About the Reviewer
• www.PacktPub.com
• Why subscribe?
• Customer Feedback
• Preface
• What this book covers
• What you need for this book
• Who this book is for
• Conventions
• Reader feedback
• Customer support
• Downloading the example code
• Downloading the color images of this book
• Errata
• Piracy
• Questions
• Getting Started with Vue
• Why another frontend framework?
• A trending project
• Compatibility requirements
• One-minute setup
• Creating an app
• Vue devtools
• Templates make your DOM dynamic
• Displaying text
• Adding basic interactivity with directives
• Summary
• Project 1 - Markdown Notebook
• A basic note editor
• Setting up the project
• The note editor
• The preview pane
• Computed property
• Text interpolation escaping
• Displaying HTML
• Saving the note
• Watching changes
• Using a method
• Accessing the Vue instance
• Loading the saved note
• Lifecycle hooks
• Initializing directly in the data
• Multiple notes
• The note list
• A method to create a new note
• Button and click events with v-on
• Binding attributes with v-bind
• Displaying a list with v-for
• Selecting a note
• The current note
• Dynamic CSS classes
• Conditional templates with v-if
• Saving the notes with the deep option
• Saving the selection
• The note toolbar with extras inside
• Renaming the note
• Deleting the note
• Favorite notes
• The status bar
• Created date with a filter
• Text stats
• Summary
• Project 2 - Castle Duel Browser Game
• Rules of the game
• Setting up the project
• The calm before the storm
• The template option
• The app state
• The almighty components
• Building the user interface
• Our first component - the top bar
• Adding some gameplay data to the state
• Defining and using the components
• Parent-to-child communication with Props
• Props in our template
• Displaying a card
• Listening to native events on components
• Child-to-parent communication with custom events
• The hand
• Animating the hand with transitions
• A prettier animation
• Playing a card
• Animating the card list
• The key special attribute
• The CSS transitions
• The overlays
• Content distribution with slots
• The 'player turn' overlay
• The 'last play' overlay
• The 'game over' overlay
• Dynamic component
• The overlay animation
• Key attribute
• The overlay background
• Game world and scenery
• The castles
• Castle banners
• Food and health bubbles
• Banner bars
• Animating a value
• The animated clouds
• The animation
• Gameplay
• Drawing cards
• The initial hand
• The hand
• Playing a card
• No cheating allowed
• Removing the card from the hand
• Waiting for the card transition to end
• Applying the card effect
• The next turn
• New turn
• Overlay close actions
• Game Over!
• Summary
• Advanced Project Setup
• Setting up our development environment
• Installing vue-cli the official command-line tool
• Code editors
• Our first full-blown Vue application
• Scaffolding the project
• Creating the app
• Running our application
• Render functions
• Configuring babel
• Babel Vue preset
• Polyfills
• Updating the dependencies
• Updating manually
• Updating automatically
• Updating Vue
• Building for production
• Single-File Components
• Template
• Using Pug
• Script
• JSX
• Style
• Scoped styles
• Adding preprocessors
• Sass
• Less
• Stylus
• Components inside components
• Summary
• Project 3 - Support Center
• General app structure
• Setting up the project
• Routing and pages
• Vue plugins
• Our first routes with vue–router
• Layouts with router–view
• Creating routes
• The router object
• Router modes
• Creating a navigation menu
• Router links
• Active class
• FAQ - Consuming an API
• Server setup
• Using fetch
• Loading animation
• Extending Vue with our own plugin
• Creating a plugin
• Plugin options
• Fetch method
• Reusing code with mixins
• Fetching remote data
• Loading management
• Error management
• Support tickets
• User authentication
• Storing the user in a centralized state
• Another plugin
• Login forms
• Smart form
• Form input component
• Customizing v-model
• Login component
• Style children of scoped elements
• Improving our fetch plugin
• Sign up operation
• Login operation
• User menu
• Logout method
• Private routes with navigation guards
• Route meta properties
• Router navigation guards
• Redirecting to the wanted route
• Initializing user authentication
• Guest routes
• Displaying and adding tickets
• Tickets list
• Session expiration
• Nested routes
• Fixing our navigation guard
• Sending a form
• Form textarea
• Binding attributes
• User actions
• Backup user input
• Advanced routing features
• Dynamic routes with parameters
• Dynamic remote data
• The dynamic route
• Not found page
• Transitions
• Scrolling behavior
• Summary
• Project 4 - Geolocated Blog
• Google Auth and state management
• Project setup
• Creating the app
• Some routing
• State management with Vuex
• Why do I need this?
• The Vuex Store
• The state is the source of truth
• Mutations update the state
• Strict mode
• Time-travel debugging
• Getters compute and return data
• Actions for store operations
• Mapping helpers
• User state
• Setting up Google OAuth
• Login button
• User in the store
• Adapting the router
• Adapting the fetch plugin
• Check the user session on start
• The profile picture
• Synchronizing the store and the router
• Embedding Google Maps
• Installation
• Getting the API key
• Installing the library
• Adding a map
• Connecting the BlogMap and the store
• Vuex modules
• Namespaced module
• Accessing global elements
• BlogMap module and component
• Mutations
• Actions
• Mapping in the component
• User position
• Centering on the user
• Blog posts and comments
• Posts store module
• Rendering functions and JSX
• Writing the view in JavaScript with render functions
• Dynamic templates
• Data objects
• Virtual DOM
• What is JSX?
• Blog content structure (in JSX!)
• No content
• Creating a post
• Draft store actions
• Blog Map changes
• Click handler
• Ghost marker
• Post form
• Making the request
• Fetching posts
• Store action
• Fetch posts action
• Action dispatching
• Displaying markers
• Login and logout
• Logout
• Login
• Selecting a post
• Post details
• Store changes for post selection and sending
• Post Content component
• Location info and scoped slots
• Scoped slots to pass data to the parent
• Implementing of the component
• Comments - functional components
• Store changes for comments
• Functional component
• Summary
• Project 5 - Online Shop and Scaling Up
• Advanced development workflow
• Setting up the project
• Generating a quick development API
• Launching the app
• Auto-prefixing CSS with PostCSS
• Targeting specific browsers with browserslist
• Improving code quality and style with ESLint
• Configuring ESLint
• Customizing the rules
• Running ESLint
• ESLint inside Webpack
• Unit testing with Jest
• Configuring Jest
• Babel configuration for Jest
• Our first unit test
• ESLint and Jest globals
• Jest snapshots
• Updating the snapshots
• Complementary topics
• Internationalization and code-splitting
• Code-splitting with dynamic imports
• Automatically loading the user locale
• Changing Language page
• Server-side rendering
• Universal App Structure
• Client entry
• Server entry
• State management
• Restoring the Vuex state on the client
• Webpack configuration
• Client configuration
• Server configuration
• Server-side setup
• Page template
• Express server
• Creating and updating the renderer
• Rendering the Vue app
• Running our SSR app
• Unnecessary fetch
• Production build
• Additional configuration
• Extracting the style into CSS files
• Production express server
• New npm scripts
• Summary
• Project 6 - Real-time Dashboard with Meteor
• Setting up the project
• What is Meteor?
• Installing Meteor
• Creating the project
• Our first Vue Meteor app
• Routing
• Production measures
• Meteor collections integration
• Setting up data
• Adding a collection
• Adding a Meteor method
• Simulating measures
• Inspecting the data
• Dashboard and reporting
• Progress bars library
• Meteor publication
• Creating the Dashboard component
• Indicators
• Listing the measures
• Summary 更新時間：2021-07-02 22:35:19