Welcome to the DevDojo

Helping Developers Create Cool Sh*t

One of the greatest things about being a developer is that you have the ability to create something out of nothing. The power to imagine an idea, execute on it, and code it into existence. Your great idea might help people connect, inspire others, or change the way people do business. Whatever you decide to create, we can help you on your journey.

Checkout our latest product - the ultimate tailwindcss page creator πŸš€

Petre Popescu

20 hours ago

View Post

Building a form in Play Framework

Almost all websites require a form in one way or another. It can be as simple as a search field or a more complex form with many inputs and validation mechanisms. Either way, the main principles are the same and in this post, I will show you how to build a simple user registration form using Play Framework Java. We will cover al...
Building a form in Play Framework
1
Select One:

Bobby Iliev

23 hours ago

View Post

How to Quickly Change the Password for a User in Laravel?

Introduction In some cases, you might want to reset the password for your Laravel user quickly. Another reason might be that you could be having problems with your emails, and the reset password email is not being delivered. However, unlike WordPress, for example, where you could simply use MD5 to encrypt your password and updat...
How to Quickly Change the Password for a User in Laravel?
3
Select One:

Bryan Borgesano

1 day ago

View Post

Adding Google Cloud Credentials to Heroku

THE PROBLEM If your project is using a package that loads credentials from a file instead of an environmental variable, configuration with Heroku can be confusing. I ran into this issue when adding @google-cloud/storage to my project. The solution I found that kept my credentials hidden and secure was using this build pack from...
Adding Google Cloud Credentials to Heroku
1
Select One:

Carter Brooksby

1 day ago

View Post

Transactional Replication on SQL Server: How it Works

One day at work, when I was still learning about replication, we set up a game: I would create a transactional replication on a dummy database and make a job that inserts and updates entries into it. The DBA and my manager would at random intervals break the replication setup in a different manner of ways, based on real life...
Transactional Replication on SQL Server: How it Works
1
Select One:

Boyan Iliev

1 day ago

View Post

JavaScript Loops And How To Use Them

Introduction When most people get asked if they know all the loops in JavaScript, the usual answer is 'The while and for loop. I know them all!'. Well, what if I told you that these aren't the only ones. There are five in total JS loops. In this post we are going to see every one of these loops in action and when you are going t...
JavaScript Loops And How To Use Them
1
Select One:

Alex Georgiev

2 days ago

View Post

Do you use Linux?

Introduction A lot of people love Linux due to its ease of use, great compatibility with almost any hardware and because it's free and open-source! Linux is not only powering almost 90% of all cloud infrastructure but more people decide to use Linux over Windows or macOS to power their desktop setups or laptops. If you're a deve...
Do you use Linux?
3
Select One:

Piyush Sinha

2 days ago

View Post

Image Editor using CamanJS

Introduction CamanJS is used for doing (ca)nvas (man)ipulation in JavaScript(JS). It is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which continues to grow. It's completely library independent and works both in NodeJS and the browser. Getting Started Before we...
Image Editor using CamanJS
3
Select One:

krissanawat101

2 days ago

View Post

Submit Data to FakestoreAPI With React Form

In previous tutorial articles, we learned about adding React Table with multiple functionalities, adding React Modal, and React Form to React ecosystem. Now, this tutorial article will feature the combination of all three tutorials. The main goal of this article is to bring all of the previous stuff that we have learned together...
Submit Data to FakestoreAPI With React Form
2
Select One:

Kevin Gardner

2 days ago

View Post

8 Tips for Launching a Coding Career

As the world becomes increasingly digital, demand for skilled IT professionals continues to boom. Whether you are a career changer or a new graduate looking for your first job, these six tips can help you launch your coding career. Learn How To Sell Yourself Even if you are relatively new to the world of coding, you probably hav...
8 Tips for Launching a Coding Career
2
Select One:

Bello Noah

3 days ago

View Post

What is React?

This article is sponsored by Flutterwave - Flutterwave is the easiest way to make and accept payments both online and offline from customers anywhere in the world. It is absolutely free! React happens to be the most popular JavaScript framework sourced from Stack Overflow Developer Survey (2020). It is the best alternative to...
What is React?
2
Select One:

Tony Lea

3 days ago

View Post

DevDojo Weekly Winners Week 3 Feb 2021

Wow! We're blown away by the number of tutorials we received last week πŸš€ I posted an article announcing that we will select 3 tutorials/articles every week to be featured and win $20 each πŸ’° Results The results are in! However, we're not going to select only 3 winners. We're going to select 5. Without any particular order here a...
DevDojo Weekly Winners Week 3 Feb 2021
7
Select One:

Riccardo Battiato

4 days ago

View Post

Tailwind CSS - all you need to know to get started

Tailwind CSS is a relatively new CSS framework that can be easily seen as the next big revolution of the way we style our HTML elements. Tailwind encourages and facilitates a utility-first approach where you write as few custom styles as possible and use hundreds of small, low-level utility (or helper) classes instead. For this...
Tailwind CSS - all you need to know to get started
2
Select One:

Sam

4 days ago

View Post

How to convert an Array into a Comma-Separated List in JavaScript

In this article, we'll cover how to convert an array into a comma-separated list in Javascript using either the toString() or join() methods. Let's get it started! toString() We'll go over the toString() method first, which will result in the formation of a string concatenated by commas. Here's what the code looks like: const ar...
How to convert an Array into a Comma-Separated List in JavaScript
2
Select One:

Temani Afif

4 days ago

View Post

Wrapping text inside a circular shape

Yes, we are going to make a text wrap perfectly inside a circular shape. No JS, no SVG, no external plugin. Only few lines of CSS and a basic HTML structure. {% codepen https://codepen.io/t_afif/pen/dyOWVrr %} Explanation <div class="box"> <i></i> Lorem ipsum .. </div> div.box { --s:450p...
Wrapping text inside a circular shape
3
Select One:

Petre Popescu

4 days ago

View Post

You should always do server-side validation! Always!

Original article with another example on my personal website Web technologies have evolved a lot in the past few years, both on the server-side as well as on the client’s side. There are many web frameworks, UI kits, JavaScript libraries and everything you need to easily and rapidly develop a website or web application. JavaScri...
You should always do server-side validation! Always!
4
Select One:

Piyush Sinha

5 days ago

View Post

Unit Testing with Mocha & Chai

Developers are responsible for the consistency and stability of a product. But they can’t accomplish it without testing. In this article, we will learn how to set up the Mocha unit testing framework along with Chai which is an assertion library and write some simple tests. Getting Started Let's start by creating our project fold...
Unit Testing with Mocha & Chai
2
Select One:

krissanawat101

5 days ago

View Post

Getting a Start in React Hook Form

We know that forms are an essential component in web apps. They are specially used to interact with the end-users. It helps to collect data from the end-users and perform operations accordingly. They are widely used in Sign-up and Sign-in processes or registering any query. It is a primary component that enables text-based inter...
Getting a Start in React Hook Form
2
Select One:

Vlad Pasca

6 days ago

View Post

5 things you need to do when learning how to code

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. 1. You need to be consistent Coding is something new for your brain and it needs to get used to that. How you do this? By exposing it to...
5 things you need to do when learning how to code
4
Select One:

Ruan Bekker

6 days ago

View Post

Improve MySQL Write Performance Using Batch Writes

I am no DBA, but I got curious when I noticed sluggish write performance on a mysql database, and I remembered somewhere that you should always use batch writes over sequential writes. So I decided to test it out, using a python script and a mysql server. What will we be doing I wrote a python script that writes 100,000 records...
Improve MySQL Write Performance Using Batch Writes
2
Select One:

Ruan Bekker

6 days ago

View Post

Setup a Hugo Blog with the Kiera Theme

In this tutorial we will setup a Hugo Blog with the Kiera theme on Linux and will be using Ubuntu for this demonstration, but since Hugo runs on Go, you can run this on Windows, Linux or Mac. Dependencies We require git to download the theme from github, so first update your package managers indexes, and install git: $ apt updat...
Setup a Hugo Blog with the Kiera Theme
1
Select One:

Ruan Bekker

6 days ago

View Post

Setup AWS S3 Cross Account Access

In this tutorial, I will demonstrate how to set up cross-account access for S3, from using two AWS Accounts. Scenario We will have 2 AWS Accounts: a Green AWS Account which will host the IAM Users, this account will only be used for our IAM Accounts. a Blue AWS Account which will be the account that hosts our AWS Resources,...
Setup AWS S3 Cross Account Access
1
Select One:

Ruan Bekker

6 days ago

View Post

Getting Started with Grafana Loki for Logging

Logging with Loki is AMAZING! Background In the past couple of months I've been working a lot with logging, but more specifically logging with Loki. As most of my metrics reside in Prometheus, I use Grafana quite extensively and logging was always the one that stood out a bit as I pushed my logs to Elasticsearch and consumed th...
Getting Started with Grafana Loki for Logging
1
Select One:

krissanawat101

6 days ago

View Post

Getting Started With React Table With Fakestore API #5 : View Single Product With Modal

In our previous tutorials, we learned how to implement React table with multiple functionality using the react-table package. We also learned how to add modal to the React app using the react-modal package. Now, we are going to combine what we learned in those tutorials and apply it in this tutorial. We are going to display the...
Getting Started With React Table With Fakestore API #5 : View Single Product With Modal
1
Select One:

Ketone Maniac

1 week ago

View Post

Organising Common Code via Spring Annotations and Bean Registry

Motivation The project that I work on is a vast net of 40+ microservices, mainly divided into Apps (those with UI code) Services (all the heavyweight logic and interfacing downstream/upstream services, persistence etc), and SCDF streams/tasks. Obviously, there are lots of similar functionalities within each of these categorie...
Organising Common Code via Spring Annotations and Bean Registry
1
Select One:

krissanawat101

1 week ago

View Post

Getting Started with React Modal

If you want to display any additional information or feature that does not require to take any extra space in the web/mobile UI screen then what better to use than Modals. Modals are the dialog that helps us with any extra information or feature without having to navigate to another screen. Modals pop up over the same screen whi...
Getting Started with React Modal
1
Select One:

Temani Afif

1 week ago

View Post

3D image with one element

A quick trick to create a 3D illustration using only an <img> tag. No pseudo elements, no extra tag, no SVG, Nothing! Only one tag and few lines of CSS. Here you go {% codepen https://codepen.io/t_afif/pen/NWbdYJE %} Let's dig into the code img { --x:10px; --y:20px; clip-path:polygon( /* 4 */ var(--y)...
3D image with one element
4
Select One:

Kevin Gardner

1 week ago

View Post

6 Tips To Avoid Burnout As a Coding Professional

If you work in a computer-related field, such as professional coding, hours in front of a screen can pass in the blink of an eye. Before you know it, you're feeling achy, frustrated and stressed. To others, a computer coder may appear to have a comfy, pressure-free job. However, when you're the one sitting behind the screen, you...
6 Tips To Avoid Burnout As a Coding Professional
1
Select One:

Petre Popescu

1 week ago

View Post

How to properly store a password in the Database

Article originally posted on my website un How to securely store the password in the Database When I started LOGaritmical, one of the first functionalities that I implemented was registering a new user. This meant that I had to store the user’s password in the database in a secure way and I will need to be able to verify that th...
How to properly store a password in the Database
2
Select One:

Tony Lea

1 week ago

View Post

Paddle Payment Platform

Paddle is an awesome payment platform that makes integrating payments into your application super easy. 😎 Today at Paddle Forward, a quarterly event, they talked about some awesome new features that you might like to know about. Why is this important for you As a developer, you should be familiar with the most popular developer...
Paddle Payment Platform
2
Select One:

Vlad Pasca

1 week ago

View Post

Web developer roadmap in 2021 and beyond

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. 1. Learn how the internet works Zero to mastery playlist MDN Introduction 2. Learn HTML HTML Crash Course For Absolute Beginners Basic HTML...
Web developer roadmap in 2021 and beyond
1
Select One:

Loading More Content

Back to DevDojo