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 🚀
1 day ago
View Post
Creating an Image search app using Unsplash API with infinite scrolling 📸
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies.
Today, I'm super pumped to build an amazing Image search app using Unsplash API with infinite scrolling. So, let's get started ✌...
5
Select One:
2 days ago
View Post
git stash - Store your uncommitted changes aside to work on it later
Introduction
In this post, we'll be looking at the git stash command and its usage. We come across situations in our development work where we are in the middle of a task with quite a good amount of code changes and have to switch to some other task that has come on priority. Now, if the changes are somewhat complete then we can...
3
Select One:
2 days ago
View Post
Why your website should have a Skip Link?
It's critical that any web pages you create are accessible to all. Unfortunately, it's something that's often ignored and neglected.
This quick and easy tutorial will show you how to add a skip link to your page to make it more accessible. It's usually a good idea to incorporate accessibility into something you're making because...
2
Select One:
3 days ago
View Post
What is Currying in JavaScript?
Currying is a technique of evaluating function with multiple arguments, into sequence of function with single argument.
Currying is a transformation of function that translates a function from callable as f(a, b, c) into callable as f(a)(b)(c).
function curry(f) {
return function(a) {
return function(b) {...
5
Select One:
4 days ago
View Post
Using JSON Web Tokens for Authorization
Article originally posted on my personal website under Using JWT in Java
A useful feature of a web application is the possibility to authorize a client to access certain features of the app. Once authentication happens, it is important to also check that a client has access to the requested feature. An easy to use method is prov...
6
Select One:
4 days ago
View Post
VS Code Extensions to increase productivity and time-saver hacks for developers
How can developers be extra productive? You’re a developer or you manage a team of developers, higher productivity can get you extra things done through constant resources in a very small-time.
You are currently here because you're finding numerous ways to increase your productivity while development or off the table, so investi...
5
Select One:
4 days ago
View Post
DOM Event Listeners
JavaScript is probably one of the most reliable and most powerful programming languages. But what takes JS to the next level is the DOM. The DOM stands for Document Object Model. In other words, with the DOM you can change the documents structure, style, and content. And with JavaScript doing that is very easy. Most of the websi...
5
Select One:
4 days ago
View Post
How to Build and Deploy Your Static Site, Fast and Free!
In this modern day of web development and deployment, there are (seemingly) a million different ways to design, build, and deploy a static or dynamic website. Many of these ways are simply not suitable or appropriate for a simple static site, like a web portfolio or simple Jekyll blog. Plus, not everyone has enough money or reas...
3
Select One:
5 days ago
View Post
What are signed routes in Laravel and how to use them?
Introduction
Signed routes allow you to create routes accessible only when a signature is passed as a GET parameter. This could be used for sharing a preview of a draft article or any other route that you want to be public but only accessible by people who have the signature.
You could also use signed routes to allow them access...
4
Select One:
5 days ago
View Post
What is Memoization in JavaScript
In my recent tweet, I said to Use Memoization to make your JavaScript functions more efficient.
So in this post, I'm going to discuss with you What is Memoization in JavaScript.
Memoization is an optimization technique used to speed up programs by storing the results of function calls and returning the cached result when the s...
5
Select One:
6 days ago
View Post
GREAT 20+ CSS TOGGLE EXAMPLE
If You Like This Article then check Out more Examples
50+ CSS Toggle Switches
1.
Title:- Pure CSS Toggles
Author:- Rafael González
Made With:- HTML CSS JAVASCRIPT
{% codepen https://codepen.io/rgg/pen/waEYye %}
2.
Title:- CSS Theme Switcher
Author:- Michelle Barker
Made With:- HTML CSS
{% codepen https://code...
7
Select One:
6 days ago
View Post
Monitor disk space usage with BASH
Introduction
If you've ever had to deal with a Linux server that was out of disk space at some point you know that it's important not to run into the same situation again. In most cases, the server can run out of disk space due to huge session files or even an error log file growing up to hundreds of Gigabytes.
However, sometime...
5
Select One:
6 days ago
View Post
DevDojo Weekly Winners Week 1 April 2021
Happy Easter to y'all 🐇! It looks like the first week of April is here, and that means it's time to select 5 awesome posts as weekly winners 🎉
If you want to learn more about how you can earn some cash prizes by writing posts on the DevDojo, be sure to visit the rules page here.
Now, without further ado, here are this weeks winn...
7
Select One:
1 week ago
View Post
An ultimate guide to Logging in JavaScript
In this post we'll also learn more about Logging in JavaScript. This post is for intermediate JavaScript learners.
The console is part of the window object that gives you access to the browser's console. It lets you output strings, arrays and objects that help debug your code.
We can get access to the console on one of two ways...
4
Select One:
1 week ago
View Post
Extracting TailwindCSS from HTML
I've recently run into a scenario where I want to design a one-off page using TailwindCSS with the CDN link; however, including the CDN link would mean that my page load is a heavy 3MB 🙁.
Instead of installing Tailwind with one of the recommended installation steps, I decided to use the PurgeCSS CLI to extract only the classes I...
6
Select One:
1 week ago
View Post
Power Toys The Ultimate Utility Tool On Windows 10
Want a custom layout? Want to pick a color from anywhere without installing extensions? Need to resize photos? Want to become a power user? Fire up the Microsoft new free utility tool Power Toys will give you freedom.
Last few years, Microsoft works hard. They release so many open-source projects. One of them is Power Toys. Micr...
4
Select One:
1 week ago
View Post
Build a Python3 Rock Paper Scissor Game Using ASCII Art
Rock Paper Scissors is a test of destiny to settle on all manner of topics. If it's washing dishes or ordering pizza. Rock Paper Scissors is also used as a form of an equal choice between two individuals. It's still the most rewarding toy to win a game. It is played around the world with different names such as "Ro-Sham-Bo;...
4
Select One:
1 week ago
View Post
How Did GitHub Profile READMEs Become the Best? Find out.
It takes just a glance, maybe three seconds, for someone to evaluate you when they see your profile or portfolio for the first time. In this short time, the other person views you based on your personality, creativity, taste, activities, and many more.
A person who has a relationship with technology might frequently visit a famo...
5
Select One:
1 week ago
View Post
How to find low competition keyword for high google ranking : Get traffic to your blog
Hey, guys sometimes it becomes hard to rank your content on google because of very high competition. In this latest blog post, I'll be telling you guys how you can find low competition keyword for ranking your content.
So let's get started.
Low Competition Keywords are those which can provide (relatively) quick traffic and long...
5
Select One:
1 week ago
View Post
10 Useful APIs for Developers
Today we're going to take a look at some of the most useful APIs for Developer. API stands for Application Programming Interface. A easy way to understand what they do is by reversing the acronym; an API is an Interface, which is used by Programmers, allowing them to interact with an Application.
Google Maps
Build customized,...
5
Select One:
1 week ago
View Post
40 Amazing Chrome Extensions for Web Developers and Designers
Hello Devs 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies.
Today, I'm gonna share 34 Must have chrome extensions for developers. These extensions are really helpful to developers and fasten...
10
Select One:
1 week ago
View Post
FREE Resources for Front-End Devs in 2021⚡
You only need this post to become a Front-end Developer because this post has an unlimited amount of every type of resource covering everything you will need.
Blog your Journey
Hashnode - Hashnode is the easiest way to start a developer blog on your personal domain 🌏 for free and connect with the readers through our global d...
5
Select One:
1 week ago
View Post
Livewire Components in a Different Directory
When creating a new Livewire component they will be placed in the same directory. But, there may be some instances where you want to place those Component Controllers and views in a separate location. In this short tutorial I will show you how to do that.
Creating a Livewire Component
To create a new livewire component (after cr...
7
Select One:
1 week ago
View Post
Calling conventions in x86 windows systems.
Hey people,
This is Mr. Rc and in this I will take you deep into the x86 world. So get a pen and copy because it's time for some notes.
Common calling conventions in x86 windows.
cdecl
fastcall
stdcall
CDECL calling convention.
cdecl stands for "C declaration", it is used by most c compiler in the x86 architecture.
A...
3
Select One:
1 week ago
View Post
JavaScript Conditional Statements: if, if else, if else if, switch case
In this latest post, we will discuss what are conditional statements in JavaScript. These statements are a bit confusing when coding, we'll learn this in a very simple way.
JavaScript supports conditional statements which are used to perform different actions based on different conditions.
Two types of Conditonal Statements:...
6
Select One:
1 week ago
View Post
Top 10 Git GUI clients
Introduction
A lot of people prefer to use the command line when it comes to Git, but using a GUI can bring up some advantages and perhaps makes your work easier along the way. I personally use both the command line and GUI as I can see that both have some pros. My personal choice for a GUI is simply using Visual Studio Code wit...
4
Select One:
1 week ago
View Post
How to Create Response Macros in Laravel?
Introduction
Response macros allow you to create a custom response which you could later on re-use in different routes and controllers.
This is quite beneficial in order to reduce code duplication.
You could actually built macros for other Laravel components as well, but in this tutorial, you will learn how to create a route mac...
7
Select One:
1 week ago
View Post
DevDojo Weekly Winners Week 4 March 2021
Can you believe that it's almost the end of March! With it being the last week of the month, that means it's time for a weekly winner announcement. 🎉
Just a reminder, if you want a chance to earn some cash prizes each week, 💰 you can learn more here about the DevDojo Weekly Winner Contest. 🏆
Here are this week's weekly winners....
8
Select One:
1 week ago
View Post
Weather Monitoring with Grafana and the DHT22 Sensor
In this tutorial, we will connect the DHT22 sensor to the Raspberry Pi Zero via the GPIO pins to measure temperature and humidity and visualize it with Grafana.
Then we will write a Python exporter for prometheus to expose our metrics so that we can visualize it in Grafana.
The Endgoal
The Hardware
This is how the sensor looks...
3
Select One:
1 week ago
View Post
Getting Started with Prometheus and Node Exporter
Prometheus is one of those awesome open source monitoring services that I simply cannot live without. Prometheus is a Time Series Database that collects metrics from services using it's exporters functionality. Prometheus has its own query language called PromQL and makes graphing epic visualiztions with services such as Grafana...
5
Select One:
Loading More Content
