DEV Community

0 seconds of 0 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
00:00
00:00
00:00
 
Michelle Duke
Michelle Duke

Posted on β€’ Edited on

3 1

Vue JS animations - putting learning into practice

Well that's it! I pretty much finished all the Vue JS Mastery courses I wanted to do. I got through all the introductory stuff, and learned a bunch of the intermediate. The main thing I wanted to learn in intermediate was the animations. I didn't think it was useful to go much deeper than that. Otherwise it'll go over my head before I dive in and apply the knowledge I've learned.

Learning Vue JS

I really enjoyed this course. Animations were super fun. As you'll see in the clip above, I was able to create a bunch of simple animations. Even nested animations are covered in the course. I found they are super easy to build and they look great. Even a small animation is enough to make your website or app feel polished.

Now I'll be able to use animations like this for the next exciting thing I do. Speaking of... what's next?

Putting it into practice

As I mentioned in my live stream, I wanted to learn Vue JS since I need to redo a website already written in Vue JS. So the first thing I'll be doing (and have been doing) is putting the knowledge I learned to work. I've been going through the website code, changing it up, adding new pieces of information, and understanding how the original developer put the code together.

It's a great experience to take what you've done and use it. But it's not necessarily easy. You aren't just going to learn something and instantly be a pro at it. There's lots of practice involved. Trials and errors. You'll notice even in my short video above I talked through a really simple error I made. Missing out on a semi colon meant I didn't have the animation done correctly. Sure, the website didn't break. But it didn't work as I intended it.

Luckily, I have lots of friends, colleagues, and people in my live streams to help me out. In fact, if you're struggling with programming, definitely find a buddy. Meetup groups, online forums, Twitch streams, and even Discord communities are places you can find like-minded people who are willing to help.

Twitch Live Coding

If you enjoyed the short clip above and you want to see more, check out the full recording. You can also join me live on any of my Twitch sessions for some coding and games too.

Lastly, I hope my story is encouraging you to get out there and give it a go. Find something you're passionate about. Something that sticks. Something which resonates with you. And then just go for it. The first step is the hardest and I encourage you to take it!

Tiugo image

Modular, Fast, and Built for Developers

CKEditor 5 gives you full control over your editing experience. A modular architecture means you get high performance, fewer re-renders and a setup that scales with your needs.

Start now

Top comments (1)

Collapse
 
eddiejaoude profile image
Eddie Jaoude β€’

Awesome! I need to get into Vue!

nextjs tutorial video

Youtube Tutorial Series πŸ“Ί

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay