Articles by Dev To from March 2021

What is Bootstrap Typography?Bootstrap Typography is a content element that helps you with text on your website including global settings, headings, body text, lists, and more. How to use T...

What is Bootstrap Shadows?Bootstrap Shadows allow you to add or remove shadows to elements with box-shadow utilities How to use Shadows in Bootstrap 5?Here are the resources that we have pr...

What are Bootstrap Masks?Bootstrap Masks alter the visibility of an element by either partially or fully hiding it. Masks are used to make content more visible by providing a proper contrast. Th...

What are Bootstrap Images?Bootstrap Images are the content element that allows you to opt images into responsive behavior (so they never become larger than their parent elements) and add lightwe...

What are Bootstrap Icons?Bootstrap Icons is a library of well-organized and easy-to-use icons that allow you to visualize anything. How to use Icons in Bootstrap 5?Here are the resources th...

What are Bootstrap Hover effects?Bootstrap Hover effects appear when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive. ...

What are Bootstrap Flags?Bootstrap Flags is used to represent a political state. How to use Flags in Bootstrap 5?Here are the resources that we have prepared to help you work with this comp...

What are Bootstrap Figures?Bootstrap Figures is the content element that allows you to display related images and text with an optional caption. How to use Figures in Bootstrap 5?Here are t...

What is Bootstrap Colors?Bootstrap is supported by an extensive color system that themes our styles and components. This enables more comprehensive customization and extension for any project. ...

What is Bootstrap Background Image?Bootstrap Background Image allows you to set any photo as a background, by default, a background-image is placed at the top-left corner of an element, and repe...

In this article I will share with you a module that sends mail to customers using MailJet. On my side, I used this module on top of the React/Node/MySQL starter. This starter has been presented to you...

What are Bootstrap Animations?Bootstrap subtle and smooth MDB animations provide the user with a unique experience when interacting with UI. There are several dozen animations at your disposal a...

I want to warn you all ahead of time. This is going to be a lengthy post. So feel free to take it in chunks. I also want to add that this post is filled with privilege. At no point during this process...

Web development tools help developers to build a website or an application easier and faster. It simplifies the development process from design to coding and anything in between.As you might have noti...

Have you ever heard the word API, and wondered exactly what it is? Do you have a vague idea of what it does or what it is used for?This is something that you will encounter when you first start progra...

Here you can learn how to create a responsive personal portfolio website using HTML, CSS, javascript, and bootstrap.Hello friends, in this article I am going to show you how to create a responsive per...

In this article, we are going to look at how we can build a webhook to trigger a GitHub action workflow manually. This can be especially useful when you want to run a workflow where the triggers are e...

Hi, here are common Pyton List Manipulation methods.If you like this post and want more follow me on Twitter: Follow @justericchapmanIn Python, List are a collection of items is particular order. You ...

I love coming back to a feature that was developed a couple of months ago and seeing that extending it is just a walk in a park. When thinking about a solution, I always ask myself the same question: ...

I've been thinking about this a lot recently because I've been messing around with a lot of chained callback functions in my web code. This is a good opportunity to go back to basics and recap how thi...

Back in the DayStarting back with the earliest versions of the DOM we had the ability to inject new content into our web pages by using the innerHTML property or the parentNode.appendChild() met...

From this year google added performance as a key metric to rank your website in google search and ads Give it a look.Now the question is what is the criteria lighthouse/google uses to measure performa...

What is meta data?First let us talk about what meta data is. You can provide information about a html document inside <meta> tags. Meta tags belongs inside the <head> element of a ht...

JSON web tokens (acronym JWT, pronounced at JOT) were introduced in 2010 as a means of communication between two parties in the form of a JSON object. They can be encrypted and are popularly used over...

Hey fellow dev! How are you putting up in these uncertain times? First and foremost, welcome to part 2 of the three part series titled: Things I wish I knew! If you are new here, go take a quick look...

Originally posted on fossheim.io.After previously writing about the accessibility of Apple Healths data visualizations, I felt inspired to recreate one of them with D3.js. I already covered some of th...

Hey ! Welcome here ! At the end of this article you will improve your javascript skills thanks to know the difference between a lot of concept that some dev is always asking ! Spread vs Rest Oper...

Confused about how to learn React? Start building this appWhen you begin to learn a technology, start with building small projects so that you will get conceptual and factual knowledge of the te...

Original cover photo by Nick Gavrilov on Unsplash.Angular is known to be an opinionated and prescriptive framework. Despite that, it has footguns like every other technology. In this list, we review t...

IntroductionMy first attempt at WebRTC was to implement a video call feature within a Laravel Application. The implementation involved placing a call, showing an incoming call notification, and ...

Hello folks,Recently I came across a situation where one of my react projects had to configure with build once, deploy everywhere feature. While exploring many ways, I found one really nice implementa...

I recently finished building and hosting my personal website. My goal was to keep the website static, clean, and fast. In order to make sure that I was following the best practices, I was also trying ...

The ContextI want to update my personal site in 2019 & 2020 I was using NuxtJS, this year I got the idea to change it to a Laravel application with blade views, tailwind & just a sprinkl...

Most of us agree that we should write unit tests, and many of us actually do. This should be especially true for production code, library code, or if you ascribe to test driven development, during the...

Chances are you have already ran into sites where there is a bar, usually located in the header, that increase or decrease according to the page scroll. So, that's what this post is about. Ove...

Here's the link: missingdice.com/spin-the-wheel. I'd really appreciate any feedback on improving it, i've been staring at it for a week!I've been building a website of simple tools for boardgame playe...

Originally posted on craigtaub.devFor many years now Git has been the SCM (source control management aka version control) of choice. It offered many features which alternatives such as CVS did not, an...

IntroductionThis article is a compilation of a series of articles I have written on authentication in the past. As a full-stack engineer, I do my best to bridge the gap between front-end and bac...

This blog post is about an interesting React component - React Helmet.Before you read this article, you have to be familiar with React library. You would also need a basic knowledge about the HTML he...

I created this pen last week after stumbling across this 3D Red Switch design on Dribble. Since then it gained a lot of popularity (much more than I have anticipated!), and a few people have asked me ...

Union types enable us to accept parameters of multiple, different types. Provide either type x or y. Sometimes, these types aren't 100% compatible. They serve the same goal but have different properti...

In this tutorial, we will be going to build a simple to-do app with Nodejs using Express, MongoDB(to store Todo's in the database), and passport(for user authentication).In this App, users will able t...

Ruby has a bunch of useful built-in methods for manipulating Arrays; here we are looking at the Shuffle method which takes an array and returns a new array with the order of elements shuffled. Nice, d...

A look at the history of JavaScript and the fun stuff you can do with JavaScript in the cloud! IntroductionTraditionally, JavaScript is the language of the web, and it still is. But today, it's ...

One of my 2021 resolution is to strength my knowledge of CSS. I postpone the training since almost one year. So this time no excuse, everyday, I will publish here on Dev.to what I learn from my CSS co...

Using a Chart Library that consolidates and presents data visually might help people to understand a large amount of information and make better business decisions. Using the right type of chart is th...

Sometimes there's so much going on, but when you step back and see the end results, it's a masterpiece. It also took you weeks to create and you're not even sure you're going to show it to anyone. May...

Hello,Dev Friends.In this article I have written about a list of certain public APIs which you can use for practice as a beginner in React/JavaScript.Before starting with creating Apps in React using ...

This is the story of how I got my first job in tech as a software engineer in less than a year after my first ever git commit, without spending any money, without a degree and without applying to a si...

IntroductionSome of the challenges in developing a website are its layout, legibility, spacing. In those cases, one solution could possibly be a smart use of margin. But, do you really know how ...

As mentioned in the blog post about reducing motion, I'm sensitive to certain types of movement on the web. For a long time, I've been wondering if there is a way to access and change websites' styles...

Asterisk, we all know is a little star symbol (*), used in programming languages for multiplication and other tasks like pointer declaration!In Python, there is no pointer concept, but still, asterisk...

In this post, I'll show you 5 neat JavaScript tips that will help you become a better developer. Although this post requires some knowledge of JavaScript, I encourage everyone to read through it.List ...

One of my 2021 resolution is to strength my knowledge of CSS. I postpone the training since almost one year. So this time no excuse, everyday, I will publish here on Dev.to what I learn from my CSS co...

I wanted to share my experience and talk about this huge emotional phase that we all as beginners and junior developers go through at the start of our dev careers.Let me first briefly tell you a...

Motivation of this blog is to curate all information at one place and to make more people aware about standards followed by industry.Let's get started.....A typical git commit message will look like&l...

Cargo editCargo edit extends cargo by adding the following subcommands.As you can guess by their names, the subcommands modify Cargo.toml from the command line.cargo addcargo rmcargo upgrade ...

ConceptsProvides a Django management command to check whether the primary database is ready to accept connections.Run this command in a Kubernetes or OpenShift Init Container to make your Django...

Clean Docker Desktop install, starts WSL 2, no container running. Let's check the memory usage:Ouch, that's too much for having (literally) nothing running. I don't know why it eats so much RAM, but t...

This is the project:https://github.com/lechatthecat/oranYou can test it by:$ git clone https://github.com/lechatthecat/oran.git$ cd oran$ cargo build --release$ ./target/release/oran -f ./examples/hel...

Hi! I'm @5t3ph on Twitter (and most other places on the web) and here are more of my top shared CSS tips!I've also released a dedicated project for modern CSS snippets, so be sure to also check out Sm...

This is part of a series of Leetcode solution explanations (index). If you liked this solution or found it useful, please like this post and/or upvote my solution post on Leetcode's forums. Leetc...

Some times we need to use assets from node_modules in our angular project files.For example, you are using a third party package and you want to import css files from it in your index.htmlIf you try t...

In this article, we will discuss Java 16's newest feature, Records. Then we will apply this knowledge and use it in conjunction with a Spring Boot application. IntroductionOn March 16th, 2021, Ja...

When I first started writing my blog, I wanted to try something new. Im a big believer in doing what you know works for production, but still taking advantage of opportunities to try new things. ...

In this post, we'll dissect how a dictionary is represented in Python, and the hash-scheme it uses to achieve constant-time lookup.{ "name": "Rahul Jha", "alias": "RJ722", "music": "country",...

Once I felt that I was at a reasonable level of competence in Python I began applying for jobs, but every job wanted experience and there was no experience without a having had a job!It was an ugly cy...

There are so many ways to learn how to code, and as the industry gets bigger and new technologies are developed it can become complicated. Here are some of the methods that I have personally seen work...

Hey there!With many sites out there that help practice building sites while following a design and find different ways to solve common problems that come up, there are several options to choose from. ...

If you are fairly new to programming, then it is very natural to feel that Errors are evil nasty things to be avoided at all costs. When an error happens, we are thankful that we have a catch() method...

I had a tough first time working with Jenkins because most of the articles for setting and configuring it are out of date. So, Im writing this to ease someones work and make it so they dont have to go...

Read on my blog in light, dark or sepia modeApologies for the clickbaity title . But it is in good faith, cuz I'm gonna introduce you to some TypeScript related tricks that are bound to blow your mind...

Sessions in DjangoSessions are an important part of any HTTP-based web framework. They allow web servers to keep track of the identities of repeat HTTP clients without requiring them to re-authe...

Saying 2020 is a bad year would be an understatement but hey there are still a few days remaining! Start your freelancing journey. I will go over the skills needed for the most common postings related...

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. Awesome Design ToolsThe best design tools and plugins for every...

Hi all If you were just getting started with coding now, which programming language would you pick?Here is a list of the most popular programming languages according to GitHub for Q4 in 2020:I started...

What Is Scalability?Many of us have heard of scalability. But what does scalability really mean?To define scalability, imagine that you created an e-learning site. It has a moderate traffic, abo...

Hi, in this post I'm gonna show you how to add ... instead of wrapping text on multiple lines.Here's what we're gonna be building. Let's start by adding html<div class="container"> <div c...

Original post: Firefox can help you learn CSS better.Yeah, you have read it right. Stop using chrome or any other browser. Most of you might get offended, but I know what I am talking about. Chrome is...

In this blog, I have shared 5 awesome shorthand tricks to make a developer's life faster!1) Setting the variables valuesNormally you would define a variable then say x = value and if you have lots of ...

In this blog we are going to review some basic git commands, we are going to work through all essential git commands that you need to start working with git efficiently and productive Setting up ...

I have recently been playing around with DynamoDB Streams for a side project. I've learned a few things while I was getting it setup and I put together this article to share what I learned. This tutor...

The ProblemInteractive web designs require elements with dynamic height that depends on their location in the window viewport. More specifically, their height starts at the top offset position o...

Cover Image Credits: Photo by Luca BravoTypescript has become quite the popular topic of discussion among developers and companies in the tech space. So, what exactly is this Typescript everyone's tal...

I have talked about my experiences in programming, but I haven't really said what are the reasons I got interested in coding in the first place!I have told how I started programming when I was a kid a...

This is the first part of many from the series Custom UI Components With React. In this post we will see how we can create custom Button component with different props and styles in React JS.Below is...

Cypress is a very visual Javascript testing framework that can do end-to-end, integration and unit tests. One of its cool features, is the ease of querying elements with the tool on the test browser, ...

This is part of a series of Leetcode solution explanations (index). If you liked this solution or found it useful, please like this post and/or upvote my solution post on Leetcode's forums. Leetc...

Last December I finally started learning Rust and last month I built and published my first app with Rust: 235. Learning Rust is my new monthly blog series that is definitely not a tutorial but rather...

what is an interface? Oracle says: "an interface is a group of related methods with empty bodies"I think of interfaces as a contract that a class promises the compiler to fulfill. If the class d...

It's been 365 days since I started my blogging journey, and this will be article 365.I know many of you want to know my secret, and the truth is there isn't one.You don't need to be a magician, wizard...

Photo by Alyssa Kowalski on Unsplash Overview"Let's order Thai.""Great, what's your go-to dish?""Pad Thai.This has bugged me for years and is the genesis for this project. People need to know the...

Hey Devs, This is the most complete and well-structured HTML cheatsheet you can find online!!So let's start. Basic Tags<html> </html> - Creates an HTML document<head> </head&...

img2amp-img is npm package of img convert to amp-imgI have recently created and released a new npm package.npm - img2amp-imgThis is a very simple tool that will convert HTML img tags into amp-im...

I thought I should add some new fun features to our sample extension to explore a few more things that can be done with Chrome extensions. I was curious about badges because they seem like an interest...

Knowledge of JavaScriptReact is built on the basis of JavaScript. First of all, people who want to learn React need to understand how well they know JavaScript itself.Very often, developers ask ...

I created a Netflix clone using Piral: an open-source framework for creating modular applications.In this article, I will go over what microfrontends are, why they are useful, and what frameworks exis...

Code quality is essential, as it impacts the overall software quality. In consequence, software quality affects the safety, security, and reliability of any codebase. The backstory For a few mont...

At Doctolib, we proudly maintain and develop the gem safe-pg-migrations, which makes migrations safer. Once in a while, after each relevant update, we release a new version. The process is easy, but n...

Software engineering is full of jargon. Occasionally, to grasp the true meaning of the seemingly simplest of words, one must waddle through many murky layers of complexity (fancy definingthis, anyone?...

Data types are concepts to be able to operate on variables.JavaScript variables can hold Data types like Strings, numbers, arrays, and so on.StringsStrings are written in double quotes(" ") or single ...

If the title agrees with you, you can stop reading right now. Move on to the next article. In technology, we tend to grab on to differences to come up with easily identifiable discussion points even w...

IntroductionLet's say you need to create a multi-step login form like in gmail. You are using react and the global storage (redux, mobx) for development, and you want to isolate components from ...

One of the best parts about ActiveRecord is the chainable query interface:Post.includes(:comments) .where(published: true) .where(author: Current.user) .order(:name)To take advantage of this streng...

While writing my Vue.js UI Library, Inkline, I had to find a way to make some components work both with and without providing a model value (v-model). While it's not a common scenario, it's something ...

Originally published at deepu.tech.Please follow me on Twitter for updates and let me know what you think about Svelte in the comments.Svelte is one of the latest cool-and-shiny client-side frameworks...

I've been working with JavaScript for the last 3-4 years but the last year I've seen massive improvement in the language. In my opinion ES2020 was a huge step in the right direction and ES2021 seems t...

Git is a distributed, version control tool used by software developers to track and manages changes made to source code. Git is an integral part of software development, and anyone looking to get into...

There is a lot of material online on how to become a senior developer, what you should be able to do as a senior, etc... There are these roadmaps that list a huge amount of technologies, languages, fr...

This is part of a series of Leetcode solution explanations (index). If you liked this solution or found it useful, please like this post and/or upvote my solution post on Leetcode's forums. Leetc...

New to version control? Welcome! Understanding the lingo is very important. This can be overwhelming, but dont worry, youll get there!In this short post I will explain what a branch and what a tag is...

One thing that happens when you're developing projects, no matter big or small it is, is burnout. You work on a project for hours, days, weeks, months, or even years and you hit those points (or point...

This article was originally posted on my blog.Sometimes an array of data needs to be submitted in an HTML form. A form to send invites to a bunch of users for example. That'd just be a series of email...

Recently I started a site of tools for boardgames players. Simple tools like dice and spinners.I wanted the site to be as accessible as possible. So I challenged myself with some rules on how it would...

Local storage, oh my Here's a really quick tip for you today; how to use Svelte stores to keep data in-sync with local storage.This is particularly useful if you're wanting to persist some user ...

In this article I will be giving you an introduction about Kubernetes. You can watch the full video on Youtube:So what we will cover today:Life before containerisationContainer deploymentWhat is Conta...

Cover image unrelated -- nice to look at though, right? Discovery Park, Seattle, WA. This post will assume that the reader has a good understanding of the React basics. It will also involve some codin...

This article was originally published on my personal blogEvery web developer starts with Bootstrap. It's easy to use and saves so much time creating a website. Bootstrap is a necessity that every web ...

Does your Gatsby blog have a commenting system set up? If not, you could be missing out! Comments help drive engagement by giving your readers an avenue to ask you questions and add useful information...

Dear DEV Community Members, I wanted to bring you all up to speed on a decision the Forem team recently made to remove our Service Worker functionality, and thus, our offline page. This was not a deci...

Everyday, I publish here on Dev.to what I learn from my Vue course the day before.Click follow if you want to miss nothing. Without further ado here is a summary of my notes for day 3.Conditional rend...

Rust is a blazing fast and memory efficient programming language that's used by tech companies like Firefox, Dropbox and Cloudflare to name a few.Today we are going to focus on the web side of Rust, h...

js-confetti is a lightweight zero-config open-source JavaScript library for confetti without any dependenciesGitHub: https://github.com/loonywizard/js-confetti UsageInstall library via yarn or np...

Kubernetes is ruling the container market. According to a CNCF survey, the use of Kubernetes in production in 2020 was 93%, up from 78% in 2019. Moreover, the survey reveals that the use of containers...

Its no secret that you drive more engagement when you share beautiful images with links on social media. But generating fresh images each time you publish a new blog post can be incredibly time-consum...

IntroductionMy name is Erick, I am a self-taught developer from Mexico, while I mainly do Front-end development, I often make Discord bots for fun, and occasionally get commissions from server o...

In this article, you're going to learn how to make a welcoming bot!It will send a welcome message to a specified channel with the user's avatar and name!To start, we need to initialize our bot. For th...

OverviewIn this article, I will cover some fundamental concepts of redux and how to build a simple application(Counter App) using react and redux. ReduxRedux is predictable state container ...

To secure our AWS Cloud setup we use quite some tools: AWS Security Hub, AWS Inspector, AWS Guardduty and ECR Vulnerability Scanning just to name a few. All these tools are both easy to set up and do ...

Have you ever been in a meeting where someone is trying to explain how a software system works?I was having a conversation with a relatively new solutions architect who was trying to describe a system...

Vue JS is a progressive JavaScript framework that's used to develop single-page applications (SPAs) and User Interfaces. And it's one of the most widely-used front-end frameworks out there.One interes...

Understanding Kubernetes can be difficult or time-consuming. In order to spread knowledges about Cloud technologies I started to create sketchnotes about Kubernetes. I think it could be a good way, mo...

This is part of a series of Leetcode solution explanations (index). If you liked this solution or found it useful, please like this post and/or upvote my solution post on Leetcode's forums. Leetc...

Today I want to talk about the never type.As you can understand, this type identifies a piece of code that will never be executed or represents a state that shouldnt exist.Here an exampleconst throwEx...

Today we are going to develop a simple News app with the help of NodeJS , Express , EJS and bootstrap.There are going to be 2 main features in this website search and display news articles And we are ...

At the time of writing, following new JavaScript proposal features has made to stage-4 and will almost certainly be included in ES2021. You can already start using in latest versions of browsers, Node...

When we use useEffect(), there are two common patterns. Let's start with the easier one:useEffect(() => { // do the set up return () => { // do the take down };}, []);Here, we are provid...

It's kinda rare to find a smooth scrolling button that takes you to the top of the page on modern blogging websites, especially the ones that are a long 15 minute read! However, whenever I come across...

Every year, Javascript update adds new features. ES2021 (also known as ES12) is planned to be released in June this year. New features that are added each year go through a four-stage process. All the...

Working with PHP has been one of the most fun experiences for me, working on both major and minor projects and learning something new on every journey.I'll be sharing some little tricks that have help...

This week I got to rewrite our apps requests from using axios to using the Fetch API. Let's get into it! Wasn't that supposed to fail?try { const response = await fetch(`${url}`, requestOption...

In this article, I will show you how to create a generic solution to Consume REST API in Angular. I will utilize Typescript Generics in combination with Angular HTTPClient service to eliminate any cod...

IntroductionWhen you start by learning JavaScript programming basics, it can be quite hard to think of stuff to do to practice your code knowledge skills. Well, don't worry. I am going to give y...

Hey folks! I just started learning node JS and thought to share with all of you who are new to node JS and wanted to learn node JS.so we are gonna see little insights of node JS and after that we will...

Get tired searching animations for your menu items and links? Search no more! Here is a list of more than 100 different animations. From the simple one to the more complex one, you will for sure find ...

According to the official documentation, Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. I like to think of it as a cool way to write inline styling and achi...

The scenarioI created a project, bootstrapped with tsdx, and deployed it to npm. I achieved this by logging into npm in my terminal and runningnpm publish or npm publish --access public The...

Its a great idea to make your database and application validations match. If you have validates :name, presence: true in your model, you should pair it with a not null database constraint. Unique vali...

Each time we inject a dependency into our project, we sign a contract, which often has lots of hidden things "written in the fine print". In this article, we will take a look at something you could mi...

Before we get started - if you're just here because you want a plug 'n' play starter, here's a project generator and here's an example repository! Getting Typescript to run is usually pretty simple. Y...

2020 started out rough for a lot of us. Most of us moved out of the office, and into our couches, kitchens, closets, or otherwise improvised office areas. Whereas you might have lost some precious mom...

How you should create and use your objectsIm currently reading an interesting book called Object Design Style Guide, wrote by Matthias Noback, about how to create objects as best as possible, so...

Hello! I'm back with another installment of underrated articles from last week! Let's check them out - 1. VS Code ExtensionsVS Code is popular because we can add additional features by adding ex...

If you are just starting out on your job search and have been wondering about how to prepare a great resume, then you will love these tips! Remember, the goal of your resume is to sell yourself enough...

Lately, especially in the rails community, we've been witnessing lots of new stuff like the hotwire, and the new encryption system. Jorge Manrubia ...

Hello folks,In my last article, I explained how you can get started with Tailwind and React by creating a simple login form. In that, we started with a bare minimum form structure. In this article, le...

Last week, I gave a talk on Storybook at a The Collab Lab meetup. Nick Taylor (he/him) @nickytonline I had a lot of f...

This is going to come across as a rant, so I'll do my best to refrain from blaming any one project or source and just make a generalized statement.The ecosystem of JavaScript frameworks is almost unbe...

Development tools plays an important role in the entire web development process. They say, your web app is only as good as your dev tool(s)! So, it is important to choose and study your Dev Tools befo...

Deployment Walkthrough: Microservice Communication InterfaceThe purpose of this article is to walkthrough the setting up of infrastructure for containerized applications to communicate and acces...

There is a lot of programming languages in the world, why create another, or more relevantly, why learn another? Today we're going to be discussing the programming language named Zig and why I have fa...

I let Twitter select my next blog post, and 50% wanted to know what was it like in the shoes of a senior developer! I've been settling in to the title for the last 11 months, and I'm happy to share my...

Heard of JavaScript but, dont know the basics? Have no idea about what happens behind the scenes? Having troubles in cracking the interviews? Dont worry. This post will get you started with fundamenta...

Brazilian Version Table of contentsIntroductionBasic commandsCommands that help us help each otherHave your own SnippetsPractice! Introduction Search, differentiate, analyze, share, unzip, ...

I recently wrote an article about some of my favorite Tailwind component libraries. However, I could never find an ideal navbar for my projects.I've always dreaded the navbar! For such a small compone...

I recently wrote an article about some of my favorite Tailwind component libraries. However, I could never find an ideal navbar for my projects.I've always dreaded the navbar! For such a small compone...

Svelte's built-in transition functionality makes it easy to animate elements as they are added to and removed from the DOM. It's as simple as adding a transition: directive to an element and passing o...

Do you follow your instinct when choosing a verb in your function?Do you use a number of synonyms for the same purpose inconsistently?If the answer is yes, you are not the only one. In order to write ...

We all know that every serious project needs CI/CD and I'm pretty sure that it's not necessary to explain why. There are a lot of tools, platforms and solution to choose from when deciding where to bu...

Hey Folks,I figured today would be a good funny day to ask but which Java IDE do you all prefer. At my workplace we teach the Spring Framework so we have been using Spring Tool Suite. It does the job ...

This article has interactive version. You may open it to play around with the device orientation right from your mobile device. Accessing device orientation in pure JavaScriptIn Javascript, you m...

IntroductionThe working process of production data deletion is completely different from development tasks.We should take it as another kind of task, and think with another way. The coding examp...

I'm a software engineer whose focus is mainly in web development. Since I started coding professionally my backend experience has gravitated around Python, using Django, Flask, FastAPI, etc.I changed ...

GraphQL is an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data. Over the past few years, GraphQL has seen a steady rise in adoption by...

As of React Native 0.64, we can and should change the standard way of specifying the attributes used for test automation purposes with Appium.Since the dawn of time, the test automation community has ...

This blog post is going to describe why Gatsby needs GraphQL and how it uses it.If you read this post, you are probably already familiar with Gatsby (React framework for generating static websites) an...

Ever needs to showcase a percentage visually? HTML provides us with a super cool meter tag that can be used for this exact purpose.It looks like this: HTML Meter attributesThe meter tag in genera...

In the past few years, frontend development has become increasingly declarative. React shifted our mindsets from imperatively manipulating the DOM to declaratively expressing what the DOM should look ...

We will be using vladmandic-face-api as it is compatible with tfjs 2.0. Setting up the projectWe wil be setting up the project and install some packages needed for this project. Initial setup tha...

A quick guide to building an html and css only dark-mode toggle.Using just css and html we'll build a button that:changes between light-mode and dark-modedefaults to the user's preferred color schemec...

RationalePromises are one of my favorite features of all the ECMAScript standards and provide a clever way of dealing with asynchronous results that can either be resolved or rejected.But someti...

I'm one that loves simplicity in things. So despite the plethora of state management libraries for React, I have always wondered what the absolute "simplest" approach would be.After some time on the d...

En ocasiones necesitamos dar informacin al usuario de la accin que ejecutara algn elemento del nuestro sitio web, una de las mejores formas de hacerlo es con un Tooltip.Primero debemos escribir el mar...

TL;DR The code is here . The rest of this post gives information and context about it. Table of contents Introduction Target Prerequisites AWSArchitectureCDKFile structurecdk.jsonbin/app.tslib/...

Git is an important part of daily programming (especially if you're working with a team) and is widely used in the software industry.Since there are many various commands you can use, mastering Git ta...

I saw a lot of messages and questions about why a DevOps Engineer needs to know Python. It seems there are only vague answers to that on the internet so with the below video I want to give you clear a...

RESTFUL API trys to use http protocol to operate application resources.But application resources have more methods needed than HTTP methods, which are created for http protocol.RESTful APIs can not fu...

https://github.com/DidierRLopes/GamestonkTerminalIf you like stocks and are careful with the way you spend your money, (me saying it seems counter-intuitive given that I bought GME at the peak, I know...

Language generation is one of those natural language tasks that can really produce an incredible feeling of awe at how far the fields of machine learning and artificial intelligence have come.GPT-1, 2...

Uploading and downloading images is a very common feature in modern web applications but exchanging files between client and server can quickly become a high resource consuming task. We must also cons...

My journey as a programmer started when I chose to pursue Software Engineering as a major after completing my High School Education. Since then, I have been programming for the better part of the last...

Hackathons are probably one of the best places to network with people and simultaneously learn and enhance your skills and also who doesn't love swags? Here are the 10 best places to look out for in o...

Are you bored with the layout of windows apps? Try to make your computer modern with these three open-source applications!Before going through, here's a video of these three applications:FilesFiles is...

Did you know CSS has a custom reflection property?It's a pretty cool addition to reflect an image to a specific side.We can create these reflections using the box-reflect property.Curious to see what ...

IntroductionHello there!My last post about useful javascript resources showed me that you kind of like this types of post where i share my knowledge about knowledge. And today i want to continue...

vue3-jd-h5 English| Project Introductionvue3-jd-h5 is an e-commerce H5 page front-end project, based on Vue 3.0.0 + Vant 3.0.0 implementation, mainly including homepage, category page, my ...

This post was published first on my website. Please check it for updates.With the arrival of Laravel 8, new ways for authentication have been added to the Laravel ecosystem. Fortify, Jetstream and Bre...

When streaming live coding on Twitch, I code on a MacBook Pro and stream via OBS on a custom PC build. Given the variety of wild overlays I have added to my stream over time, I often receive questions...

You might know that I am currently learning Flutter. I watched few YouTube tutorials, wrote few posts about my learnings, and signed up for the #30DaysOfFlutter. I decided to take my learning journey ...

In this blog we will be creating the Pizza Spinner depicted in the Cover Image. Getting StartedWe would be using the following image of a Pizza Slice to generate the entire pizza. The shell of th...

Hello, guys in this tutorial we will create an awesome CSS card design using HTML and CSS Common QueryHow to add a hover effectCard Hover EffectsHtml & CSS TutorialHello, guys In this tutoria...

OVERVIEWSo today you will build this cool ripple effect of the mouse cursor, using HTML5, CSS3 and JavaScript. Let's think for a moment: what's it all about? Indeed, wherever the user clicks ...

If youre a coder with too much time on your hands this diverse list will help you get involved with some of the coolest, most cutting-edge projects out there so you can gain both experience and street...

Releasing can be considered as the continue exposure of your project to the real world.What you have been working on is about to be tested and used by people. Therefore it's really important that you ...

Exactly a year ago, in March of 2020 Ive decided to become a web developer. At the time of that decision, I was 37, I didnt have a tech degree or a commercial experience in that field and I didnt have...

Automated LocalizationYou have probably already heard of continuous localization. It's important as software development is a never-ending process, and with new features, you usually need to add...

Hey all!My friend and I are both developers and working on the app called Devbook. I thought this community might find it especially useful. It's basically a search engine made just for developers.It'...

Something almost any application or website will include will undoubtedly be a form in some shape or manner. Whether it be simply for user login or to modify profile data or for a search function a fo...

There are hundreds of SQL and NoSQL databases. Some are popular, others are ignored. Some are simple and well documented, and some are difficult to use. Some are open source, while others are propriet...

Conan is an open source and multi-platform package manager to create and share native binaries (mostly C and C++). It is written in Python and supports Windows, Linux, and Mac.Besides managing depende...

This is a step by step guide on how to get started with game development using the Zig programming language on Windows.TL;DR, here's an 8 min video of every step: Visual Studio CodeWe're going t...

Hey devs Today I wanted to share how you can easily develop a Nextjs web application that consumes a REST API with the help of Restapify.If you didn't heard about Restapify before, I really encourage ...

Long story short, I did my bachelor in Mechanical Engineering, during my bachelor, I got interested in programming. Now I work as a MERN Stack developer in a well-established company.When I look at a ...

In the last couple of months, I've been writing (some would say preaching!) about security, performance, accessibilty and other aspects of frontend development. Then I discovered, that my own website ...

The most simple way to generate a random password in Python.import stringimport randomwith string create possible charachters with random generate a random numbercreate passwordprint password to the c...

After a month and 63 commits here it is, finally... The React Color AppI have been learning React for about 2 months now and this is the main project of the course I have been following along.Dem...

As of yesterday (March 12), SvelteKit is Open Source. Hooray! While not officially in public beta yet, the GitHub repository is now public, and I encourage anyone reading this to check it out. Give it...

The rimraf command is an alternative to the Linux command rm -rf. It allows you to do deep recursive deletion of files and folders. Global rimraf installationYou can install rimraf globally using...

The React community has created incredible hooks since this feature was released, I will show some of the 5 that I use and help me a lot. Image lazy load Outside click hook Get browser location Read f...

Are you someone wondering what the first years in a developer's career look like? Or maybe you're already working as a developer but finding it hard to reach the next level? Well...I'm here to say tha...

In this post we will learn how to make CRUD rest api in node js from scratch without using any frameworks such as Express,Oak,etc .We will use basic node http package to build it . Get Up And Ru...

Whenever it comes to work, whether you are casually working on your side project while sipping a cup of coffee or have intense working hours to deliver your task before the deadline, you want to know ...

Using animations, transitions and smooth scrolling is fun, but they also represent an accessibility problem. Various groups of people have a hard time using your products when things move and change a...

Given an object range={a:1,b:2,c:3} How can we iterate through this object?It is not possible since objects are not iterable therefore we can't use for .. of loop and spread operator, and if we try, i...

Hello Coders,This article presents a few useful topics that might help beginners to code more than a simple "Hello World" in Django. For newcomers, Django is the most popular Python-based web framewor...

Hello everyone! In this tutorial lets build a responsive navbar and hamburger menu using html,css and a little bit of javascript.This is how it will look,Github link : dev-gg...

This is a generative program that creates macOS Big Sur style wave backgrounds. Each image is random within constraints The waves generated here may not always look perfect, but they are unique! If yo...

Here I want to cover some best practices which you can follow while creating a project in React.These are the accumulated points of what I have learned through various tutorials,observation and experi...

Memoisation is an optimisation technique that caches the result of previous computations so that they can be quickly accessed without repeating the same computation.React introduces quite a few memois...

Hello everyone! This is my first time doing a tutorial so I'll hope you like it! In this tutorial, we'll learn how to create a very simple web application with Firebase based on the Micro Frontend Arc...

It all started when my friend approached me for a web app. You see, he was spooked by the fact that all our photos are automatically uploaded to some cloud storage application without any encryption. ...

GitHub has quite a few Easter eggs hidden deep in the code. This post highlights a few of them - well, 6 to be exact!Did you know: The phrase "Easter egg" was first coined in 1979 by Steve Wright, Dir...

I've been playing with VueJS recently. I'm impressed. It's simple, powerful, super fun and incredibly popular. Even a moron like me can do interesting things with it rapidly. It just goes to show that...

Simple things in FSharpAs part of my effort to share the F# goodness I'll start a series of blog posts named "Simple things in F#" while most of these posts will cover .NET aspects in general (F...

This post is about my take on the first 3 stages of project management.You have to find the best approach for your specific case, if your client doesn't seem to be too confident, maybe you shouldn't s...

TL;DR: In this guide, we'll learn how to secure web applications with industry-standard and proven authentication mechanisms such as JSON Web Tokens, JSON Web Keys, OAuth 2.0 protocol. We'll start wit...

Back over the summer, I began a series of experiments to play around with new forms of synchronous online social interaction while we're all stuck at home. These ranged from a virtual conference hoste...

Originally posted on bigsondev.comEveryone needs variables in JavaScript. Let's learn the best ways to use them and how to avoid pitfalls that might cause unwanted side effects or introduce bugs in th...

Authorization is one of the essential parts of any iOS application. Once a user is logged in, it's your authorization scheme that will make sure users can't interact with your app in ways they're not ...

Hi Developers, In this post, I'm going to show you how to create a simple carousel using Vanilla JavaScript.It'll be like this,It's live on Github. Check it out here. HTML<main> <button...

The information shared below is npm basics of global packages which are partially hidden or difficult to find in the docs page. I hope they help. Lets dabble.1) NPM install global packages - example t...

This series wouldn't be complete without a post about how to publish a Chrome Extension, so here it is! 1. Prepare the extension to be publishedWe need to create a .zip file containing the source...

Welcome to Python Projects for Beginners SeriesI'm Sai Ashish and today, we are going to build a simple Guessing Number Game using Python. You will be given 3 chances. All you have to do is guess a nu...

This is part of a series of Leetcode solution explanations (index). If you liked this solution or found it useful, please like this post and/or upvote my solution post on Leetcode's forums. Leetc...

In my humble opinion learning, by comparison, is the best way of learning, To stay in the loop while the industry is moving extremely rapidly, learning complex concepts by comparing to already familia...

In my previous posts, I've introduced how to create an Excel pivot table with the 3rd party library--Free Spire.XLS for Java. This article will demonstrates how to create a pivot chart based on the da...

Design trends are changing like new javascript frameworksat least one a day. Today I would like to introduce you to another trend named by my friend Michal Malewicz. It's called Aurora UI, and you ca...

As most people already know, Netbeans no longer comes with Tomcat bundled so if you want to deploy your application you need to manually register an external server. AssumptionsIm assuming you ar...

From early computers, to wartime inventions, the beginnings of the internet and beyond. Women have always been innovators in technology and science breaking down barriers in the process. In honour of ...

Coming from the Flatiron Bootcamp, I have been exploring different programming languages out there to keep my wheels turning. Especially in this programming world where things are always changing and ...

So, I'm back again with another pet project I have just finished and would like to share with everyone in this article: This is it, an image generated dynamically from a RESTful service that allows me...

It's been a year since lockdown and my job as Dublin Maker Advocate was challenging, mostly because my job is to engage with the community, and many a time in person and also visit where they are base...

I love it when my search engine retrieves irrelevant search results, said nobody ever.As developers, we search for things on a daily basis. Whether we are searching for a solution on how to fix a bug ...

I recently went through this process and was disappointed at the lack of documentation. Then I realized that the latest version of the msal-angular library I used was only 8 days old at the time of wr...

After my Javascript series: https://dev.to/rickavmaniac/javascript-my-learning-journey-part-1-what-is-javascript-role-and-use-case-49a3I am now ready to begin my React learning journey :)Click follow ...

I put a post on my Twitter account and had a brief talk on how JSX works, So I want to explain more about it here.Every ReactJS developer knows about the jsx magic, it let us write some HTML in javasc...

It's been more than 2 years since Hooks API was added to React. Many projects already adopted the new API and there was enough time to see how the new patterns work in production. In this article I am...

In the previous article we talked about mutability and saw how primitives can't be mutated while objects can. In this article we're going to see how primitives and objects behave when we try to copy t...

If you have ever looked into implementing always changing home pages in mobile apps, you would have come across the term Server Driven UI or Server Driven Rendering. It's a mechanism to render the pa...

You are developing a Ruby application where the user can sign up, and after submitting the form, the user has to receive an email. Will you send it immediately? If so, the user will have to wait while...

Programming is a difficult thing to master. I found one of the best ways to master programming is simply building as much as you can. Hard work pays off-especially with programming.If you're new to th...

My journey in Tech started almost 10 years ago when I got my first web developer position at a digital agency. After a few years working I decided to take a small break, and that small break turned in...

This is my 73th day of #100daysofcode and #python learning. Today, I keep learning from Datacamp and also completed some assignments. Also, I am present in one bootcamp from dphi where I did data vi...

Java is has been one of the most popular programming languages for decades. The number of specialists who want to become proficient in Java is rapidly growing. Because the competition is fierce, its n...

Hi everyone! In this article, Im going to touch on the theme of how to get a job. I want to share with you some of the experience Ive gained along the way as a programmer. This might be useful even if...

I landed in my dream company! Yes, I did! Keeping aside all the excitement about interning in the company, whose pictures my first computer book had, I will be sharing with you the process that I wen...

IntroductionIn modern React application development, there are many approaches to organizing application styles. One of the popular ways of such an organization is the CSS-in-JS approach (in the...

After my Javascript series: https://dev.to/rickavmaniac/javascript-my-learning-journey-part-1-what-is-javascript-role-and-use-case-49a3I am now ready to begin my React learning journey :)Click follow ...

I was told that raw http package is much faster than the frameworks. But I don't really trust such claims.So I make a test on how performance changes on http raw packages and frameworks.Here is the te...

SVG is a fantastic medium for generative art. It can scale to any resolution, is a joy to debug, and has a multitude of incredible filters/effects built-in.This post aims to provide you with all the t...

currently, I am working with node js and MongoDB I have been set up everything properly but when I was trying to run the server using npm start via terminal it shows me the warning which is like the b...

From early computers, to wartime inventions, the beginnings of the internet and beyond. Women have always been innovators in technology and science breaking down barriers in the process. In honour of ...

Depth-first searchThis approach involves backtracking for traversal and the deepest node is visited first and then backtracks up to the parent. There are three types of DFS traversal:-PreorderIn...

There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious...

Nowadays, programming is a well established field in the market with more and more new technologies popping out of nowhere. I started programming almost 3 years ago, with a well know language called "...

Banner image: Antoinette de Boer, DesignKubernetes is hot new technology that's going through major improvements all the time. But improvements to its functionality don't matter if no one can understa...

Welcome to Part 2 of "Things I have to say about react-query". As I've become more and more involved with the library and the community around it, I've observed some more patterns people frequently as...

I've used a lot of frontend frameworks over the years for demos and benchmarks. But they all had one thing in common. They were made primarily for Single Page Apps (SPA). Since I joined the Marko team...

This post is the first part of a series about Kubernetes. Rather than a series of tutorials, this is meant to be a periodic log of my journey learning the concepts and tools regarding orchestration us...

In this blog you will learn how to monitor a Spring Boot application. You will make use of Spring Actuator, Micrometer, Prometheus and Grafana. Seems a lot of work, but this is easier as you might thi...

I strongly recommend learning javascript frirst. Here a series of post I did on Dev.to: https://dev.to/rickavmaniac/javascript-my-learning-journey-part-1-what-is-javascript-role-and-use-case-49a3I am ...

The Amazon Simple Email Service is a cloud service inside AWS (Amazon Web Services) to send and receive email. I have used it to send emails, and it worked flawlessly. It has a reasonable maximum send...

After my Javascript series: https://dev.to/rickavmaniac/javascript-my-learning-journey-part-1-what-is-javascript-role-and-use-case-49a3I am now ready to begin my React learning journey :)Click follow ...

IntroductionReact has given developers great leverage to deploy enterprise applications across many different devices. This framework has opened the door to writing stateful, beautiful UIs for m...

Below is simple example code to mock the aws sqs api. This can be useful for development so you dont have to actually manage a real SQS queue / connectivity / IAM permissions until you're ready. ...

Welcome to "Git that Code!" The 2nd post in my Git series. In this post, I'm going to talk about the popular remote servers, GitHub, GitLab, and BitBucket, how to get your code on the server, and retr...

Hi, welcome to my first post on dev.to.This post will be the first part of the "Learning JavaScript the easy way" series.The decision to start this series came out of the desire to teach JavaScript co...

If you follow a strict REST / nested resources approach to building your Rails app, you might get sick of repeating common controller actions.Try the Scoped concern pattern: a place to put shared code...

ContentWhat is state?What causes a component to re-render?How do we use state in React?Functional components and the useState() hookClass components and setState()State do's & don'tsLifting ...

React router is a package that I use in almost all of my projects. Not too longago, Michael Jackson tweeted this. This made me curious as to how difficult it would be to rebuild react router from scra...

Never bend your head. Always hold it high. Look the world straight in the eye.- Helen Keller Table of Content Introduction 10). @ y0c/react-datepicker 9). materialui-daterange-picker 8). Reac...

One of the core concepts of a node is the concept of events. In fact, a lot of nodes' core functionality is based on this concept of events.Definition: The event is basically a signal that indicates t...

After the "Show off Your VSCode Setup" and "Show off Your terminal Setup" it's time for Workspaces. This month we are back to our office. Here is a picture of my Workspace these days. ...

Originally published in my blog: https://sobolevn.me/2021/02/make-tests-a-part-of-your-appToday I am going to discuss quite a new idea for Python users, an idea of making tests a valuable part of your...

IntroductionGoogle Chrome is one of the most loved browsers for developers as well as general users. I use Google Chrome across all my devices and it helps me to sync Bookmarks, Browser History,...

Article originally posted on my personal website at How to organize your web projectIt is easy to get carried away and just write code. The code may even work as intended but trust me that, in 6 month...

Full Stack Reddit Clone - Spring Boot, React, Electron App - Part 8 IntroductionWelcome to Part 8 of creating a Reddit clone using Spring Boot, and React.What are we building in this part?V...

This article was originally published at haluza.devWhat you'll get out of this article:Learn why developers use external libraries to manage state in ReactUnderstand the fundamentals of ReduxApply Red...

Personal website successfully moved to GatsbyJS!The initial site was built in ReactJS about a few years ago. I wanted to exercise the ReactJS skills that I picked up at my first job. Everything worked...

PrefaceI've been posting on Dev.to for a few months now. I love the platform, the editor, the ability to draft, edit and publish an article making it available to the millions of Dev.to users.Re...

Sometimes you gotta do what you gotta do. For quite a while I've had this idea of making a radio player or an app which you could use to search up or browse different radio stations, but something els...

Heeeeeey guys!!My name is Gustavo Scarpim, and I will show you how to make Upload image in base64 with React.To get started, create a new project with yarn create react-app myapp --template typescrip...

IntroductionTypes are the number one reason why we use Typescript in the first place and there are lots of them we can benefit from. As a Frontend developer specialized in React, there some tric...

Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take i...

A nice new feature is coming to Angular v12 - support for disabling Angular animations at runtime Note: This feature was added in v12.0.0-next.3.Up until now, the only way to disable Angular animation...

Hello folks, Few days ago, I was searching for some good CSS solutions for my side project and during that I came across Tailwind. Tailwind is surely becoming popular amongst many developers these day...

Go lets you create your own data type using structs. If you're coming from TypeScript, you can think of it like an interface where you declare your fields and specify each type.type User struct { n...

Sometimes you want a tutorial that is straight and to the point. You want the how, not the who, what, where, when, why. Today's quick lesson: setting the default terminal in VS Code. StepsOpen V...

Dead simple State Management in Vanilla JavaScriptIt's been years now since you started using Redux, MobX or even plain React Hooks and have no idea how state management works and why it works the way...

This post was originally published at https://www.devaradise.com/vue-example-projectsVue.js is one of the most popular javascript frameworks along with React.js and Angular. It designed to be incremen...

'this' is a special variable that is created for every execution context (i.e. it is a part of the execution context).It takes the value of the owner of the function in which the 'this' keyword is use...

Hey devs Often when you start developing a new frontend project that consume a REST API, the backend is not yet ready. However, very often this one is at first basic and you only want to receive faked...

Imagine accidentally closing the browser tab after filling a mandatory and boring survey form. All your responses are lost now.Frustrating, isn't it?You would not want to give such an experience to yo...

In this tutorial we are going to learn about the new features we can use in the latest version of ECMAScript 2021 with some coding examples IntroductionThis Ecma Standard defines the ECMAScript 2...

IntroductionThe ecs-cli command is a little gem ecs-cli allows you to deploy a Docker stack very easily on AWS ECS using the same syntax as the docker-compose file format version 1, 2 and 3 The...

Women empowerment has always been something that Im passionate about. Being surrounded by a community that helped me grow to become the reliable and strong developer I am today is something that I am ...

Find or Search Implementation.When looking for a node with a particular value on the tree, the arrangement of the nodes where the lesser value than the parent node. This means there is a particu...

Through my years of working with Ruby on Rails, I've seen some common practices that I believe are not required and add complexity to the code base. This really simple practices look like they do no h...

Protecting your website's copyrighted content is tricky. Let's see how it's done! Cover by Jeremy Thomas on Unsplash. This article is available in Arabic on my blog.Bottom line is no matter how many s...

New beginings2020 was quite an intense year. I have no words to express what it meant to me, in terms of challenges and successes, of learning, of many losses including the passing of my grandmo...

When I participated in the #shecoded campaign last year, I did not want to recount my story in a fashion of a heroic journey. I took that space to reflect on what my personal perseverance toolkit incl...

If you are using typescript, you might use interface & type but if I ask you the difference between them, are you able to answer it ?At the end of this article, you will be able to answer it durin...

Contents Intro Images Background Images Summary Intro They say a picture tells a thousand words. It certainly costs a thousand words when it comes to performance!Images tend to be quite lar...

My story: I'm a 42 year old mother of two boys, and I started my career change from K-12 public education into software at age 40.In March 2020, when I was one month away from graduating from a full-t...

My name is Sam Jarman, and I imagine like a lot of men of tech, I'm also on a journey to correct my own biases (subconscious or not) and do my bit to get us towards a gender-equal world.For IWD I want...

I'm often asked things like "What should I make?" or "Where do the ideas come from?". I've covered how I generate ideas before. The gist being, write down all your ideas, great or small.This works gre...

I'm so excited to introduce you all to the winners and winning projects of the New Relic x DEV Hack the Planet contest! Participants were asked to submit their projects on The Relicans (a new communit...

If you, like me, regularly (see what I did here?) validate alphanumeric fields using Regex, you probably learned to do it like this:'Till'.match(/[a-zA-Z0-9]+/gu)This is technically correct, of course...

IntroductionYour leg started to cramp ten minutes ago, but you barely noticed.The chatter from a distant TV is nothing but background noise...white noise, a gentle reminder of the outside world....

Note: Now that I've started working full time, I created a new post schedule that offers more time to write research-heavy posts. The goal is to publish articles to a series every 3 weeks. But in betw...

In this article, we are going to take a look at the Platform Module from Angular CDK. The platform module provides you with information about the current platform where your web app is running on, suc...

Wow! Today is International Women's Day. I am glad that this day officially exist to give value and honor to all the women in the world who are making great difference. I would like count myself in fo...

Where are we about equality in tech in 2021? Aren't we still there yet? How long does it take to get there to have true equality in the tech industry? The time of the pandemic and working from home sh...

This year marks five years (!) since I started my career in the tech industry. To commemorate the milestone, I want to share a practice that has played a monumental role in my career advancement over ...

It's been a year of lows, highs and more lows. To say challenging would be putting it mildly. The struggles continue. Nevertheless, I coded.In the midst of the lows, the highs I achieved were both une...

What if instead of manually configuring your infrastructure resources, one by one, in a web browser or at the command line, you could manage it all in code? What if you could manage whole environments...

Linah is a Biology and Chemistry teacher at Regis School,Runda. In her 12 years of teaching, she has been coming up with innovative ways of improving learning outcomes among marginalized girls in Momb...

The problemSo, you have an older PHP project that uses type hinting via annotations and you would like to move away from those ugly annotations to nice inline type declarations. From this:<?p...

I rarely, if ever, talk or write about my personal journey in public. Mainly because I feel uncomfortable while doing so. Time to change.During my time as a co-organizer of tech-community events like...

Styled components are a CSS-in-JS tool that bridges the gap between components and styling, offering numerous features to get you up and running in styling components in a functional and reusable way....

I wasn't sure if I wanted to write one of these this year. If you're on twitter you may know that last week was full of bad sexist takes that were incredibly demoralizing.Yet, it's tradition. Once a y...

My name is just Sharon, I do not have any nicknames(at least that I know of) Where do you work?B. Braun Group What do you do?I work as an Innovation and Business Development Manager a...

My name is Sylvia, Some of my friends call me Sylo. Where do you work?GlobalX Investments Ltd/ GlobalX Innovation Labs What do you do?I am Founder/CEO of GlobalX Investments/GlobalX In...

My name is Rachael, but my friends call me Raycee. Where do you work?Ona Limited What do you do?I am a Software Engineer. Who or what inspired you to pursue the career you have to...

My name is just Celine, I do not have any nicknames(at least that I know of) Where do you work?I am an incoming software engineer at Slack. Will be working on the front-end. What do y...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Today, I'd like to offer an approach that will allow most organizations to proceed with zero-downtime deployments with help from the Hazelcast platform.Applications are not stateless!A couple of years...

React is an open-source, front-end JavaScript library for building user interfaces or UI components. Released in May 2013, React is the most loved JavaScript framework because of its extra simplicity ...

This article first appeared in Hashnode IntroThis is how I built a simple sprint dashboard using VueJS and used Amplify for backend, frontend, CI/CD, and for custom domain set up as well. In this...

Knowing how things behave is really important in programming as it gives a better understanding of the code you write and it helps fixing bugs easily.This article is the first of a 3 parts series that...

Im old, white, and male.This has affected my life in a number of ways. Ive experienced the birth of the personal computer and watched a few bulletin boards turn into this world-changing phenomenon cal...

What is a Linked List?A linked list according to codementor is a data structure that can store an indefinite amount of items. These items are connected using pointers in a sequential manner. The...

I have been working on setting up a new operating system distribution. I took some time to test out a different package manager, but ended up going back to my familiar toolset. This article will talk ...

Machine learning(ML) is everywhere, you look around, you will see some or the other application is either built using ML or powered by ML. And with the advent of technology, specially cloud, every pas...

Express is by far the most popular backend web framework in the NodeJS world. It is a right of passage for every javascript developer to learn how to create full-stack applications and APIs. In this b...

The first time I realised how special tech communities were was when I started teaching web development for Code First Girls at the start of my second year of my undergraduate degree at the University...

Voice recognition is a complex problem across a number of industries. Knowing some of the basics around handling audio data and how to classify sound samples is a good thing to have in your data scien...

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. This art...

Photo by Ryan Quintal on UnsplashIn this tutorial, we will create a Python package called starfox with a command-line interface (CLI) that simulates conversations between players from Star Fox 64. We ...

NOTE: To achieve build-cache node replication, you need to have an instance of Gradle Enterprise running.In this post, I will share our experience at Premise Data using build-cache node replication to...

You cant prove a negative, but what about querying a database for a negative? While the majority of the time, you are writing queries to find data, there are some cases when you want the opposite: wri...

hold on! the below feature is experimental and can be tested only on FirefoxThe specification of CSS Grid Level 3 is actually under construction and it's about masonry layoutThis module introduces mas...

This article is a loose continuation of 'How to trigger a Next.js rebuild from Strapi CMS' - as the website is statically generated any content being added through the Strapi CMS cannot be viewed as ...

From early computers, to wartime inventions, the beginnings of the internet and beyond. Women have always been innovators in technology and science breaking down barriers in the process. In honour of ...

My journey to become an Executive Principal Engineer working in Developer Relations (fancy buzzwords title) was not easy. Here is my story and why I believe we need to challenge ourselves. A jour...

IntroductionLet's continue the series of "Algorithms Every Programmer Should Know". It is the 2nd Part, in the first part, we explore the 4 Searching Algorithm. If you haven't read that please r...

ContentWhat is a programming variable?How do we create a JavaScript variable?var, let & const declarationsScope, Hoisting & ShadowingWhich variable declaration keyword should I use?How s...

It turns out that running ts-node-dev / ts-node is constantly consuming hundreds of megabytes of RAM even for small and simple applications.In development, it is usually not a big concern, however, it...

Vite is the Eminem of frontend tooling.Why? Because is crazy fast and delivers well. In mid-February Evan You announced the release of the latest iteration of Vite Announ...

In JavaScript we can pack a function inside another function. When one function A is inside another function B then function A is called outer function while function A is called inner function and th...

Coding interviews might be daunting for many applicants. Especially those, where you have to code live without accessing external resources. It is a completely different environment setup from a class...

If you're working with Vue.js you know that here are a lot of UI component libraries orbiting around the Vue.js world like Vuetify, Buefy, BootstrapVue and so on. Rather than coding and styling button...

This blog will help you understand javascript better, here you will learn about Execution context and Execution context stack. Execution context(EC)It is like an environment where javascript code...

Content was originally posted here.Bootstrap 5 is highly customisable and delightful when you need to deliver a consistent design as fast as possible. Let's see how to use it with the last Rails 6 ver...

In this post, we will show you how to create a MySQL server backup using Kubernetes CronJobs.In our case, we do not have a managed MySQL server. But we want to backup it to our NAS, so that we have a ...

Lets talk about Git. This is the first post in a series of using git. In this post, Im going to explain these things:What is Git?Why you should be using itHow to use itIf you'd rather watch a video th...

One would think the timeline we live in is dark enough, but for some reason, developers are obsessed with giving users the option to make their lives even darker. In this article, we will go over how ...

I was recently disciplined for bringing up accessibility (a11y) issues on a project at the agency where I was a dev. Even more troublingly, I had already developed a ready-to-push accessible feature f...

In this blog, I'll share my 1 year of learning experience and How I started my Web Development journey with a glimpse at some of my projects and courses/resources that I followed in this journey and ...

Get the Latest Mars Photos, on the Web and In Your InboxEveryone's waiting on the next photos from Perseverance, NASA's latest Mars rover. I'll show you how to use NASA's API to get the latest i...

IntroductionOne of the most important things in JavaScript is arrays. 99% of the time there is going to be an array in someone's JS script. And if you take a look into someone else's code, you w...

Originally posted on bigsondev.comArrays exist in every programming language. It's a data structure best suited for storing multiple values. And, for doing various operations on these values, often ca...

Flexbox is great. Unfortunately, many developers use it in a wrong way. To be more precise, they use it automatically everywhere even when it should not be used.Let's take the following example<div...

Here I am going to explain how to set up your database MongoDB for creating REST API using node.js,express which you can later fetch using any frontend like React.I am not covering the basics of mong...

Situation: we need to make sure that we charge the user the correct amount when he uses a coupon. Important point: the class responsible for this has a huge API with mandatory arguments.First take:con...

When building an application powered by Next.js it's probable that you'll need to fetch data from either a file, an internal API route or an external API such as the Dev.to API. Moreover, determining ...

As a web developer who works with small businesses to upgrade their outdated sites, I'm always on the hunt for the latest and greatest ways to improve my workflow and deliver a superior product.That s...

IntroductionKubernetes (k8s) has been all the rage for the last few years because application orchestration has become a de facto table-stakes requirement for production workloads running contai...

It is important to always strive for the best time complexity when solving algorithm problems. I recently solved for the brute force solution to this problem and was ready to move on. Then, a fellow p...

Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take i...

No JavaScript to be found here:...

Do you ever have those moments where you know youre thinking faster than the app youre using? You click something and have time to think whats taking so long? Its frustrating to say the least, but its...

IntroductionOn a boring day at work, a colleague and I were talking to Alexa, when a bet arose due to the joke, creating a virtual assistant in 15 minutes.Alexa has a multitude of functions, so ...

Today the applications are getting more complex and a large amount of data is transferred across devices with the help of these applications, servers, and networks. It has become essentially important...

When I started out as a web development student early last year, one of the tools that was tricky for me to understand from the get-go was version control, so I avoided the use of Git(a version contr...

A Warm Welcome to the Python Intermediate Projects SeriesMy name is Sai Ashish and today, I'm dropping one of the most favorite builds of all time The Among Us Crewmate Build How pumped are you for t...

Originally posted on corscheid.dev ContentsIntroductionTech StackGetting StartedCreate New Angular AppStart the Angular Development ServerModify Main HTML and CSSModify App ComponentGenerate Quot...

TypeScript is like JavaScript but with no surprises.I heard a long time ago about TS, great stories about how useful it is, allowing js to have Javascript types. At this moment I wasnt so 100% a...

What is NPM (Node Package Manager) ?npm commonly known as node package manager, initially released in 2010, is a tremendously popular package manager among JavaScript developers. It is the defau...

Hello Folks,If you are working in react and you have used libraries like React Bootstrap you must have seen or used components like <Dropdown.Item>. Have you ever wondered how to create such com...

Sometimes I come across three separate checks in specs to make sure the hash is OK: there are keys, there are values, values have the right type.RSpec.describe UserSerializer do describe "#as_json" d...

This post continues the topic about Advanced Usage of Styled Components and covers animation, styling the existing component and attaching additional props (yes you can do that too). Styling exis...

Hello fellow DEVs,In my previous post, we implemented 80% of our chat backend.This is the link to the post, in case you missed:https://dev.to/joan41868/java-chat-app-backend-53k3Today, we'll continue ...

IntroductionAfter days of hard development, my application has been finally deployed to production! No user has reported bugs, so it seems everything is fine. But does it really?I don't like to ...

JS Is Your HammerWhen working on modern frontend web development, using your favorite framework of choice, it can be sometimes tempting to solve all the problems with JavaScript. Sometimes this ...

From early computers, to wartime inventions, the beginnings of the internet and beyond. Women have always been innovators in technology and science breaking down barriers in the process. In honour of ...

Back in the days there was no chance to have a custom thread pool in a Node.js application.From Node.js version 10 ( experimental ) a great module was provided, the worker_threads module.Worker_thread...

With the ever-growing jungle that is the web, the need for web design standards only grows with it. Gaining more awareness and a better understanding over accessibility is tantamount.My club, KPMD, or...

If you want to be a good software developer you have to be constantly learning. One of the best ways to learn is through reading good books.Here is a list with some of the best books new software deve...

My path to learning CSS was a little unorthodox. I didnt start as a front-end developer. I was a Java developer. In fact, my earliest recollections of CSS were picking colors for things in Visual Stud...

In my previous post, I talked about how to solve the N+1 query problem in Rails to improve the performance of the application. There is another thing you should be aware of when filtering data.When yo...

In my previous article, I wrote about adding Serilog to the project and configuring it through the appsettings.json file. In this article, I'm going to add Swagger for API documentation and API versio...

We've talked about performance tools and web vitals. So you know how to measure performance and what the metrics are telling you. Now comes the hard part, how do you improve them?Lighthouse will give ...

In my opinion, code review is one of the most effective tools for improving the code base and aligning your team's coding skills. But, as with any tool, it can be used in the wrong way: it can hurt pe...

IntroductionYou are given coins of different values and a total amount of money amount. Write a function to compute the fewest number of coins that you need to make up that amount.What code shou...

In design (of software and non-software products), is it good to provide several alternatives? Let's see this scenario:You're learning Ruby. You learn that to write an array, you use ["a", "b", "c"], ...

There are two important types of properties you need to know about when positioning elements on a screen. The first one, position:, specifies the type of positioning method to be used for an element (...

About a year ago, I wrote a blog post on simple In-Memory Caching in ASP.NET Core with IMemoryCache. This article mainly introduced the concept of caching and how we can store stuff in the servers mem...

IntroductionIf you run multiple servers and you do not want to edit files and open folders using ssh client and text editors like vim, vi or nano and you want to take advantage of all the featur...

Hello, I am going to give you a quick introduction about JavaScript promises and why they work the way they do. Promises have been around for a while now. It is really important to understand this top...

Writing a Search feature for every single page or section on your website can be really tedious, and even if you create a reusable function, you might end up changing the code multiple times for it to...

Look, there is an alarm like this:class Alarm def to_human at.strftime("%k:%M").strip endend Enter fullscreen mode Exit fullscreen mode And this test:it "returns alarm in human-reada...

The ES2019 specification may have been a smaller addition to JavaScript, but it still brought some interesting features. This tutorial will show you eight ES2019 features that can make your life easie...

Fetch:Fetch is a newer way to send HTTP requests. Before Fetch, XMLHttpRequest was a very popular way to send requests. In fact, it was the only way to send HTTP requests in the early days of Ja...

IntroductionIn 2019 I wrote a post with this same subject and an extra tool: Knock. With a few modifications in the gem source code, we could easily integrate Auth0 into our Rails API, but that ...

There are two main ways to handle asynchronous code in JavaScript: then/catch (ES6), and async/await (ES7). In this post, I wanted to show to convert a then/catch syntax into an async/await syntax.In ...

Photo by Divide By Zero on UnsplashThere are a ton of awesome packages available in the Python ecosystem, but sometimes all you need is a built-in function. It might not be as glamorous without the br...

Our very first project required quite a few different aspects. I was confident as I looked over the checklist, but the execution proved my confidence superlative. We've learned so much in the past few...

There are 23 classic design patterns which are described in the original book Design Patterns: Elements of Reusable Object-Oriented Software. These patterns provide solutions to particular problems of...

Ah, booleans. 0 or 1, true or false. Always either one of them, never something in between. So simple and predictable. At the end of the day, all code we write winds up in lots of zeros and ones.There...

TypeScript 4.2 was recently released, with many cool new features and improvements. It's really impressive to see how TypeScript improves the developer experience one step at a time. In this short pos...

Hello World! New episode of the series - A CSS/JS trick in 5 minutes - Last Article was about a CSS background that can really change your websites. Today I want to explain you a Javascript trick: How...

I have been working with React for the past couple of years, so naturally, I am not really proud of the code that I wrote when I was just beginning with React, because now I know the mistakes I made w...

We see a lot of developers these days replicating real life objects using coding languages such and HTML, CSS and even JavaScript to bring more life and functionalities into the object. It's fascinati...

I have been wanting to redo my portfolio, and one of the major things I wanted it to have was smooth scrolling. So, I created a super simple smooth-scrolling effect with no extra dependencies but reac...

Hi again, devs.Are you having a nice weekend there? I really hope so. I should have released this final part yesterday, and my apologies for being late, but finally and after almost 3 months of coldne...

Mock Service Worker is a seamless API mocking library for browser and Node.js. It uses Service Worker API to intercept requests on the network level, meaning no more stubbing of "fetch", "axios", or a...

This blog will explain how to create a Google Keep clone using reactjs. Step 1 Building input to take noteThis input show open up on click as in Google Keep. For this, state has visible set ...

A Contactless Attendance System where your face is identified for Attendance. Motivation This Repository was created as a part of MINeD Hackathon, a national level hackathon organized by Centre ...

Have you ever guessed what the next sentence in the paragraph youre reading would likely talk about? Have you ever noticed that while reading, you almost always know the next word in the sentence?Well...

This article was originally posted on my personal blogI've been a maintainer to a couple of repositories now that specifically aim to help beginners to learn how to contribute to open source and give ...

In this tutorial I will be showing you how to create an npm library that is composed of react component. This will definitely help you incase you want to reuse code in multiple projects or if you just...

Hey there!If you're a little familiar with GraphQL, you've probably heard of subscriptions and how useful they are in building real-time applications. In this series of blogs, we're going to build a s...

One of the core concepts of react is the difference between props and state. Only changes in props and state trigger react to re-render components and update the DOM.The biggest difference is that re-...

What is a Pseudo Element in CSS?A CSS Pseudo Element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to sty...

How to reverse a linked list?You probably heard this question a billion times already, may it be from coding interviews, colleagues, and even some YouTube influencers saying you aint a programmer if y...

This article was originally published on my blog. Head over there if you like this post and want to read others like it.Recently I made a small web app that requires user accounts. I learned quite a b...

In this tutorial, well build a Web API using Azure Functions that stores data in Azure Cosmos DB with MongoDB API in C#Azure Cosmos DB is a globally distributed, multi-model, NoSQL database service th...