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 🚀
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...
1
Select One:
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...
3
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
3
Select One:
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...
3
Select One:
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...
2
Select One:
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...
2
Select One:
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...
2
Select One:
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...
7
Select One:
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...
2
Select One:
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...
2
Select One:
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...
3
Select One:
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...
4
Select One:
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...
2
Select One:
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...
2
Select One:
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...
4
Select One:
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...
2
Select One:
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...
1
Select One:
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,...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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)...
4
Select One:
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...
1
Select One:
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...
2
Select One:
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...
2
Select One:
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...
1
Select One:
Loading More Content
