How to add fontawesome icons to Vuejs

https://lime5005.medium.com/how-to-add-fontawesome-to-vuejs-dfd255164144?source=rss------vuejs-5
I just learnt how to add the icons of fontawesome to my Vuejs (version 2) project, for example, the “edit” icon and the “delete” icon.Continue reading on Medium »

How to boost your form development with formify

https://medium.com/@andreasmuelder/how-to-boost-your-form-development-with-formify-dc9ea4be3c4a?source=rss------vuejs-5
formify.cloud creates human readable, high-qualify form components for modern single page application frameworks. It is a one-shot…Continue reading on Medium »

Vue.js Nation Conference — Day 1

https://medium.com/@aUnicornDev/vue-js-nation-conference-day-1-4b4084c608ea?source=rss------vuejs-5
With 11 guest Speakers over a period of 6 hours, hosted by Rob Alexin, we had a lot of Q/A sessions and bunch of giveaways in the…Continue reading on Medium »

vue.js cons ?

https://medium.com/@ksumit98203/vue-js-cons-e2444317fa06?source=rss------vuejs-5
Since we’ve covered the stars, how about we investigate the negatives of Vue.js.Continue reading on Medium »

Best VueJs Development Company in Alaska| VueJs Services Alaska

https://itriangletechnolabs.medium.com/best-vuejs-development-company-in-alaska-vuejs-services-alaska-277c064d527b?source=rss------vuejs-5
VueJs Development Company In AlaskaContinue reading on Medium »

Utilizando Nuxt 3 + Tailwind 2022

https://medium.com/@jhony.jss/utilizando-nuxt-3-tailwind-2022-d3692faeaf57?source=rss------vuejs-5
Se você já conhece ou utilizou o Nuxt 2 em seus projetos sabe muito bem do que estou falando em questão de organização de codigo, porém, o…Continue reading on Medium »

Custom JavaScript Transitions In Vue

https://medium.com/geekculture/custom-javascript-transitions-in-vue-ce78dd463d45?source=rss------vuejs-5
And why you might want to use themContinue reading on Geek Culture »

How to Use Tabs in Vuetify

https://javascript.plainenglish.io/how-to-use-tabs-in-vuetify-d7b0c78ded0a?source=rss------vuejs-5
Learn how to create and customize tabs in Vuetify.Continue reading on JavaScript in Plain English »

Looking for Admin Panel built with Laravel 8, Vue.js 3 & Tailwind CSS?

https://dev.to/scriptmint/looking-for-admin-panel-built-with-laravel-8-vuejs-3-tailwind-css-1dpn
A Complete Full Stack Starter Kit for Web Developers to quickly deliver your next client project!
MintUI offers tons of built-in features that significantly reduces your effort & time of development.
Check out the live demo at https://ui.scriptmint.com






Starting a new project is NO LONGER a pain!

A new project consumes a lot of time to build core features. Whether you are individual or a team, you need to take care of core features in the frontend as well as backend.
MintUI can significantly reduce your development time to quickly build & deliver your next web project.
Checkout some of the core features you get with MintUI:




Why MintUI?


Always Up-to-date
Built as SPA
Support REST API
Elegant Syntax

Lets understand the Concepts, Design Pattern used to build MintUI & Know what's in the bucket for Future.

Check how easy it is to create a sample form:

Visit https://scriptmint-website.test/mint-ui to know more about MintUI.
Do let us know what extra features & functionalities you wish to have in MintUI!

Ref() vs Reactive() in Vue 3 — what’s the right choice?

https://medium.com/@bsalwiczek/ref-vs-reactive-in-vue-3-whats-the-right-choice-7c6f7265ce39?source=rss------vuejs-5
Composition API comes with two ways to introduce a reactive state into the components. Do you know which one to use?Continue reading on Medium »

Looking for Admin Panel built with Laravel 8, Vue.js 3 & Tailwind CSS?

https://scriptmint.iss.onedium.com/looking-for-admin-panel-built-with-laravel-8-vue-js-3-tailwind-css-c9ec1813f8b2?source=rss------vuejs-5
A Complete Full Stack Starter Kit for Web Developers to quickly deliver your next client project!Continue reading on Medium »

Which is better? Angular vs Vue vs React

https://speedtech.medium.com/which-is-better-angular-vs-vue-vs-react-c9afbfd798fe?source=rss------vuejs-5
This question is discussed way too many times. Often this question is asked in the interviews also. But how would you answer which one is…Continue reading on Medium »

Apa Itu Vue JS ? Front End Developer Pemula Wajib Tau Sih

https://anakmalescom.medium.com/apa-itu-vue-js-front-end-developer-pemula-wajib-tau-sih-aa530296af6f?source=rss------vuejs-5
Anak Males — Kalo ngomongin soal website emang ngga ada matinya sih, apa lagi dengan framework yang buat kamu bertanya apa itu vue js.Continue reading on Medium »

Deploying VueJS with NodeJS Backend on GCP Cloud Run from Cloud Source Repositories

https://medium.com/bb-tutorials-and-thoughts/deploying-vuejs-with-nodejs-backend-on-gcp-cloud-run-from-cloud-source-repositories-6452e51836c?source=rss------vuejs-5
A step by step guide with an example project With Docker RuntimeContinue reading on Bachina Labs »

How to Add a QR and Barcode Scanner to Your Vue.js App

https://dimoff2000.medium.com/how-to-add-a-qr-and-barcode-scanner-to-your-vue-js-app-545c23f31969?source=rss------vuejs-5
In this blog post, I will show you how to add a QR and barcode scanner to your Vue.js website. This is a great way to increase engagement…Continue reading on Medium »

How to Add a QR and Barcode Scanner to Your Vue.js App

https://dev.to/olefyrenko/how-to-add-a-qr-and-barcode-scanner-to-your-vuejs-app-4c50
In this blog post, I will show you how to add a QR and barcode scanner to your Vue.js website. This is a great way to increase engagement with your users and can be used for a variety of purposes, such as marketing, product identification, and more! We will be using the vue-barcode-reader library for this tutorial, which is a popular option for scanning both QR codes and barcodes. Let’s get started!



Installation

First, we need to install the vue-barcode-reader library. We can do this with npm:



npm install vue-barcode-reader --save


Or yarn:



yarn add vue-barcode-reader


Please note that for projects which use the Vue 2.0 version you need to install the compatible version of the library ([email protected]).



TypeScript

If you are using TypeScript, you will need to install additionally the definitions of the vue-barcode-reader types. There are type definitions available at DefinitelyTyped for those who work with TypeScript.



npm install @types/vue-barcode-reader --save-dev


Or



yarn add -D @types/vue-barcode-reader





Usage

Next, we need to add the library to our project. We can do this by adding it to our Vue component:



import { StreamBarcodeReader } from "vue-barcode-reader";


Now, we need to add a QR or barcode scanner component to our project. We can do this by adding the following code:



<StreamBarcodeReader
@decode="onDecode"
@loaded="onLoaded"
></StreamBarcodeReader>


We should also implement the handlers for decode and loaded events which the library exposes.



onDecode(text) {
console.log(`Decode text from QR code is ${text}`)
},
onLoaded() {
console.log(`Ready to start scanning barcodes`)
}


Now, you can scan QR codes and barcodes in your Vue.js application! Here is an example of a QR code that I scanned:




Demo

You can find the source code of the example application on Github or check it live at Vercel or Netlify. You can also check how vue-barcode-reader library works on the live production website here.



Conclusion

In this blog post, I showed you how to add a QR and barcode scanner capabilities to your Vue.js app. This is a great way to increase engagement with your users, and can be used for a variety of purposes, such as marketing, product identification, and more! I hope you found this blog post helpful. Feel free to ask me any questions in DM on Twitter. Thanks for reading!

Nuxt.js Projelerinde Global Hata Yönetimi

https://medium.com/@muhammederdinc/nuxt-js-projelerinde-global-hata-y%C3%B6netimi-6bc9abe0334?source=rss------vuejs-5
Günümüzde frontend projeleri eskiye kıyasla daha karmaşık ve dinamik bir hale gelmiş durumdadırlar. Bu nedenle bir frontend projesi…Continue reading on Medium »

I made an extremely fast, fully static rss reader

https://dev.to/fayaz/i-made-an-extremely-fast-fully-static-rss-reader-11fa
So, I always wanted a rss reader, which had images for all the articles and I wanted it fast, hence came this idea, I have been using this for my personal use for a very long time now, finally making it open source.
https://feedful.vercel.app - do star on github if you find it good.
How did I make it static?

A github action scrapes data and commits the data every 4 hours
Vercel deploys it whenever a new commit is pushed.

Smokey Screen Wipe Transitions In Vue

https://medium.com/geekculture/smokey-screen-wipe-transitions-in-vue-4472b109e01?source=rss------vuejs-5
My first foray into the magical and confusing world of shadersContinue reading on Geek Culture »

Customizing login and signup pages in Keycloak

https://opcitotechnologies.medium.com/customizing-login-and-signup-pages-in-keycloak-ad97b5a26be9?source=rss------vuejs-5
Application security is of utmost importance in today’s ever-evolving digital ecosystem. Preventing unauthorized access to sensitive data…Continue reading on Medium »