Video description
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.
What You Will Learn
- Understand all Vue concepts from beginner to advanced
- Build three real world applications using Vue.js utilising every Vue feature.
- Use the Vuex statement management library
- Write basic Vue with ES5 and also modern Vue with ES6.
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.
About The Author
Anthony Gore: Anthony is a web developer and online course instructor from Sydney, Australia. He is the author of the Ultimate Vue.js Developers video course and curator of the Vue.js Developers Newsletter.He has worked for several years as freelancer web developer, but he has also worked for large organisations.He has done development work on all kinds of projects from single page web apps to corporate mega-sites.Besides web development he is a keen musician and enjoys travelling and working remotely
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
Vue.js 2 Web Development Projects
A project-based, practical guide to get hands-on into Vue.js 2.5 development by building beautiful, functional and …
book
Make an E-commerce Site in a Weekend: Using PHP
Learn to build e-commerce sites using PHP by installing a server using WAMP, configuring MySQL for …
book
Pro Vue.js 2
Explore Vue.js to take advantage of the capabilities of modern browsers and devices using the fastest-growing …
book
JavaScript Testing with Jasmine
Get a concise introduction to Jasmine, the popular behavior-driven testing framework for JavaScript. This practical guide …