Getting Up to Speed with Vue.js

Getting Up to Speed with Vue.js

This post is more than 2 years old.

One of my goals for 2018 was to become an "expert on Vue". While I think I'm years away from considering myself an expert, I've spent a lot of time digging into it and trying to become better skilled with it, and all the various things in the "Vue ecosphere" like Vuex, Veutify, and more. I'm happy to announce that this May, I'll be giving a three hour course on learning Vue.js:

Getting Up to Speed with Vue.js

This is an online course that covers everything from Vue basics to working with routing and the store. I really think it will be a great way to get introduced to Vue, see how it works, and start building applications right away. There will be a second class given in June but I don't yet see a way to register for that. (It's June 22nd so they may be waiting for the May class to end before opening up registration for the second.)

Here's the current outline, although I may tweak it between now and then:

Segment 1: Beginning Vue.js (65 min total)

  • Why/What/How Vue.js? (15 min)
  • Vue Basics (20 min)
  • Exercise 1 – Palindrome Checker (10 min)
  • Exercise 2 – Ajax Search (10 min)
  • Break+Q/A (10 min)

Segment 2: Building Components (45 min total)

  • What are components? (5 min)
  • Working with Properties and Events (10 min)
  • Working with Slots (10 min)
  • Exercise 1 – Music Component (10 min)
  • Break+Q/A (10 min)

Segment 3: Routing (25 min)

  • Working with Routing (10 min)
  • Exercise 1 – Master/Detail (10 min)
  • Q/A (5 min)

Segment 4: State Management with Vuex (40 min)

  • What's a store? What’s Vuex? (5 min)
  • Working with Stores (20 min)
  • Exercise 1 – Cat Store demo (10 min)
  • Break+Q/A (5 min)

Segment 5: Building Apps with the CLI (30 min)

  • What the CLI does + Installing (5 min)
  • Generating an App (10 min)
  • Resources (5 min)
  • Final Q/A (10 min)

If you want to learn Vue, and learn it with me (cat demos for the win!) then sign up and join me next month!

Header photo by Geert Pieters on Unsplash

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA

Archived Comments

Comment 1 by daniel fredericks posted on 4/23/2018 at 12:43 PM

This is really cool...i have already sent it out to my CFML teammates and other JS developers at my company...i want to learn nativescript, but think learning vue will help with that and with my cfml work...I know you have a job that allows you to learn and teach, but you have 6 kids, how do you find time to do all you do? It would be cool to see you write up a blog about how you balance life, kids and the pursuit of happiness...then get people to comment on it to see how others balance work/life and learning...i have a balance with work and kids, but learning, and recharing/seeing my wife, not a great balance...Good Luck with this training class...always enjoy the way you teach so i am sure this will be a great training :)

Comment 2 (In reply to #1) by Raymond Camden posted on 4/23/2018 at 12:49 PM

Seven kids actually. ;)

I'm lucky that my job enables/empowers me to do research on things so I can do a lot if in my 9 to 5. I'll also do a bit of work at night, *after* the kids are in bed (well the young ones) while watching TV since most TV shows don't require a lot of attention.

Comment 3 by James Parson, CA Islander posted on 4/29/2018 at 4:29 AM

Vuejs has quite an ecosystem. I am glad these topics are getting covered. Some of it reminds me of ColdFusion. I am currently enamored with Bootstrap Vue. See

Comment 4 (In reply to #3) by Raymond Camden posted on 4/29/2018 at 4:09 PM

I like it too. I like Vuetify more - but Bootstrap Vue is neat too.