Vue.js: Up and Running. Building Accessible and Performant Web Apps - Helion
ISBN: 978-14-919-9719-2
stron: 174, Format: ebook
Data wydania: 2018-02-23
Księgarnia: Helion
Cena książki: 126,65 zł (poprzednio: 147,27 zł)
Oszczędzasz: 14% (-20,62 zł)
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
Osoby które kupowały "Vue.js: Up and Running. Building Accessible and Performant Web Apps", wybierały także:
- Windows Media Center. Domowe centrum rozrywki 66,67 zł, (8,00 zł -88%)
- Ruby on Rails. Ćwiczenia 18,75 zł, (3,00 zł -84%)
- Przywództwo w świecie VUCA. Jak być skutecznym liderem w niepewnym środowisku 58,64 zł, (12,90 zł -78%)
- Scrum. O zwinnym zarządzaniu projektami. Wydanie II rozszerzone 58,64 zł, (12,90 zł -78%)
- Od hierarchii do turkusu, czyli jak zarządzać w XXI wieku 58,64 zł, (12,90 zł -78%)
Spis treści
Vue.js: Up and Running. Building Accessible and Performant Web Apps eBook -- spis treści
- Preface
- Who This Book Is For
- Book Layout
- Style Guide
- Conventions Used in This Book
- Using Code Examples
- OReilly Safari
- How to Contact Us
- Acknowledgments
- 1. Vue.js: The Basics
- Why Vue.js?
- Installation and Setup
- vue-loader and webpack
- Templates, Data, and Directives
- v-if Versus v-show
- Looping in Templates
- Binding Arguments
- Reactivity
- How It Works
- Caveats
- Adding new properties to an object
- Setting items on an array
- Setting the length of an array
- Two-Way Data Binding
- Setting HTML Dynamically
- Methods
- this
- Computed Properties
- Watchers
- Watching Properties of Objects in the Data Object
- Getting the Old Value
- Deep Watching
- Filters
- Accessing Elements Directly Using ref
- Inputs and Events
- The v-on Shortcut
- Event Modifiers
- Life-Cycle Hooks
- Custom Directives
- Hook Arguments
- Transitions and Animations
- CSS Transitions
- JavaScript Animations
- Summary
- 2. Components in Vue.js
- Component Basics
- Data, Methods, and Computed Properties
- Passing in Data
- Prop Validation
- Casing of Props
- Reactivity
- Data Flow and the .sync Modifier
- Custom Inputs and v-model
- Passing Content into Components with Slots
- Fallback Content
- Named Slots
- Scoped Slots
- Slot scope destructuring
- Custom Events
- Mixins
- Merging Mixins and Components
- vue-loader and .vue Files
- Non-prop Attributes
- Components and v-for
- Summary
- 3. Styling with Vue
- Class Binding
- Inline Style Binding
- Array Syntax
- Multiple Values
- Scoped CSS with vue-loader
- CSS Modules with vue-loader
- Preprocessors
- Summary
- 4. Render Functions and JSX
- The Tag Name
- The Data Object
- Children
- JSX
- Summary
- 5. Client-Side Routing with vue-router
- Installation
- Basic Usage
- HTML5 History Mode
- Dynamic Routing
- Reacting to Route Updates
- Passing Params to Components as Props
- Nested Routes
- Redirect and Alias
- Navigation
- The output Tag
- Active Class
- Native Events
- Programmatic Navigation
- Navigation Guards
- Per-Route Guards
- In-Component Guards
- Route Order
- 404 Pages
- Route Names
- Summary
- 6. State Management with Vuex
- Installation
- Concept
- State and State Helpers
- State Helpers
- Getters
- Getter Helpers
- Mutations
- Mutation Helpers
- Mutations Must Be Synchronous
- Actions
- Action Helpers
- Destructuring
- Promises and Actions
- Modules
- File Structure
- Namespaced Modules
- Summary
- 7. Testing Vue Components
- Testing a Simple Component
- Introducing vue-test-utils
- Querying the DOM
- mount() Options
- Mocking and Stubbing Data
- Working with Events
- Summary
- A. Bootstrapping Vue
- vue-cli
- webpack
- pwa
- webpack-simple
- simple
- browserify
- browserify-simple
- Your Own Template
- Nuxt.js
- vue-cli
- B. Vue from React
- Getting Started
- Similarities
- Components
- Reactivity
- Life-Cycle Hooks
- Creating
- Updating
- Setting CSS Classes
- Differences
- Mutation
- JSX Versus Templates
- CSS Modules
- Ecosystem
- Routing
- State Management
- Unit-Testing Components
- Index