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

Web Development with Vue.js 2

Video Description

Learn how to build amazing and complex reactive web applications easily with Vue.js

About This Video

  • Learn how to propagate DOM changes across the website without writing extensive jQuery callbacks code

  • Discover how to achieve reactivity and easily compose views with Vue.js and understand what it does behind the scenes

  • Explore the core features of Vue.js through small examples, learn how to build dynamic content into pre-existing web applications, and build Vue.js applications from scratch

  • In Detail

    Vue.js is one of the latest new frameworks to have piqued the interest of web developers due to its reactivity, reusable components, and ease of use. This video course shows developers how to leverage its features to build high-performing, reactive web interfaces with Vue.js. From the initial structuring to full deployment, this video provides step-by-step guidance to developing an interactive web interface from scratch with Vue.js.

    You will start by building a simple application in Vue.js so you can observe its features in action. Delving into more complex concepts, you’ll learn about reactive data binding, reusable components, plugins, filters, and state management with Vuex. It will also teach you how to bring reactivity to an existing static application using Vue.js. By the time you finish this video, you will have built, tested, and deployed a complete reactive application in Vue.js from scratch.

    Table of Contents

    1. Chapter 1 : Going Shopping with Vue.js
      1. The Course Overview 00:04:27
      2. Buzzwords 00:05:54
      3. The Importance of Vue.js and Working with Vue.js 00:14:32
      4. Using Vue.js in an Existing Project 00:03:53
      5. Vue.js 2.0! and Projects Using Vue.js 00:05:22
      6. Let's Manage Time! 00:09:45
    2. Chapter 2 : Fundamentals – Installing and Using
      1. The MVVM Architectural Pattern 00:02:23
      2. DefineProperty, Getters, and Setters 00:03:25
      3. Comparing with Other Frameworks 00:05:40
      4. Vue.js Fundamentals 00:12:59
      5. Installing, Using a Vue.js Application 00:14:26
      6. Debugging Your Vue Application 00:02:08
      7. Scaffolding Our Applications 00:05:23
    3. Chapter 3 : Components – Understanding and Using
      1. Revisiting Components and Their Benefits 00:10:06
      2. Rewriting the Shopping List with Simple Components 00:07:38
      3. Single-File Components 00:07:10
      4. Rewriting Our Shopping List Application with Single-File Components 00:08:46
      5. Rewriting the Pomodoro Application with Single-File Components 00:04:08
      6. Reactive Binding of CSS Transitions 00:04:27
    4. Chapter 4 : Reactivity – Binding Data to Your Application
      1. Revisiting Data Binding and Interpolating Data 00:04:40
      2. Using Expressions and Filters 00:07:04
      3. Revisiting and Applying Directives 00:24:48
    5. Chapter 5 : Vuex – Managing State in Your Application
      1. Parent-Child Components' Communication, Events, and Brain Teaser 00:08:57
      2. Introduction to Vuex and the Global State Store 00:05:16
      3. Greetings with Store 00:20:11
      4. Installing and Using the Vuex Store in Our Applications 00:01:59
      5. Using the Vuex Store in the Shopping List Application 00:04:53
      6. Using the Vuex Store in the Pomodoro Application 00:18:14
    6. Chapter 6 : Plugins – Building Your House with Your Own Bricks
      1. Using the Vue-Resource Plugin in the Shopping List Application 00:22:08
      2. Creating and Using a Plugin in the Pomodoro Application 00:14:13
    7. Chapter 7 : Testing – Time to Test What We have Done So Far!
      1. Why Unit Tests? 00:04:27
      2. Unit Tests for Vue Applications 00:02:47
      3. Writing Unit Tests for the Shopping List Application 00:20:29
      4. Writing Unit Tests for Our Pomodoro Application 00:03:34
      5. End-to- end Testing and Nightwatch e2e 00:04:07
      6. Writing e2e Tests for the Pomodoro Application 00:04:45
    8. Chapter 8 : Deploying – Time to Go Live!
      1. Software Deployment 00:08:49
      2. Deploying the Pomodoro Application 00:06:26
      3. Deploying the Shopping List Application 00:05:00
    9. Chapter 9 : What Is Next?
      1. Vue 2.0 00:02:53
      2. Revisiting Our Applications 00:02:42
      3. Why is it Just the Beginning? 00:10:00