As a developer, keeping up with the industry is a must. Whether you use the latest new tool or framework out there is another question, but you should know the landscape. This is why, when I saw that Udemy had a special for a Vue.js course for $10, I hit checkout. I want to share my first impressions of Vue.js and my thoughts on Udemy as a learning tool.
Udemy is a marketplace for learning and teaching. Teachers can create courses and sell them to students. One benefit of Udemy is being able to pay per class, unlike Lynda.com where you pay for a subscription. So if you want to learn about sound engineering, you can just buy that course–pretty simple. Classes on Udemy range from $10 to $200, with frequent crazy-discounted sale prices. The course I purchased was $199.99 marked down to $10.99. It’s worth practicing patience if there is a course you have your eye on, as it will likely go on sale at some point.
The course I did is called “Vue JS 2 – The Complete Guide (including Vue Router & Vuex)” by Maximilian Schwarzmüller. Max does a great job explaining the material and how/why stuff works. Thankfully, he isn’t super techie in the way he describes things, but also doesn’t dumb things down; it’s an appropriate level for my experience. The size and depth of the course is significant–I’m currently on 45 out 386 items. Items include things like videos and quizzes, along with example files.
The dynamic and progressive aspects of Vue is what I enjoy the most. It’s fun to play with and build inputs that link up with another section of the site. Since Vue.js is built with this purpose in mind, the amount of code needed for basic things is minimal. Here’s a quick, extremely basic scenario: Let’s say we have an input field with a name, and we want to show the value in an h1. Here’s that example using jquery (which is what I normally use).
Here I wrote a function to populate the h1 with the value of the input and made an event listener to change it on change and keyup. But this is a simple example, whereas if we add more elements and inputs it gets complicated and harder to manage. It works, but how would you build something this simple in Vue?
The beauty of Vue is that is what it is meant for. Complicated, yet manageable, dynamic and progressive web apps.
After taking part in this course, I think Vue.js is pretty fun and I’m excited to learn more and find places to sprinkle it in to projects.