Vue.js Application Development Essentials

Vue.js Application Development Essentials

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 2h 31m | 411 MB

A stepping stone to building applications and making your vision a reality with smooth UI animations

This practical hands-on course will get you started working with Vue right from the get-go. Then you’ll explore different Vue essentials with practical examples, where you’ll learn about powerful templates and event handling. Next, you’ll discover Vue’s amazing features and add transitions and animations smoothly to your application. Also, you’ll learn to select the best tool to maintain your apps. Finally, you’ll build an application by applying all the features you’ve learned, bootstrap a project, and set up web pack configurations.

This course will take you through essential patterns and concepts you’ll need to develop a Vue.js application. You’ll learn how to respond to user actions with event handling, explore Vue’s features, and add awesome transitions and animations to your applications. At the same time, we walk you through Vue components. You’ll learn how to respond to user actions with event handling and select the right tools to maintain your apps.

This course adopts a completely practical approach where you will get started working with Vue from the get-go. Then, you’ll explore different Vue essentials with practical examples where you’ll learn about powerful templates and event handling. Next, you’ll discover amazing Vue features and add transitions and animations smoothly to your application. Also, you’ll learn to select the best tool to maintain your app. Finally, you’ll build an application by applying all the features you’ve learned, bootstrap a project, and set up web pack configurations.

What You Will Learn

  • Explore Vue essentials with practical examples
  • Dig into powerful templates and explore interpolations, directives, and shorthand
  • Learn how to respond to user actions with event handling
  • Start using Vue features by creating smooth transitions and animations for your app
  • Handle client-side routing for SPAs with Vue
  • Set up server-side rendering in Node.js
  • Maintain your application by selecting the most appropriate and best tool
Table of Contents

Getting Started with Vue
1 The Course Overview
2 Introduction to Vue
3 Environment Setup
4 First Steps with Vue

Exploring Vue Essentials
5 The Vue Instance
6 Writing Powerful Templates
7 Computed Properties and Watchers
8 Components and Lifecycle Hooks

Deal with Event Handling
9 Listening to Events
10 Method Event Handlers and Inline Handlers
11 Event and Key Modifiers

Awesome Transitions and Animation
12 Transitioning Between Elements and Components
13 List Transitions
14 Reusable and Dynamic Transitions

Scaling Up with Vue Features
15 Client-Side Routing for SPA
16 Server-Side Rendering
17 Understanding State Management

Maintain Your App with Better Tooling
18 Switching to Production Mode
19 Single-File Components
20 Writing Unit Tests
21 Providing TypeScript Support

Creating a Vue Application
22 Project Bootstrapping
23 Adding Unit Tests
24 Implementing Application Logic