Video description
Learn to code Vue JS 2 by building three professional application
About This Video
In Detail
This Course contains all Vue concepts from beginner to advanced, way to create a universal application with server-side rendering and uses popular plugins from the Vue ecosystem like vue-router and vue-resources.
Audience
The course is intended for existing web developers looking to learn Vue.js, new web developers looking to pick up a Javascript framework, curious React and Angular developers.
Publisher resources
Table of contents
- Chapter 1 : Introduction
- Chapter 2 : Project 1 - Overview and setup
- Chapter 3 : Project 1 - Up and running with Vue
-
Chapter 4 : Project 1 - Adding product search
- First, a request!
- Creating the cart
- Vue essentials: Reactivity
- Iterate cart items in template
- Enhancing cart in the template
- Hide cart if empty
- Adding quantity to cart items
- Cart items quantity logic
- Adding price to cart items
- Vue essentials: Filters
- Formatting price
- Adding quantity buttons to template
- Quantity buttons logic
- Adding classes and breaking loop in add Items
- Chapter 5 : Project 1 - Adding product search
- Chapter 6 : Project 1 - Building the product list
- Chapter 7 : Project 1 - Enhancing the shopping cart
-
Chapter 8 : Project 1 - Scroll loading products
- How scroll load works
- Creating the results array
- Including scroll monitor in the project
- Scroll monitor basic setup
- Implementing scroll load (part 1)
- Implementing scroll load (part 2)
- Fixing search results
- Adding a "no more items" message
- Vue essentials: Computed properties
- Enhancing "no more items" logic
- Chapter 9 : Project 1 - Finishing touches
- Chapter 10 : Project 2 - Overview and setup
- Chapter 11 : Project 2 - Setting up components
-
Chapter 12 : Project 2 - Filters
- Vue essentials: Props
- Add props to check-filter component
- Making check-filter toggleable
- Vue essentials: Custom events
- Emitting a custom event from check-filter
- Vue essentials: Vue.js devtools
- Adding a payload to check-filter event
- Processing check-filter event in root instance
- Add filter arrays to movie-list
- Creating logic for genre filter
- Chapter 13 : Project 2 - Refactoring with single file components
- Chapter 14 : Project 2 - Getting data from API
- Chapter 15 : Project 2 - Displaying session times
- Chapter 16 : Project 2 - Component communication with an event bus
- Chapter 17 : Project 2 - Creating the Detail page
- Chapter 18 : Project 2 - Adding the day selector
- Chapter 19 : Project 2 - Adding tooltips
- Chapter 20 : Project 2 - Finishing touches
- Chapter 21 : Project 3 - Overview and setup
- Chapter 22 : Project 3 - Setting up the calendar
- Chapter 23 : Project 3 - Calendar day functionality
- Chapter 24 : Project 3 - Adding the month selector
-
Chapter 25 : Project 3 - Creating the event form
- Creating event-form component
- Capture click in calendar-day
- Positioning Event Form
- Opening and closing Event Form
- Displaying events in calendar-day
- Creating events state in store
- Adding input to event-form
- Submit new event to store
- Get event date in store
- Improving form
- Focus directive, Enter keyup is create
- Displaying date on Event Form
- Highlight Event Form active day
- Chapter 26 : Project 3 - Loading stored events
- Chapter 27 : Project 3 - Writing events to template
-
Chapter 28 : Project 3 - Server-side rendering
- Vue essentials: Render functions
- Creating root instance template with a render function
- Introduction to server-side rendering
- Server-side rendering webpack flow
- Creating common entry file
- Creating server entry file
- Setting up bundle renderer
- Splicing rendered bundle into HTML template
- Vuex state hydration
- Chapter 29 : Project 3 - Finishing touches
- Chapter 30 : Wrap up
Product information
- Title: The Ultimate Vue JS 2 Developers Course
- Author(s):
- Release date: July 2017
- Publisher(s): Packt Publishing
- ISBN: 9781788394086
You might also like
book
The Staff Engineer's Path
For years, companies have rewarded their most effective engineers with management positions. But treating management as …
book
Learning Go
Go is rapidly becoming the preferred language for building web services. While there are plenty of …
book
You Don't Know JS: Up & Going
It’s easy to learn parts of JavaScript, but much harder to learn it completely—or even sufficiently—whether …
video
React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition
**This course is now updated for the latest version of React—React 18** React.js is the most …