DEV Community

Katie Walkowski
Katie Walkowski

Posted on

1

Learning what VueJS is and how to use it!

Hey guys! This week I'm gonna be talking about Javascript and VueJS. This is something I'm extremely new to and don't have much experience with, but found after some practice and application it actually isn't that hard to grasp!

Javascript is comparatively a lot more on the logical side in regards to HTML and CSS. It is dynamic whereas HTML is static. Changes to the application can be made a lot easier and are more friendly with multiple users using a web application.

VueJS can be described as being a framework to build web applications. There are different elements that Vue adds that makes it easier and more applicable to use in certain situations. Using Vue, you can use templates to dynamically display and change HTML content based values from your JavaScript code.

I created a video giving a tutorial on how to use Javascript and Vue using the resume I made last week with HTML and CSS. My video gives a brief overview on my personal code and how it functions to create what I made!

I would like to mention a few additional details pertaining to my code. The v-for code I used in my HTML is a for loop, meaning the code will repeat. Using v-bind in HTML allows you to dynamically assign and update HTML attributes based on the JavaScript values. Also, in my code where I use target="_blank" this is so that a new tab is created for my Youtube channel to pop up instead of leaving the CodePen page.

Link to CodePen: https://codepen.io/TechnologyKatie35/pen/GRNNKON
Link to Youtube tutorial:
https://youtu.be/WF2mjudzUZA

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read 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