In today's tutorial I'll show you how to convert an image to data URL in JavaScript. This is very easy to do by using the FileReader object.

For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Glossary/Base64

🏫 My Udemy Courses…

The power of framework-specific UI libraries, such as Skeleton, can lead to more productivity using the combined ability of Svelte and Tailwind to build modern web-based apps.

One of the features available in Vue is the watcher function. Let's take a look at how watchers work in Vue and how to utilize them.

This is the most beautiful Headless CMS I've ever seen! Let's use Directus.io along with SvelteKit and TypeScript to build a link shortener app. We'll create a new project in Directus along with define a data model (collection) that we'll use to store information…

Let’s unwrap the core differences between Vue’s watch and watchEffect so that you can use the best tool for the job in your day-to-day code

Identify, compare, analyze and fix your Core Web Vitals scores to boost web performance of your sites. These tools will help you to do just that.

Let's create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS.

💻 Github Repo
https://github.com/bradtraversy/qr-code-generator

🧑‍💻 Live Demo
https://qrcodes.tech

💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs

⭐…

This article teaches you on how to build a music player with React and Strapi

Walk through deploying a Create React App project to GitHub Pages, customizing your domain, and automating deployments with GitHub Actions.

How to Build Digital Agency Website Using HTML CSS JavaScript This video will show you how to...

Please note: rdme has been renamed to runme available at...

React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what re-renders are, what triggers them, most important re-renders related patterns and antipatterns to remember.

There are times when we need to take more... unconventional approaches to solving a given problem, so in this video I look at 3 (or 4, really), hacky, but useful solutions that we can use in our CSS.

🔗 Links
✅ vmax, and the other viewport units: htt…

Collection of essential Vue Composition Utilities for Vue 3 - vueuse/vueuse

What will be scraped Preparation First, we need to create a Node.js* project and add npm packages...

In this story we will talk about some edge cases and tricky questions regarding Angular routing. Let’s try to break it to understand it!

Continuously improving the Web Application performance plays very important role to improve User Experience and keep users engaged.

When we make a Node.js application, it's pretty typical that we also create a .env file that stores...

Ansible offers a simple architecture that doesn’t require special software to be installed on nodes. It also provides a robust set of features and built-in m…

In this article, we'll build a full-stack app using Next.js and Supabase. We'll discuss its setup, UI configuration, and app functionalities.

Prisma and TypeORM are possibly the main ORM choices for the JavaScript ecosystem in 2022, so I have...

JavaScript provides an easy way to filter array. By using the array method filter() you can easily create a new array which only contains…

Finally came what many of us were not waiting for but wishing for! (like the song that nobody...

Another Markdown editor? Have we not seen all kinds of Markdown editors already?





I understand that feeling. If you are a Markdown lover, from Joplin to Zettlr, you have tried most of them. And if you are not a Markdown fan, you probably don’t care about…

By Chinwendu Enyinna Regular expressions (regex) are a useful programming tool. They are key to efficient text processing. Knowing how to solve problems using regex is helpful to you as a developer and improves your productivity. In this article, yo...

By Adwaith KS In this tutorial, we'll go through a common coding problem that interviewers love to ask candidates. Hopefully this will help you understand how to think through it and solve it. Let's begin by understanding the problem. You are given a...

Discover how to create a CRUD application using Node.js and MongoDB, and write some simple tests.

Vite.js has risen tremendously in popularity in the devel­op­er com­mu­ni­ty since its first release. What’s new in Vite 3?

How use a progress bar to give feedback to users while pages load

Master 5 TypeScript typeof operator tips to make your code cleaner.

Some killer tools you can use in the Vue 3 ecosystem.

Most users tend to forget their passwords, so create experiences that will always be valuable for people when they use your products. In this article, we’ll discuss how to implement a password-reset feature with Next.js dynamic routes while prioritizing the…

Full-stack developer roles are among the most highly sought after positions in the current job market. But what exactly is full-stack web development, and how do you become a full-stack developer? In this article, you will first learn what the term f...