English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4h 42m | 1.09 GB
Solutions for better web application development using Vue 2
Learn useful solutions to common problems encountered when building Vue 2 applications
Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex, single-page applications a breeze. Its component-based approach, intuitive API, blazingly fast core, and compact size make Vue.js a great solution with which to craft your next front-end application.
This video tutorial dives right into exploring various tasks that you will come across while building your web applications with Vue.js. You start with building a simple Vue application, and then learn to add different elements, filters, properties, and forms to your project. You’ll explore the different transitions and animations possible with Vue.js, and add components and events to your Vue application, making it more dynamic as you go. After that, you’ll learn how to add communication with remote resources to your Vue application and leverage VueRouter 2 to build a single-page application. Finally, you will delve into advanced state management with Vuex and learn to test the applications you’ve built.
By the end of this course, you’ll be ready to take on real-world projects with Vue, armed with the solutions needed to face development tasks head-on.
What You Will Learn
- Quick-start your application development with Vue 2
- Utilize Vue 2 features in ready applications
- Add transitions and animations to your Vue 2 application
- Add dynamic components to your application
- Master server-to-client and client–to-server communication using Vue Resource
- From zero to SPA lightning fast with VueRouter 2
- Build tests for your Vue application
- Build custom plugins for your Vue.js application
- Store management with Vuex
Table of Contents
01 The Course Overview
02 Using Different Vue CLI Templates for Your Application
03 Building a Simple Application with Vue
04 Adding Reactive Elements to Your Vue Application
05 Adding Interactivity to Your Web Application with Events
06 Constructing Your Own Vue Filters for Transforming Your Output
07 Debugging Your Vue Application
08 Filtering a List Using a Computed Property
09 Sorting a List Using a Computed Property
10 Using Filters to Show Currency
11 Working on Dates with Filters and MomentJS
12 Conditionally Rendering Your Pages with v-if and v-show
13 Manipulating an Element by Binding Styles and Classes
14 Building a Basic Form Using Bootstrap and Vue
15 Handling Form Buttons of Different Types
16 Employing Vue Selects, Checkboxes, and Radio Elements in Your Form
17 Creating Your Own Transition Classes
18 Transitioning on Initial Render
19 Transitioning between Elements
20 Entering and Leaving Transitions for Elements in a List
21 Reusing Transitions Throughout Your Application
22 Creating Reactive Transitions for Your Application
23 Creating Dynamic Components for Your Applications
24 Passing Data between Parent_Child Dynamic Components
25 Adding Component Events to Your Application
26 Passing Properties to Components
27 Handling Data Outside of a Component
28 Creating Reusable Components for Your Application
29 Using Slots in Components for Passing Data
30 Packaging a Component in a Vue File with Webpack
31 Working with Advanced Vue Files
32 Making Basic Calls
33 Making Reactive Calls Inside Your Application
34 Making Form Calls Within Your Application
35 Error Handling
36 Using Request and Response Interceptors
37 Throttling and Debouncing Requests Using Lodash
38 Protecting Your Application Against CSRF
39 Developing Pages for Vue Router
40 Using Route Parameters
41 Adding Navigation Guards
42 Developing Nested Routes
43 Redirecting Using Navigation Guards
44 Handling Authentication and Route Metadata
45 Create Login Functionality in Combination with LocalStorage
46 Adding Vuex to Your Application
47 Accessing Store Data in Components
48 Structuring a Small Vuex Store
49 Managing Your Application’s State with Vuex
50 Making Use of Vuex Getters
51 Changing Your Application’s State with Mutations
52 Committing Mutations with the Help of Actions
53 Managing Your Application’s Store Size with Modules
54 Using Vuex Plugins in Your Applications
55 Handling Forms in Your Application with Vuex
56 Unit Testing a Vue Component
57 Unit Testing the Actions from the Vuex Store
58 Unit Testing the Mutations from the Vuex Store
59 Unit Testing the Getters from the Vuex Store
60 End-to-End Testing with Nightwatch
Resolve the captcha to access the links!