O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Beginning Vue.js

Video Description

Become a pro in creating modern interactive web applications using this JavaScript framework

About This Video

  • Equipped with a wide spectrum of topics, starting with basics, such as lists, and ending with advanced features, such as creating real-time applications
  • Contains multiple assessments and activities to benchmark your progress
  • Comprises of interesting tips and tricks that make using Vue.js more efficient

In Detail

Developers can do wonders with Vue.js — an ecosystem that scales between a library and a full-featured framework. Beginning Vue.js teaches all that you need to know about Vue.js to create modern interactive web applications.

It starts with the basics, such as lists and filters, and then progresses to advanced features such as using Jasmine for testing Vue.js and creating universal applications with Electron. By the end of the course, you will also know how to integrate the Vue.js framework with others.

The code files for this title are uploaded on Github https://github.com/TrainingByPackt/C11740-Beginning-Vue.js/blob/master/README.md

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Getting Started with Vue.js
    1. Course Overview 00:05:04
    2. Lesson Overview 00:02:25
    3. Simple Vue.js Program 00:07:14
    4. Lists and Their Types 00:08:41
    5. Creating a Dynamic and Animated List 00:05:09
    6. Reacting to Events Such as Clicks and Keystrokes 00:10:56
    7. Choosing a Development Environment 00:08:12
    8. Formatting Your Text with Filters 00:04:11
    9. Summary 00:00:22
  2. Chapter 2 : Basic Vue.js Features
    1. Lesson Overview 00:01:05
    2. Learning How to Use Computed Properties Part 1 00:12:14
    3. Learning How to Use Computed Properties Part 2 00:02:16
    4. Filtering a List with a Computed Property 00:05:41
    5. Sorting a List with a Computed Property 00:02:14
    6. Formatting Currencies with Filters 00:02:51
    7. Displaying and Hiding an Element Conditionally 00:03:05
    8. Adding Styles Conditionally 00:07:03
    9. Adding Some Fun to Your App with CSS Transitions 00:05:44
    10. Outputting Raw HTML 00:02:30
    11. Creating a Form with Checkboxes 00:03:56
    12. Summary 00:00:42
  3. Chapter 3 : Transitions and Animations
    1. Lesson Overview 00:01:57
    2. Integrating with Third-Party CSS Animation Libraries 00:05:16
    3. Adding Your Own Transition Classes 00:04:35
    4. Animating with JavaScript Instead of CSS 00:04:48
    5. Transitioning Between Elements 00:04:39
    6. Letting an Element Leave Before the Enter Phase in a Transition 00:07:24
    7. Transitioning Elements That Move in a List 00:06:03
    8. Animating the State of Your Components 00:05:15
    9. Dynamic Transitions 00:03:28
    10. Summary 00:00:43
  4. Chapter 4 : All about Components
    1. Lesson Overview 00:01:55
    2. Creating and Registering a Component 00:03:09
    3. Single File Components with Webpack 00:06:34
    4. Using Components in Your Own Components 00:07:45
    5. Passing Data to Your Components with Props 00:08:53
    6. Reading a Child's State 00:07:10
    7. Content Distribution with Slots 00:08:19
    8. Making Components Talk with Vuex 00:14:34
    9. Having Recursive Components 00:03:09
    10. Summary 00:00:43
  5. Chapter 5 : Vue Communicating with the Internet
    1. Lesson Overview 00:02:08
    2. Sending Basic AJAX Requests with Axios 00:04:00
    3. Validating User Data before Sending It 00:12:45
    4. Recovering from an Error during a Request 00:07:41
    5. Creating a REST Client (and Server!) 00:12:02
    6. Implementing Infinite Scrolling 00:06:21
    7. Processing a Request before Sending It Out 00:04:08
    8. Preventing XSRF Attacks on Your App 00:03:56
    9. Summary 00:00:26
  6. Chapter 6 : Single-Page Applications
    1. Lesson Overview 00:02:15
    2. Creating an SPA with Vue-Router 00:07:31
    3. Fetching Data before Switching Routes 00:04:12
    4. Managing Errors for Your Routes 00:04:29
    5. Using Named Dynamic Routes 00:05:45
    6. Composing Your Routes Hierarchically 00:07:26
    7. How to Redirect to another Route 00:05:56
    8. Saving Scrolling Position When Hitting Back 00:02:51
    9. Summary 00:00:40
  7. Chapter 7 : Unit-Testing and End-to-End Testing
    1. Lesson Overview 00:01:43
    2. Using Jasmine for Testing Vue Applications 00:08:46
    3. Adding Karma to Your Workflow 00:07:13
    4. Testing Your Application State and Methods 00:04:38
    5. Testing Asynchronous DOM Updates 00:04:32
    6. End-to-End Testing with TestCafe 00:05:13
    7. Stubbing External API Calls with Sinon.JS 00:06:04
    8. Measuring the Coverage of Your Code 00:07:29
    9. Summary 00:00:39
  8. Chapter 8 : Organize + Automate + Deploy = Webpack
    1. Lesson Overview 00:01:09
    2. Extracting Logic from Your Components to Keep the Code Tidy 00:03:49
    3. Organizing Your Dependencies with Webpack 00:07:38
    4. Developing with Continuous Feedback with Hot Reloading 00:02:50
    5. Running a Code Linter While Developing 00:04:55
    6. Deploy your app to the Public 00:02:22
    7. Summary 00:01:00