DEV Community

solveyourstrife
solveyourstrife

Posted on

Implenting VueJS is Easier Than You Think!

Um... but what is VueJS??

VueJS is an open-source framework of JavaScript that you can build a user interface or a single page app! I am ~not the greatest~ at coding in JavaScript. Like I know the BASICS. When I decided to implement VueJS into my previously existing resume project, I expected it to be very difficult. But, its so easy! All you have to do is include the script (src) into the HTML code from a Vue library that you can search and find online!

So then how do you use it in a resume format?

I used VueJS to create a little get to know me visual. I wanted to take a little more fun approach to this, as I previously made a real resume on Code Pen as well with HTML and CSS. The first thing I did was define and create the sections that I would need - name, education, some fun facts, video, and a photo. Vue makes these easy to implement: once they are defined, then you can recall in the HTML loop. Using bullet points was also not too hard -

  • is used to do this puts them in a bullet format automatically! Creating this while using Vue was much more straightforward than I thought it would be.

    Final Thoughts

    Overall, I should not have been as intimidated with the idea of learning VueJS as I was. As someone who knows the very basics of JavaScript (and I mean basicssss) I was just afraid that it was going to take forever to grasp. But alas, it was not! Honestly, spending a couple of minutes to look into the basic syntax and finding a library, and you will be up & at it using Vue! So go try it out. For more of an explanation of the this, watch this video OR just look at the code itself here!

  • Image of Datadog

    The Future of AI, LLMs, and Observability on Google Cloud

    Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

    Learn More

    Top comments (0)

    A Workflow Copilot. Tailored to You.

    Pieces.app image

    Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

    Read the docs

    👋 Kindness is contagious

    Please leave a ❤️ or a friendly comment on this post if you found it helpful!

    Okay