7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 6Length: 45 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Introduction

Hi, my name is Jeremy McPeak. In this course, you'll learn how to migrate jQuery code to Vue.js. With some simple, step-by-step examples, you'll learn how to handle common tasks like migrating jQuery forms to Vue and converting jQuery plugins.

1.Introduction
1 lesson, 01:41

1.1
Introduction
01:41

2.Migrating From jQuery to Vue.js
4 lessons, 42:33

2.1
Why Change?
14:33

2.2
Forms
09:09

2.3
Converting jQuery Plugins
11:36

2.4
Wrapping a jQuery Plugin
07:15

3.Conclusion
1 lesson, 01:02

3.1
Conclusion
01:02


1.1 Introduction

jQuery changed that way that we worked with, well, just about everything. And thanks to the idea of jQuery plugins, it also ushered in a new paradigm: Component based development. But today, we live in a world dominated by frameworks that have taken component based development and kicked it into high gear. Vue.js is one of those frameworks. And so naturally, we have a lot of jQuery based applications that's we may want to update. Hi, my name is Jeremy McPeak, and I invite you to spend a half hour or so with me while we look at my grading jQuery code to Vue.js. We'll start by looking at exactly why you might want to update your applications. Because after all, Vue.js approaches application development from a completely different mindset. It gives us a declarative syntax so that we can look at our markup and know exactly what it's doing. With jQuery, [SOUND] not so much. It also gives us the ability to easily trigger Dom updates by manipulating a component's state. And that greatly simplifies the amount of code that we have to write. From there, we'll look at a few other ideas and concepts like how view makes working with forms much easier. We'll also convert a jQuery plugin into a view component. But that isn't always feasible, and so we will also write a view component that wraps around a jQuery plugin. And that gives us the declarative syntax while minimizing the amount of code that we'd otherwise have to write, so this will be fun, and when you're ready, queue up the next video, and we'll get started.

Back to the top