VueJS: How to Delete/Destroy a Component

https://paulxiong.medium.com/vuejs-how-to-delete-destroy-a-component-a1abebc9ce1c?source=rss------vuejs-5
The simplest way, just put “:key=var1”Continue reading on Medium »

Create a beautiful to-do list app in Vuetify: displaying the list of tasks (lists, margins…

https://codingbeauty.medium.com/create-a-beautiful-to-do-list-app-in-vuetify-displaying-the-list-of-tasks-lists-margins-cc0fde2ed2c1?source=rss------vuejs-5
Displaying the list of tasks with Vuetify listsContinue reading on Medium »

Filtering data in vue js

https://medium.com/@maltinimalmo/filtering-data-in-vue-js-f40d67cd7162?source=rss------vuejs-5
ComputedContinue reading on Medium »

VueJS dynamic components/classes for people in a hurry

https://richard-taujenis.medium.com/vuejs-dynamic-components-classes-for-people-in-a-hurry-1a86582e1d5e?source=rss------vuejs-5
VueJS same as other web frameworks have to be utilized to its fullest and that can not be done without using its dynamic features!Continue reading on Medium »

Guide to load images in web app

https://rahuulmiishra.medium.com/guide-to-lazy-loading-of-images-e304684214c3?source=rss------vuejs-5
Hello world 🌎Continue reading on Medium »

Vue js Benefits That Make Life Better

https://procoders.medium.com/vue-js-benefits-that-make-life-better-7102285ff878?source=rss------vuejs-5
Vue.js is a lightweight and powerful JavaScript library for building user interfaces. Vue is a progressive framework that allows you to…Continue reading on Medium »

Coding on the smartphone?

https://medium.com/@bk52/coding-on-the-smartphone-22ae9302801e?source=rss------vuejs-5
A few years ago, I was in charge of the canteen of a government institution. Although it seemed easy, this job had some difficulties.Continue reading on Medium »

Quasar - универсально, быстро, современно.

https://medium.com/@vdmitrashik/quasar-%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE-%D0%B1%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE-aeab05a8397c?source=rss------vuejs-5
Хотелось бы поделиться историей, заодно познакомить с фреймворком, который называется Quasar.Continue reading on Medium »

Progressive Image Loading in React

https://rahuulmiishra.medium.com/progressive-image-loading-in-react-e59988678908?source=rss------vuejs-5
Hello Developers 💻 ,
Images … . they are fascinating and also a headache to manage in any web application.Continue reading on Medium »

Vitejs SSR (Fastify, Vuejs)

https://dev.to/rezvitsky/vitejs-ssr-fastify-vuejs-5a40
Vite SSR (Vue 3 + Vitejs + Fastify)






Hey! For this stack, I used:

Fastify
Fastify Express
Vitejs
Vuejs
Vite plugin vue layouts
Vite plugin pages
Unplugin auto import
Unplugin vue components

Repository: https://github.com/Rezvitsky/vite-ssr-vue

Animated display images one after one with VueJS & TailwindCSS

https://medium.com/365labs/animated-display-images-one-after-one-with-vuejs-tailwindcss-3a8659e9bf00?source=rss------vuejs-5
When the pixid gallery is being built, I want to add animation to make it not too boring when loading images. I was thinking of images…Continue reading on 365labs »

The Nativescript RootLayout and Nativescript-Vue

https://medium.com/@adeyemiadetayo07/the-nativescript-rootlayout-and-nativescript-vue-a404b88fc65d?source=rss------vuejs-5
So, if you follow Nativescript closely, the release note for Nativescript 8 introduced a new layout, RootLayout (see release note here)…Continue reading on Medium »

Nuxt.js | How to retain Scroll Position when returning to page without Navigation History

https://medium.com/@luizzappa/nuxt-js-how-to-retain-scroll-position-when-returning-to-page-without-navigation-history-7f0250886d27?source=rss------vuejs-5
The Nuxt framework already provides a feature to preserve the scroll position when returning to a page if the user clicks the browser’s…Continue reading on Medium »

i just coded and commited a little something..

https://dev.to/valbuena/i-just-coded-and-commited-a-little-something-30j1
this is actually my very first post.
as i was re-building my portfolio i found myself putting everything in components and i tought some may find a couple of those useful.
i give you ✨ fancyCursor a VUE component to add some fanciness to your vue project. hope you like it.

happy new year!

Is Angular still relevant in 2022?

https://dev.to/tomaszs2/is-angular-still-relevant-in-2022-3efg
Angular is still developed. Last years performance improvements (Ivy engine) causes build time to be fast and comparable to React. Also interactiveness is comparable to React.
Angular enters 2022 year as a strong framework that proves its value for people who like to focus on design and user experience rather than handling technical issues introduced by complicated sets of libraries that form frameworks around React.
While React development is also ongoing and enables developers to hotwire amazing projects, Angular holds to the mission of being stable, predictable framework that you can learn once and transfer the knowledge to every project.
Year 2022 is for Angular deciding. Vue - a in between tries to buy programmers keyboards. Svelte is another library around. But the real competitor for Angular is Ember. The only framework that provides similar level of coding comfort.
Eventually 2022 will be a year of serious decisions. Will Angular be removed to replace or with intensively marketed React? Will developers working earlier with jQuery or React, Vue, Svelte put their horses on well thought through framework that helps to focus on user experience?
Will developers support Angular by adjusting libraries accordingly? Aside from technical discussions, and decisions, 2022 fate depends more on trends, just like fashion is dependant.
One is sure, Angular is here to stay supporting developers and users in in proving and having state of art experience.

JavaScript current year with getFullYear()

https://dev.to/nickfrosty/javascript-current-year-with-getfullyear-h1c
Did you hard code the year in your footer? New year, new problems.
With this one-liner, you can dynamically set the year with JavaScript:



let year = new Date().getFullYear();


If you are using VueJS or NuxtJS, you can add the current year code directly into your template section



<template>
<footer>
Copyright © {{ new Date().getFullYear() }}
</footer>
</template>


You can find more useful dev articles on my site, frostbutter.com/articles

Hacking together a web-scraping enrollment app

https://dev.to/nandanv2702/hacking-together-a-web-scraping-enrollment-app-3eb6
Overview of My Submission

If you're a university student / have ever been to uni, you know how cumbersome enrollment can be. You need to look for a class, find the profs, find out how good they are and their average GPA - all this takes time!
So, this app aims to sort professors by rating and GPA trend for any course in this semester or the upcoming one/(s) at my uni - and all you need to do is look up course 😄




Submission Category

Choose Your Own Adventure



Link to Code






nandanv2702
/
unitrack



Sort UW-Madison professors by rating and GPA trend for any course in this semester or the upcoming one/(s)






UniTrack
Sort professors by rating and GPA trend for any course in this semester or the upcoming one/(s)

The Problem
Here's what it's like enrolling for classes:


Search for a class on the Course Search and Enroll App

Search for every professor's rating online

Search for every professor's GPA trends on MadGrades


Try to make sense of this data

Have a Spotted Cow 🍻


Repeat for 5 other classes this semester


The Solution
Here's what you could do instead:


Look up a class on this app

Have a Spotted Cow 🍻


View grade trends and ratings all in one place!


What I Used


MadGrades API

Find course by name, e.g., 'Econ 101'
Find all GPA data and filter by professor


UW Madison's Public Course Search and Enroll API

Find course in a particular semester
Find professors for all sections in one course in a semester


Good ol' web scraping for…



View on GitHub




Additional Resources / Info

Here's some of the tools I used

MongoDB Atlas

NuxtJS - a VueJS framework

ChakraUI - an accessibility-oriented component library

Vuejs artık eskisi gibi değil…

https://medium.com/@swoorr/vuejs-art%C4%B1k-eskisi-gibi-de%C4%9Fil-cc9615ae53bc?source=rss------vuejs-5
Herkese selamlar öncelikle… 
Ben kendi gördüklerimi paylaşmaya çalışacağım, bilgi değil deneyim aktarma yanlısıyım ✌️Continue reading on Medium »

Create a Beautiful To-Do List App With Vuetify: Adding New Tasks

https://javascript.plainenglish.io/create-a-beautiful-to-do-list-app-with-vuetify-adding-new-tasks-63839dc462c8?source=rss------vuejs-5
Use FABs, dialogs and form controls to enable adding of new tasks in the to-do list app.Continue reading on JavaScript in Plain English »

i coded and published a fancy cursor component

https://dev.to/valbuena/i-coded-and-published-a-fancy-cursor-component-3i62
i am re-building my personal website using VUE3 (vite, gsap, typescript, composition API and WebGL-Fluid-Simulation by Pavel Dobryakov)
i've put everyhing in components. some may find this one interesting/useful.
https://github.com/vlbn/fancycursor
any feedback is always welcome!