Articles by Dev To from January 2021

Getting StartedBelow we will have the patterns for all the main programming concepts in four different languages. To try them out head over the website, repl.it and create a free environment to ...

If youve written React class components before, you should be familiar with lifecycle methods like componentDidMount, componentDidUpdate, and componentWillUnmount. The useEffect Hook is all three of t...

Hello everyone,Over 4 months ago as I posted on reddit my portfolio that I have developed through taking online courses and received a lot of motivational feedback. Time has passed and now I can final...

When I was new in Web Development, I faced many difficulties while learning JavaScript, but after regular practice, my views changed.To be honest, still Javascript changes my perspective, but it also...

IntroductionWhen you create a microservice or a library, you start defining the location of each group of elements (enums, classes, interfaces) in one or more packages and the best practices, i....

Hi!In this tutorial you will learn how to make a "heart clicker" interaction/game!This tutorial can be a good practice for anyone who want to learn javascript, vue, web-development, it can also fit ex...

Youre probably familiar with built-in React hooks like useEffect and useState. But have you explored writing custom hooks? Or thought about why you would want to?No, why would I? You might ask. And si...

How to become an effective programmer?I know many of has have this question in our minds especially students and people who are new to coding. Now just like any other skill, coding doesn't have a righ...

This post was originally published on January 30, 2021 on my blog.I learned a ton this week at work. Seriously, a ton. And I loved every minute of it.Well. I loved every minute of it in retrospect. Du...

Disclaimer: I am not sponsored by notion these are all my thoughts and opinionIf you are interested in seeing a detailed video on how I organize and take my notes check out my newest video. I have alw...

Today I have stumbled upon a great article by Austin Z. Henley called "Can you make a basic web app without googling?" read it.The article pretty much sums up what is, in a way, wrong with software de...

Express.js is a web application framework that is built on top of Node.js. It provides a minimal interface with all the tools required to build a web application. Express.js adds flexibility to an app...

In this tutorial, we're going to cover step-by-step how to create an animated map that visualizes real world UK energy consumption per year at the regional level! This type of visualization is known a...

A side project should be pure fun only. I'm not talking about forcing yourself to make a boring todo app just to fill up your portfolio. I'm talking about creation and fun! DisclaimerI'm not goin...

There are so many weird things that happen when you're working on a React app. Sometimes you fix a bug in one place and it causes a bug in some seemingly unrelated area. It's like a game of whack-a-mo...

The method map() creates a new array with the values that get returned by calling the function provided to map(anyFunctionHere) on every element of an array.The array, on which the map() is being exec...

Logs have been with us since the dawn of coding, and with good reason.Logging helps us debug during development, understand failures in pre-production and production environments, and observe our syst...

As a passionate web developer, you must have come across the name ReactJS, you might have also tried to learn this library. Let's start by asking the question...WHAT IS REACT ??According to the offici...

TL;DR: I'll explain how to build a visually appealing and fast web app with different kinds of maps. It'll be fun.Hey devs As you most likely know, there are many ways to visualize data, but when it c...

Images of the webThe most commonly used image formats in the web include bitmap, svg and webp. BitmapBitmap images are made up from tiny dots called pixels. Each pixel is actually a square ...

Introduction What is a route?A route is simply a specific path. Just like going home after a class, you might decide to use a specific path to get home. Similarly routes takes us to our tar...

Lambda expressions in python are one-time anonymous functions which we don't need more than once.Consider the following example where we use a function to multiply a list of numbers with the mathemati...

What is the fileReader ?"The FileReader object lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using File or Blob objects to...

TL;DRErrors are unrecoverable, Exceptions are routine. Some languages (JavaScript, Python) treat them as synonyms. Others (Java, PHP) build the distinction into the language. Yet others (Go) get...

The world of Uniform Resource ___Here the word resource could be anything, take it as a img on your computer for easier understanding URIURI stands for Uniform Resource IdentifierA URI cont...

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. JerryScriptJerryScript: JavaScript engine for the Internet of T...

IntroductionI've read dozen of articles on how to become a better developer in the past yearHere are 7 ways to do so 1. Code every day for as much as you can.This is important especially wh...

My name is lvaro (pronounced AL-bah-roh), and for a really long time, people have called me Alvero, Alberto, Arturo, Alvarado, Salvador, and even Alejandro!My last name is Montoro, which is commonly m...

The world of application development is continually changing. Since the early 2000s, agile development processes introduced controlled change (not chaos) into the development process. Instead of long-...

In part one of this article, we created our authentication setup using fortify, laravel and bootstrap. Laravel 8 authentication with Bootstrap and Fortify Jasmine T...

The javascript ecosystem is huge and when you see the sheer amount of tools, libraries, frameworks there are for front-end development, it can be overwhelming - especially for beginners. In this artic...

I want to start this post with the regular disclaimer: this is my journey, and everything about it, is intrinsically bound to my nature as a person. A different person, under the same circumstances, m...

Today let's build three different navbar layouts using the CSS grid layout and I'll show you, how easy it is to change the arrangement of the items without actually touching the markup.Read the full a...

Hello everyone! The new year has just begun but the JavaScript world is already buzzing with exciting news and updates. While exploring various sources I have learned some interesting JavaScript stuff...

Chapter 1: What's the Scope?While working with JS, have you ever thought, How does it know which variables are accessible by any given statement, and how does it handle two variables of the same...

IntroFor this blog series I've teamed up with @emmarslight/@SlightEmma to give you an insight of what it's like starting your first job in tech but on opposite sides of the world!Im in the UK an...

Being a junior developer is not easy. You have a lot of work to do, and you're expected to know everything that's going on in your company. These tips will help you get started on the right foot. ...

IIFE IIFE or immediately invoked functions as expressions simply refers to a function which runs as soon as it is defined. Which means if you have to write a function which runs in beginning of...

One of the best ways to go about creating loading animations for your web projects that doesn't involve loading assets from your web server, external CDN's or third party Javascript plugins is creatin...

This is a code example of Redux with only HTML & pure JavaScript. Code sandbox<!DOCTYPE html><html> <head> <title>Redux basic example</title> <script src="h...

Whether youre hunting for a bug or writing code, you likely use Javascripts console.log(). It works but console has 19 other methods to assist your development and debugging. Most notably is console.t...

What do these two things have in common?The best thing about Vim, the reason why I have come to love this particular piece of software so much, is that it can be so incredibly personal and uniqu...

As an undergraduate student in one of the universities in Indonesia, we are mostly obligated to participate in a community empowerment program, where we are supposed to help the locals by applying our...

So today we are doing to build a random password generator using html css js so lets startAt first lets see the folder structurePASSWORD GENERATOR MINI PROJECT USING HTML CSS & JAVASCRIPTcss...

Hover states are probably the most fun a developer can have when a designer isn't looking. You've seen the basics at this point; fade-ins, growing and shrinking, color shifts, animated rainbow gradien...

When you're first starting out as a developer, one of the big curve balls that gets lobbed right at your face is the concept of "version control". I've been a developer for 17 years and version contro...

Formik is a super cool library and I use it every time. So today I am writing this post for beginners and it covers the use of formik on the simple login form. I'll cover these things hereCreate and s...

Hello friends!Welcome to this first article in a series that I plan on doing around quick tips for routing in Ionic React.To kick this series off, I'm going to answer one of the top questions I get, a...

This post gives a lot of examples: 18 Web Design Trends for 2021 Creative Tim Jan 28 11 min read #design #webdev #webdesign I'...

In this article, I am going to explain how did I create a simple calculator using React. There might be bugs, but this is only for learning purposes and training the basic concepts of React.Recently I...

Hello friends! So, this is the third part of the MERN Stack series we have recently started. In the first part, we all learnt how to set up the project and had explanations about various things we are...

All objects created in a rails application have a life cycle, which consists of three general stages: Create, Update, and Destroy. Callbacks allow you to trigger designated methods before, during, or ...

When you work with code every day, you start to notice things that can be done faster or make your code cleaner. It's one of the skills you develop over time as you get exposed to different projects. ...

I have heard from many women that it has been interesting to hear how someone has started their career in tech. Especially if it was not the first choice, like in my case, so it can be inspirational t...

Hello Fellow Codenewbies We've learned about Flexbox, justify-content, align-items, flex-direction and media queries.In this post, we will create a simple navbar with what we've learned so far.We will...

Javascript language has immensely evolved in the last couple of years where a lot of new features were introduced in the last versions beginning with es6. One of these areas that have improved to the ...

Imagine that you are writing a program that can draw different shapes: circles, triangles, squares, etc. You represent them by corresponding data types. Depending on a language you use, these shapes b...

Yes! this has happened to most of us at least once in our career, especially when we are just starting. We accidentally commit sensitive data to GitHub. We forget to gitignore our config file containi...

When anyone refers to automated browser testing, it somehow means that the testing will be performed on the latest browsers like Chrome, Firefox, etc. It would come as a surprise if someone from your ...

Have you ever had the problem where a tool or a piece of software works fine on your machine, but the moment you install it on someone else's you get all kinds of issues? Well, I have, and particularl...

IntroductionI wasn't happy at my job. In September of 2020, I decided that I needed to make a change. After 5 years of working as an electrical engineer I bit the bullet and left my job to pursue codi...

An intuitive and straightforward Resume Builder!A NEW open-source project for the community launched in BETA testing stage - all I need from you all is to use this application to build your re...

I've curated a list of 10 advanced projects to complete in 2021. Most of these are systems programming projects, but there are a few other AI and networking projects in the list. When I say these proj...

This series discusses the building blocks of JavaScript. Whether you're new to the language, you're preparing for a technical interview, or you're hoping to brush up on some key JS concepts, this seri...

-Problem Solving Patterns -Frequency Counter Patterns -Multiple Pointers Patterns -Sliding Window Pattern -D...

Yesterday I received an email from a young developer who told me that was having difficulties learning JavaScript. He told me that he looked at some of my open source projects and found them pretty in...

Happy 2021! This weeks term is a mouthful, but dont let the long name deter you. Its a pretty interesting topic and I think you will agree after finishing this breakdown. There is a lot to say about h...

In this tutorial, I will be showing how I built a hex color generator. It is a simple page that generates a random hexadecimal color code when you click a button and updates the background of the page...

Your frontend application needs a design system. If you want to provide a consistent user experience (UX), ship features faster, make re-branding changes more easily, and free up your time to focus on...

So today i am going to show how to make a weather app in reactAt first create an empty react appnpx create-react-app weather-appcd into it and now open it in code editorcode .Now delete app.css ...

In computer science, functional programming is a programming paradigm where programs are constructed by applying and composing functions. (Wikipedia) Need for Functional Programming(FP)The usage ...

One mistake I've seen people make, especially newcomers to devops or programming in general, is they try to learn to much. I don't mean in a specific time frame either, I mean overall. They end up lea...

Today is my 34 day of #100DaysOfCode and Python. Today I tried to write some code on python access to web data and data structure on python. Complete some assignment on coursera.Below is the python co...

First off, this is a video on YouTube. If you like it and watch it, please head over to YouTube and give it a like.Alright, if you're reading this it's because you want to read the points in the video...

Im going to state the obvious here: technical interviews are hard. Its an unnatural thing, having a near-stranger (or several) watch as you face off with a problem you may or may not have encountered ...

There are many notes apps, but I needed something simple that works for me on my laptop. That is why I made minimal notes that will work in my browser locally. Everything is stored in your web browser...

In this short tutorial, we'll be learning how we can use the AnimatePresence component provided by Framer Motion to create our very own page transitions when navigating between pages in React!We'll be...

The article was originally posted here. Some of the gifs are not displayed here due to dev.to's restrictions. What is a web server?A web server is a program that takes a request to your website f...

Windows-supported operating systems rely on one of two different types of file systems: File Allocation Table (FAT) or New Technology File System (NTFS).While both file systems were created by Microso...

TL;DR : I created a standalone tool that can help you fix all the broken links in your websites/documentation. You can check it out on npm as check-html-linksIn my developer career, I have put live mu...

As a web, mobile or software developer, youre probably including emojis in your application the wrong way. This is why. Starting With An ExampleThe common mistake programmers make when it comes t...

Hooks are now inevitable for React developers who use functional components. I struggled with the concepts of hooks when I started with reactjs, and I couldn't find an exact tutorial that would explai...

A month ago I started an open-source project titled Pyswahili, which acts as a middleware to help non-English speakers get started with Python Programming using Swahili based keywords.With just a twis...

Accidental complexityAll software construction involves essential tasks, the fashioning of the complex conceptual structures that compose the abstract software entity, and accidental tasks, the ...

The use of a Skeleton Layout for asynchronous content is becoming more and more popular across mobile and web apps alike. Google, Facebook, LinkedIn, Youtube and many more use a skeleton layout to dis...

This is a quick cheatsheet for every Rubyist struggling to remember PHP syntax. VariablesRubyVariable names can begin with an alphanumeric character or an underscore, but not a number. Local vari...

IntroductionRecently I've been using Next.js both at work and on after-work projects. Next.js is React framework that enables functionality such as server-side rendering and generating static we...

You learn a lot being a high-performance oriented classical musician. Here are some lessons I learned along the way, especially in how I needed to practice so methodically to have any hope of making p...

Originally written on my blog.Many people prefer to read on a dark screen, while others prefer the light mode. Giving users the ability to switch between these two modes is a great user experience fea...

When I first started to teach myself JavaScript, it was truly a breaking point for me. I cried, I whined and gave up a thousand times. Only to pick it back up every time. I used/ currently reviewing t...

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

Hello Coders,The article presents a simple, open-source tool that I'm using to statically analyze HTML files for missing assets and broken links, before using the files in real projects. This Html Par...

Most of us as developers use these keywords in our daily lives while coding, so I thought to give it a brief from my own understanding. I hope you find this post useful by the end of this post. Let's ...

What Are Events and Listeners?Visitors to our websites, and users of our applications, are continuously interacting with elements of the Document Object Module (DOM), whether they realise it or ...

In this article, I describe how to master a profession from scratch and focus specifically on the key skills required to become a Data Scientist. Hard Skills 1. Mathematical baseKnowledge of...

Are you in doubt that your React routes are really protected ? There are lots of tutorials out there that talk about secured routes, protected routes, private routes or restricted routes. Its pretty m...

A common CSS newbie issue we face is, how to code a sticky top bar. This could be the nav-bar, a quick contact bar, quick access bar, etc. Let's assume we want to build a top nav-bar. So the requireme...

Current Full-Stack Developer Technical Stack 2021Front-End: HTML, CSS, JavaScript, Typescript, React, React Native, Redux, Flutter/DartBack-End: Python, NodeJS, SQL, NoSQL, Kotlin Transfer Files...

Last week I officially graduated from the School of Code Bootcamp () and as such I've been reflecting on my journey into coding over the past year. Without trying to sound overly dramatic (okay maybe ...

#001For the last couple of months, we at Skynox Tech's Twitter account, sharing a series of tweets known as #CSStricks. We have shared a lot of tricks that otherwise one could not find in online tutor...

The worst part (or perhaps the most fun for some) of getting a new laptop is setting up everything you need as a web developer. Adding programs and tools that you had installed over the many years of ...

I had this idea when I wanted to create elements based on what their type was but I didn't want to deal with everything that was happening in the background. I thought I might not be the only one who ...

Hello devs!Today I challenged myself to write my first post and I wanted to be about the Adapter Design Pattern.Design patterns are the basis of all good software. A design pattern is a general soluti...

TL;DR VS Code has full Github integrationI have been making series of videos on Youtube that shows Git workflows using VS Code. The motivation for this video series is purely personal and I know a lot...

Hi Folks,If you are working in javascript, you must be knowing these two keywords, null and undefined. Although we understand both of them, it becomes difficult to answer this particular question. So ...

Sometimes you may feel that your documentation, article, or post lacks something. You may see people lost while reading your texts. You may get too many questions about things that - you're sure - you...

Discord is one of the best and most-used chat services for gamers, developers, and other people. It's often used to discuss strategies in games, talk trash about opponents, and more. However, Discord ...

Despite the macabre name, headless browsers aren't scary (at least, to most people). They're similar to standard web browsers, but are controlled through code instead of with a mouse and keyboard. You...

In the spring of 2020, I joined egghead as an instructor where I publish video lessons on various front-end web development topics. This short tutorial is focused on my setup process of recording a co...

Before going into fork, lets understand what is process. A process in computer term is a program being executed currently by a computer. Each process is unique and can be identified by its PID or pro...

< Week 17: Knapsack | View Solution on GitHub(Image: Food.com)What is Beautiful Soup? Something your mom makes for you on a cold January day? I hope so. Beautiful Soup is a webscraping Python libra...

In this tutorial, we will be looking at using GraphQL on the client-side with React, TypeScript, and Apollo Client. This article is a follow-up of How to use TypeScript with GraphQL (server-side) in w...

One of the best features of the web is its backwards compatibility. But ironically, this also makes the web somewhat insecure by default.Understanding the different techniques and attack vectors can b...

In this post, I will focus on content scripts and how to use them to make changes to a web page. The main concepts we will explore are:Using content scripts to make changes to a web page.Attaching HTM...

GraphQL is a powerful query language that allows you to build flexible APIs. It lets you define a type system for your data, so when you execute a query, it returns only the data you need.GraphQL can ...

I list steps to add Tailwind to a Next.js app and highlight what some are doing wrong. TL;DRThe correct way of adding Tailwind to a Next.js app is by following the steps mentioned in the Tailwind...

Hi there,I was thinking to make something good which covers some react concepts as well as good styling(UI). I found one challenge of creating Rock, Paper and scissors on Frontend Mentor. You can see ...

So... it's 2021. The web is an endless sea of beautiful, weird, terrifying stuff. How do you make sure your site cuts through the noise? Well, alongside some great content, I think an awesome generati...

Im a believer in finding joy in the little things, and during my last project, that little thing was this button. I have been reading a lot about web design, and wanted my primary buttons to stand out...

You might be using Javascript development for a long time but sometimes you might not be updated with newest beautiful features that it offers which can solve your issues without writing extra codes. ...

You might be using Javascript development for a long time but sometimes you might not be updated with newest beautiful features that it offers which can solve your issues without writing extra codes. ...

So you love React, Angular, Vue, Gatsby and other Jamstack frameworks ? Hooray, I do too But.... we've all had these issues:How do I deploy ? With Netlify, Docker, or a good old HTTP server ? When I ...

Rails 6 introduced a new autoloader called Zeitwerk. While it has many many improvements, one of the main changes is how strict it is with filenames and the constants they define. Unless you have full...

Photo by Pixabay on Pexels The Web is not the InternetMost people have gotten accustomed to using the terms internet and web interchangeably. Although the net and web are married to each othe...

One day, every micro, small, or medium business meets a question: how to make the website show up better in search results? It may take days, weeks, months, or even years since the foundation of the c...

Weeeeew! That is a tricky question.Anyway, I will try my best to provide useful answers to the question.A straight forward answer to the question is, "it depends" but that is not a complete answer. Ge...

If you're a Linux user, the Terminal is probably the most powerful tool you would ever have. But the thing about the Terminal is that you need to learn how to use it if you want to benefit from it.For...

I recently published an article comparing HTML-to-PDF export libraries. In it, I explored options like the native browser print functionality, open-source libraries jsPDF and pdfmake, and the paid ser...

IntroductionI am a supporter of the opensource movement and I truly admire people like Eddie Jaoude, Matt Cowley and all other open-source maintainers who work hard every day so that we could ha...

If you're like I was a few years ago, you hate writing.You've never enjoyed it. I'm such a passionate advocate for good written skills only because I didn't care for it 4 years ago.Now, I believe that...

TL;DR:Sometimes what you think is a K.I.S.S. solution turns into Frankenstein.If you find yourself wanting to use a useEffect inside a React context, think twice.More importantly, be careful wit...

How Ramen Hero, a D2C startup based in the San Francisco Bay area, relaunched their online store including background and history. About This ArticleThose who manage D2C servicesThose who manage ...

In this article, we will see how to use the most popular React library for adding copy to clipboard functionality in React app.The library I'm talking about is react-copy-to-clipboard.It's a very popu...

One upon a time, we had a complex project enough (ride-sharing and taxi application) with stack Node.js and MongoDB. We have chosen this stack because it was preferable by the customer, good known by ...

Understanding Docker can be difficult or time-consuming. In order to spread knowledge about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual...

In my previous article on security, I wrote about npm audit and script integrity. Next up is Content Security Policy, or CSP for short. This can either be added as response-headers on the server, or a...

Objects are one area every JavaScript developer must know very well. Accessing object properties belongs to this area as well. In this tutorial, you will learn how to access object properties in three...

We all have been witnessing this buzz about cloud services, tech giants such as Google, Amazon, Microsoft, etc. releasing their cloud service platform such as GCP, AWS, Azure, etc. Every major company...

Javascript context i.e the 'this' keyword is quite a confusing topic in itself. Although, being very simple and semantic, it has been easy for me to forget the rules around context. With further ado, ...

My latest offering to the world comes in the form of a movie database, dedicated to those horrible movies that make us question our sanity, our sense of humor, and just how someone earned the money to...

In this tutorial, you are going to learn how to communicate with the users of your application by integrating push notifications and subscriptions into your ReactJS application using OneSignal. Topics...

For a few days I debated whether there is much point in writing this review. I had a lot of enthusiasm going into 2020 and couldn't wait to begin working on my ideas. But then this C letter thing happ...

This is an article in the DNS Explained. series. Click here to read the introduction post. Resolution is the process of asking for the resource records of a fully-qualified domain name (FQDN) and rece...

This little series is all about expanding our definition of "responsive design" to consider more than just screen size. Last time we talked about using CSS media queries to automatically shift between...

Sunday is day the when I sit back, relax and reflect on my past week. Then I set goals for upcoming week using my Notion Template. One of my personal way to plan is using weekly batching recommended b...

In a few months, I will have been a professional software developer for four years. It has been fun, challenging, marvelous, exhausting, and an incredible learning journey. It has contained much that...

SeleniumBase framework comes with a set of pre-defined APIs or helper methods for us to use. In this post, we will get familiar with some of the common APIs such as click, get_text, assert_text, etc a...

Hello, guys in this tutorial we will create a Products Quantity Counter Using HTML CSS & JavaScript.First, we need to create two files index.html and style.css then we need to do code for it. ...

IntroductionA few days ago I had to investigate a bug in production that involved a database transaction, specifically defined by @Transaction annotation. That sounded like a great opportunity t...

As a Dev, we often have to follow strict deadlines, meet the expectations of our clients or bosses & make time for our personal projects or leisure.None of these would be possible if we cant follo...

Lets meet someone amazing today , haha a new built-in object: Date. In Javascript, we can easily work with Date & Time using the Date class. To create an object of this type we use the new keyword...

A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. Here is a list of coding interview q...

Just do itNo, this is not sponsored by Nike. It is a message that most of us need. Frankly, I am someone who needs it most. Why? In this article, I am going to talk about why instead of thinking...

PHP is a general-purpose scripting language especially suited to web development. Here is a list of coding interview questions on PHP to help you get ready for your next technical interview in 2021. Y...

Case study: Hacker News APIPrerequisiteLaptop with an Internet connectionAn API client (e. g: Postman or Insomnia)A code editorBasic knowledge of Javascript, Vue.js, Axios, CSS, HTMLConcentrationThis ...

Today, let's talk about closures in Javascript. I know there are many blogs and articles talking about closures, but still, people seem to find this topic very difficult to understand. I will try to e...

Yes, I'm here to tell you, you should take a break.Breaks are important they help us see things from a different perspective.It doesn't mean one truth, it means take enough time for that moment in tim...

The idea behind Test-Driven Development is quite simple.Write a test BEFORE you implement your next bit of functionalityWrite the minimal implementation needed to make your test passRefactor and re-st...

In the following 1 hour tutorial, you will learn how to create API endpoints to handle registration of users, signIn, and protection of the API endpoints. If you enjoy the content like the video and r...

As I was reading Robert Cecil Martin's The Clean Coder I stumbled upon a section in chapter 10 about estimating tasks. Using Project Evaluation and Review Technique (PERT) you can provide three values...

Congrats! You have chosen the best and most overwhelming career and you are at the magical point where very little is expected of you. There are so many great things about being a developer or softwar...

useEffect. The hook everybody needs, but nobody wants. According to the official react docs, it's "an escape hatch from Reacts purely functional world into the imperative world". The complete guide to...

It has been nearly four years since I made the career switch from rabbi and educator to software developer. In the time since I've made the switch I have worked as a software engineer at a financial s...

In this post well be covering how you can use the fs module in Node.js to write to and modify files with writeFile() and writeFileSync(). Well also take a look at an alternative library we can use cal...

This blog post continues the series about React Hooks.It covers one of additional hooks in React - useRef(). What is useRef()?useRef() is JavaScript function, which creates and returns a mutable ...

Its a new year, a time when many technologists are considering which new skills and programming languages to learn. So here Im with this blog.Follow me! #1 Python Currently the most popular prog...

The problemGIFs are great but sometimes it could be nice to have a little bit of dynamism on a site without having a GIF changing in a loop and distracting the user or just without adding the fi...

IntroductionIn this post, I will show how we can use Spring Boot to build a simple CRUD REST application example with MongoDB. I know your first question will be what is MongoDB? What is Mo...

How do you feel when you see someone has achieved something? How do you feel when someone tweets " I got a job" or "I got promoted"?Or when someone posts their expensive car on Instagram? How do yo...

This guide is based on 5 years of applying techniques from Behavioral Psychology and research on productivity. I've used it as a developer, mentor and creator. And it works.If you remember only one le...

Hello Javascript Developer!! In this part of the series, we discuss why objects are so important in Javascript and how Javascript implements object-oriented programming.JavaScript is not a class-based...

In this tutorial, we are going to use Blockonomics Payment API to receive Bitcoin payments on our website. What is Blockonomics?Blockonomics is a decentralized Bitcoin payment solution that provi...

In part 1 of this react performance quickwins series, we already learned about: Always use a key when mapping (and not index) Use React.Fragments instead of divs as parent element One us...

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the modelviewcontroller architectural pattern and based on Sym...

Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition/subtraction) let me know.Naming conventions# Variable lower_snakefirst_name = 'Mike'# Class and mo...

None of the above words have to make sense to you just yet. Go and grab a , give a HUGE as we dive right in to it!Encryption is a way to convert data into special text (that is un-processable by its...

None of the above words have to make sense to you just yet. Go and grab a , give a HUGE and smash the Follow button as we dive right in to it!Encryption is a way to convert data into special text ...

If you intend to develop in the public domain on opensource projects, you will need to set up Git. I'm going to outline my git configuration and discuss my approach. Email AddressWhen setting up ...

React is a JavaScript library that is ideal for creating impressive apps. There are countless projects that you can make with React, but here are seven that are on my list to build in 2021.Why have I ...

Everything I use when I set up a new React appIf you are a React developer like me, then you are essentially spoiled for choice when it comes to frameworks, libraries, tools, etc. With React, it...

Alright, I wanted to make this article a bit bigger but hit a roadblock when trying to use filters in Eleventy.So I decided to dedicate this article to showcasing how filters can work in Eleventy.A fi...

In this article, you are going to learn how star rating design is made using only simple HTML and CSS programming code. You can use other programming codes like bootstrap, javascript, etc. to create s...

To understand the basics of Deno and learn how to start a Deno project from scratch, check out the YouTube video above. In this article, were going to jump into the deep end with Deno and build a comp...

This is in response to: How Do You Take Notes?Disclaimer: the points below are more geared toward a code newbie. I'm betting that an experienced programmer won't find this helpful. But if you are one,...

It's hard finding a good podcast when you're new to coding.You want something with substance, so you can learn, but you want it to actually feel approachable. No one wants to be battered with ja...

Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62Subscribe to my email list now at http://jauyeung.net/subscribe/The spread syntax allows us to break up a collection of...

This is a part of the series: LocalPen - code pens that run locally!LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try i...

Table Of Contents * INTRODUCTION * USER DECORATOR * COFFEE SHOP DECORATOR * WHY AND WHEN DO WE USE DECORATOR PATTERN? * DIFFERENT TYPES OF DECORATOR PATTERN ...

Hey there! Welcome to my short crash course on deploying your NodeJS app to a DigitalOcean VPS using Docker and NGINX Introduction and comparision to HerokuIf you've wanted to deploy your web app...

Author: Pier BoverDate: January 6, 2021Today we're going to take a look into Fauna's new streaming feature by building a small chat using Svelte.Streaming allows our applications to subscribe to chang...

Hello, guys in this tutorial we will create an animated profile card design using HTML & CSS.First, we need to create two files index.html and style.css then we need to do code for it.CSS library ...

Large cloud providers are not highly distributed. In other words, they tend to have large data centers for specific regions. This may not sound like a big deal, but globally in areas with weaker Inter...

As co-founder of Codesphere and Ex-Googler I have been passionate about coding since I was a child. I love NodeJS/JavaScript/Typescript with all their flaws (and there are many lol). One of these flaw...

Today let's work with CSS pseudo-selectors like :first-letter, :last-of-type & :after to build nice little typpgraphic elements in four different color themese that will spice up your text.Read th...

TS/JSCreate Appconfig.js generator for webpack, Parcel, and Snowpack Create App supports react, svelte and vue.https://createapp.dev/ TypeScript PlaygroundTypeScript Playground is usef...

TS/JS Bit.devBit is a scalable and collaborative way to build and reuse components. It's everything you need from local development to cross-project integrations.https://bit.dev/ Creat...

Hi! I'm @5t3ph on Twitter (and most other places on the web) and I often share CSS tips there. These come from my 13+ years experience, and are pulled from my current work as well as solutions I've ex...

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. Naming cheatsheetNaming things is hard. This sheet attempts to ...

Hey everyone, I built Tabwave, It's a mindful productive app to replace your browser's default new tab. Add shortcuts to your favorite sites. Get more done with daily tasks and goals. Brainstorm ideas...

TL;DRFor those that are following me, they already know that.This is the first playground that allows coding directly in the browser for both front-end JavaScript and back-end Node.js. It render...

It takes too much time to copy-paste & then edit the blog I like on devto~ Me to MyselfAs a developer, I love reading plenty of blogs on dev.to but prefer to save it on my machine. This has its pe...

It used to be that in order to use Bootstrap with Vue you had to use a 3rd party wrapper library like bootstrap-vue.BUT, now that Bootstrap 5 no longer requires jQuery, using it in your Vue app is muc...

In 2019 I decided to write a post called "Gatsby vs Next.js - What, why and when?" out of frustration for the lack of resources that could summarise which of these React frameworks was best to use for...

I am working on my new portfolio website with react-typescript. This is a pretty simple application but a productive way to keep working with frontend technologies JS, Typescript, React, and CSS.To ge...

Last week I wrote an article explaining how to create a simple chrome extension. Today I'm going to add a new feature to the same extension we built last week: Keyboard shortcuts.We will add two short...

IntroductionAdding state to a React application can be tricky, especially when it's starts to grow in size. On which level do you manage the state? Which components do you give local state only...

Indrek here. Mastering programming is hard. There are no shortcuts. It involves putting in tons of work. Youll have to code as often as possible to get good at it.Use each idea in this article as a so...

*This post was first published on my blog.Especially for blogs these days, Instagram feed implementations have become more and more popular. In Gatsby JS case, I have often used this handy plugin call...

Before we start Before we start this article i would like to clarify some technical jargons for you Scope : Scope is nothing but a code block where the variable is accessible for usage Global ...

If you need to stream your video from the webcam to your browser webpage.To achieve this I have tried a few different ways but none of them is as good as converting RTSP to HLS and then pass to Browse...

Imagine a calculus exam where you had to do all the calculations in your head. It's technically possible, but there's absolutely no reason to do it. The same principle applies to storing things in the...

This is a weekly roundup of awesome DEV comments that you may have missed. You are welcome and encouraged to boost posts and comments yourself using the #bestofdev tag.Totally agree with what you had...

Hi all Im a recent graduate Web developer and I just finished building my portfolio. Could you please check it out and give me your feedback? Thanks in advance Portfolio...

Testing is a crucial piece when it comes to building websites or apps. It gives you more confidence in your product, makes your code better, and helps to avoid unexpected bugs in production.In this tu...

IntroductionFor some 2020 saw the rise in remote working, zoom fatigue, and the feeling of 'Groundhog day'. For others it saw the end of one career and the beginning of another in Tech.. I am on...

INTRODUCTIONWelcome, dear coders! I am really glad that you are interested in this kind of content. Here we are, at the second chapter of the Design Patterns explained using JavaScript programm...

Part 1 : Understanding WebRTCThis is the first tutorial in our WebRTC series. The aim of this series is to explain what WebRTC is and how we can use it in web apps.In this part, we will understand the...

Choosing a colour scheme for your project is crucial. It should make the user "feel" the message you're conveying, but even more importantly, it should be accessible, with an easy-to-distinguish eleme...

When I started my self-learning boot camp experience, I lived for Google Docs. That was my go-to for note-taking. I have so many documents for every course and I even used Google Sheets to create spre...

Critical CSS build by Addy Osmani is a useful library that extracts and inlines critical-path CSS in HTML pages.In the documentation page, there are a lot of configurations available but they are not ...

I recently gave a talk at the CodeMesh conference, and I spent half of it reflecting on the seemingly boring topic of dealing with failures. The talk was primarily based on my experience building and ...

To become a better React developer, you don't always have to learn an entirely new, challenging skill. You can instantly improve your React code in a few minutes by using the powerful features your de...

This series discusses the building blocks of JavaScript. Whether you're new to the language, you're preparing for a technical interview, or you're hoping to brush up on some key JS concepts, this seri...

Many of us have probably heard about Burnout in this day and age. Maybe you even have a friend who has told you that he or she feels "burnt out". I personally come from a hacking background and became...

Not long ago, we used Vanilla JavaScript or jQuery to manipulate the DOM in order to create dynamic web applications. Since then, a lot of very good JavaScript frameworks/libraries have emerged helpin...

Need some inspiration for a new project? In this article I'll go over what I think are 7 of the coolest APIs around that make it quick and easy to build impressive projects. Whether you just want some...

Digital image processing is the use of a digital computer to process digital images through an algorithm. ~ Definition right off the page from Wikipedia Let's begin by simplifying the understanding of...

Digital image processing is the use of a digital computer to process digital images through an algorithm. ~ Definition right off the page from Wikipedia Let's begin by simplifying the understanding of...

The Pomodoro TechniqueThe Pomodoro Technique was invented by Francesco Cirillo. It's anincredibly simple concept:Start a 25 minute timer.Work for 25 minutes straight with no distractions.Stop fo...

In our previous guide, we documented 10 Docker anti-patterns. This guide has been very popular as it can help you in your first steps with container images. Creating container images for your applicat...

Your goal as a developer is to create a web solution as fast as possible. It is difficult to keep high-quality standards. That is why it is important to make the right of JS frameworks and libraries. ...

Although most developers are shifting to serverless and containerized architectures for building their applications, EC2 instances are still among the most popular and used AWS Services. In this blog,...

Cover image created by me using Ferris the Crab, the Rust logo, and the FastAPI logo.After investigating a few more options, I've finally decided on a framework to use. Here's how I got there, step by...

The finite state machine is one of the oldest models of computation in computer science. It's older than the web, older than any programming language you can think of, and probably older than you. Jus...

Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62Subscribe to my email list now at http://jauyeung.net/subscribe/With the HTML5 Notification API, browsers can display n...

Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62Subscribe to my email list now at http://jauyeung.net/subscribe/WebSockets is a great technology for adding real time c...

Refactoring App features into Modules can make debugging, managing, and extending the code base easier-if donerightRecently I was pair-programming on a Ruby CLI app to help manage subscription s...

Good typography is one of the key elements of a website. Let's take a look at three different methods on how to create responsive typography using CSS.The three methods are:Responsive typography using...

INTRODUCTIONIn this blog, I will discuss, and help you understand the design patterns using the JavaScript programming language. I will try to explain to you, what the pattern is, how do we use...

A glimpse into a more civilized (yet challenging) tool in the JavaScript ecosystemArticle originally published at MediumThis is not evangelism of ReScript or a one-to-one comparison with TypeScript. I...

IntroductionThese series of articles are based on the Paul O Shannessy - Building React From Scratch talk that he gave in 2016. He also uploaded source code to the GitHub repo.Unfortunately, the...

JavaScript promises have been a huge catalyst for asynchronous coding in the language. They have vastly improved the performance and experience for web development. One shortcoming of native promises ...

Forms are ubiquitous in web applications. Some apps such as Gmail use forms to collect data to sign up users and provide an email address, whereas some apps such as PayPal use forms to fulfill online ...

This article was written with the idea that the reader is at least somewhat familiar with the introductory concepts of Angular. As a result, if you haven't done so already, it is highly suggested that...

Ever tried to update object or array state directly in React?I did that, the state of my component didn't change.Destructuring the object/array was the solution.When you update the state, create a new...

Yesterday I was working on my personal website, and I really wanted to add a dark mode toggle.I already converted my site to use Tailwind before, so how do I enable dark mode now?It's simple: in Tailw...

What are you learning this year? Perhaps we need to reframe the question: how are you learning this year? Did you make resolutions to learn X or build Y with new hotness Z?Hows it going so far?Most pe...

We are going to be creating a product landing page which will utilize 3D models and particle effects to take product showcasing to a whole new level. The goal of this tutorial is to introduce you to t...

Jekyll paved the way for an entire ecosystem of static site generators to flourish, but what do these new JavaScript SSGs offer over Jekyll? Lets find out! Whats wrong with Jekyll?Hey! Whoa...

The best way to get involved in modern application development right now is through continuous integration and continuous delivery (CI/CD).And the best way to experience it yourself is through an open...

I've made a simple CLI program that helps you generate your NodeJS / Express project structure, based on your selected configuration.You can check it out here: express-app-cli.It creates the following...

Covering the basics What is incident management?Incident management is the process used by developer and IT operations teams to respond to system failures (incidents) and restore normal ser...

Being an app developer I always liked how easy it is to add crash collection to my apps, but after switching to library development Ive found myself in an opposite situation. How do I track and analyz...

For Gradle Use Latest Versions PluginFollow the instructions in the repo to add this plugin to your Gradle project, and viola, you should be able to run it with:./gradlew useLatestVersions ...

First, lets look at what Multi-Factor Authentication or MFA is. Most applications use a username/password combination to authenticate or log in their users. Some of them use a second method on top of ...

Digital image processing is the use of a digital computer to process digital images through an algorithm. ~ Definition right off the page from Wikipedia Let's begin by simplifying the understanding of...

Lets take a look at how to write your first browser test in Python using the SeleniumBase framework. You can check out my article here to learn more about the SeleniumBase framework. Setup &...

I started coding at the age of 19, right after high school. I was about to start my Computer Science degree and I was convinced that I would be the only person in the year who hadnt been coding since ...

Once we have learned the basics of a certain programming language, the next thing is how we want to apply them in practice to be able to understand and remember for longer. So in today's article, I wi...

I often smile to myself when I see the same stereotypes of what its like to be a freelance web designer. The pictures are very enticing. You know the ones.. person sat on the beach relaxing with lapto...

Map vs FlatMap:Java 8 stream API provides map() and flatMap() methods. Both these methods are intermediate methods and returns another stream as part of the output. map() method use for transformat...

In this article, we are going to build a react movie application for searching and discovering movies using the OMDB API. You can clone the repo directly https://github.com/Tk-brainCodes/OMDB-Movies.g...

The million dollar question asked by many project owners is: How much does it cost to develop this app? Our answer is: Between 15k USD to 500k USD. You want a car, but we need to know if you want a Fe...

Hello friends, in this article I will show you how to make a Neumorphism analog clock using only simple HTML, CSS, and JavaScript programming code. I have shown many types of analog clocks before but ...

I have been fascinated by the idea of chaos theory since I read about the butterfly effect. I read some more about it in the book 'Chaos' by James Gleick including about the Mandelbrot. But until I re...

Forms are pretty common in all kinds of apps. That's why developers are often trying to simplify the process of building forms. I've built some custom solutions before, also used all the popular form ...

What is DOM? The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content....

Let's say you are building a site with the Jamstack and you want to use node.js to generate the rss feed for your site. In doing so you realize that your post content contains relative links when chec...

I hit a snag recently trying to test a localStorage helper written in React. Figuring out how to test all my state and render changes was certainly the easy part (thanks as always React Testing Librar...

Exploring use cases, and how I recently fell in love with Nexthttps://hub.packtpub.com/wp-content/uploads/2018/03/165-Cover-Image_0.pngIf you are interested in frontend software development, you...

Nowadays, only a few professional developers are left that seriously doubt the value of test-driven-development and test-driven-design (tdd). But the reality of many codebases I have seen is that tdd ...

Client-side API Authorization using Spotifys Web API First things first:https://developer.spotify.com/assets/WebAPI_intro.png What is an API and why would I want to use one?As a new de...

If you are interested in reading this article in Spanish , check out my blog:The Developer's DungeonHey guys, 2021 is finally here!. It has been a hard year but now so it is time to plan everything ag...

In order for us to help create a more accessible, equal society for everyone, change needs to happen. But for those changes to happen, we need to have conversations.Holly - Award-winning disability bl...

Join HarperDB & top Fastify maintainer, Ethan Arrowood, for this live code along event! Fastify: The fast & low overhead web framework for Node.jsHarperDB is hosting Ethan Arrowood,...

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

Where you can find me: YouTube Instagram Newsletter Facebook TwitterAlso, I post all articles first on my blog - catalins.tech.It's important to start the article by mentioning that ES2021 or ES12 is ...

README's. You know, those markdown files that get created when you generate a new project or create a GitHub repository. Perhaps you're a developer who updates the README file for each project you wor...

If you have ever done web development, I'm quite sure that you have encountered a situation where you need to alert the user or ask for a response to a certain event, and in that case, you have probab...

As a web developer chances are you must have heard of the term semantic HTML at least once. Semantic HTML is an important principle in web development and in this article, you'll learn what's semantic...

This blog post continues the series about React Hooks.It covers one of additional hooks in React - useReducer(). What is useReducer()?useReducer() is JavaScript function, which allows to use red...

Continuing from where Server Rendering in JavaScript: Why SSR? left off I want to talk about the different techniques JavaScript Frameworks are using Server Rendering to optimize the performance of th...

This post was originally posted on https://bilalkhoukhi.com/blog/single-app-multi-login Original Post:Google, Instagram, Twitter, and many other services allow users to login to multiple accounts...

I get asked a lot for advice on becoming a software developer. I didn't study anything related to software in university, but now it's what I do for a living. I also spent about 3.5 years mentoring wi...

Hello friends and welcome to the New Year! Its been a while since my last post as Ive been managing a busy schedule between my full-time job as a support engineer and helping my son with his remote le...

Have you ever noticed the intricacies of the websites you visit? You can style just about every pixel of it, including the scrollbar. I was curious about how to go about this and found that it could b...

We will create a back-end of a very important feature in every e-Commerce site Wishlist, using Java and Spring BootA Wishlist is an eCommerce feature that allows shoppers to create personalized colle...

Cumulative layout shift is the term that refers to content that jumps after initial load.Not only is CLS frustrating for users, it will also become more important for SEO purposes this year. Of course...

Today, we have a bunch of technologies to create interactive UI in React. But, the library that I work recently open my eyes to a easy way of UI engineering and Design management, Theme UI.In my case,...

As a personal project, I'm learning about GitHub Actions and DevOps in general. I'm a former .NET developer so it's my prefered technology to work with. My goal on this post, is to deploy a sample .NE...

Classes and Objects To summarize previous article , classes are nothing but a template or blue print which decides how object will look and behave with different props/methods. We're Using OOP c...

When people talk about the quality of HTML code, it is often about semantics. But what are semantics? What is semantic HTML, and why should you care about it? Table of Contents What is Semantic ...

In this article, we will analyze the impact of SSR on SEO optimization of the application.We will walk with you through the way of porting a regular React application to SSR.We will look at the proces...

Navigation plays an important role in mobile applications and the React Navigation library does an awesome job in providing a completely customizable interface for utilizing different navigation patte...

Using python over the years, I came across some useful features that would have saved me a lot of time if I had known about them a little bit earlier. These little python gems can help keep your code ...

This post will reveal the mystery of button, how it works when you click it. Let's learn about Event Bubbling in JavaScript. What does it Mean?Whenever an event is started, it goes form the deep...

Google any question you ever have about programming and the first results will probably be from Stack Overflow, with great answers from outstanding developers inside. Thousands if not millions of devs...

When using an array, you will find that you have to do long iterations in many situations.Do you want to make your code readable and simple?Can be done by using built-in objects.There are various buil...

If you're a developer, chances are that you've heard of cross-site scripting. Cross-site scripting, commonly known as XSS, is one of the top 10 most common web security vulnerabilities according to OW...

This article was originally posted at lindaojo.comIn this short article, I will expose the fraud that is your imposter syndrome by asking you a few questions. Let's dive in!Firstly you should know tha...

Here's how to stop being so darn precious about your blogging: The third time you use an idea in a conversation, you have to blog about it. WhyPeople often wonder what to blog about. You can get ...

This blog post was originally published on my blog.I've also given a talk based on this post. Check it out here!Cookies are used in pretty much every modern web application. They're used for various p...

Basic.css gives you basic CSS formatting and ability to make basic grids with only HTML5 syntax. You can use this project to Set your default styling. List of features Lightweight 1kb minified a...

The "OhSnap!" series explores bite-sized tips that I have learned and that you can apply today.Sometimes becoming a better developer comes down to slight course corrections in our daily workflows.Rece...

A CAPTCHA is a Turing test designed to tell humans and bots apart and is generally used by websites to prevent spam and abuse. It uses a challenge that is easy for humans but hard for bots. reCAPTCHA ...

Projects are the identity of every web developer. Every web developer must build some projects which should be there on resume so that the resume can stand out. Here are some projects that I've mentio...

It's the eternal struggle, creating a strong password that is hard to crack yet easy to remember.We are usually forced to use random letters uppercase and downcase, numbers and symbols and the passwor...

The phrase "programmatic determinability" appears a lot in the Web Content and Accessibility Guidelines (WCAG). It's also the kind of phrase that could make you sound smart or conceited, depending on ...

Recently, while procrastinating from work, I found myself watching a youtube video on Formula 1 pistons.This video seeks to answer the question: why does a Formula 1 car piston cost around 1,000 times...

A topic that I consider most incredible is related to performance. About Rest API's performance, the best known ways to improve the response time of API requests is by using cache.Cache allows quick a...

Command-line utilities are the most basic and beautiful apps ever created, the apps that started it all.We use command-line utilities every day, whether it be git, grep, awk, npm, or any other termina...

Hello everyone, I am back on Dev.to today to share another of my project! We all know how important it is to practice regularly in order to improve our development skills. As I am getting more confide...

Quick summary: A project is about to fail. Everybody feels it won't meet the hard deadline. But the app ended up released on time and bug-free. How is that possible?I want to tell you the real story b...

Method chaining is popular method that can help you write more concise and readable code. In this tutorial, you will learn what method chaining in JavaScript is and how it works. You will also learn h...

The Array.reduce() method reduces the array to a single value. The reduce() method takes one reducer function as the first argument and one initial value as second optional argument. The reducer funct...

In this article, we explain how to generate various types of graphs such as complex networks, and evaluate the generated graphs using metrics. Before generating the graphs, we load the necessary libra...

So you created a website and you're wondering why you don't have that many visitors? You tried to promote your page using Facebook or Instagram, and even you paid a great amount of money to reach a ce...

What is TypeScript?Hello, I am a student in Vancouver, Canada and studying web development. In this article, I will show you "How to use basic typescript data type" and "Why we should learn type...

Now let's get this finished by implementing the night state of our nice day-night-switch by implementing a moon, day-night transitions and a few sparkling stars as a bonus.Read the full article or wat...

Gitui is a terminal-based git user interface (TUI) that will change the way that you work with git. I have been a long-time user of the git cli, and it's been hard to beat, mostly because there is not...

You can check all 161 React tech interview questions here 1. How does React work? Answer:React creates a virtual DOM. When state changes in a component it firstly runs a "diffing" algori...

Friday night I was cooking a delicious vegetarian bolognese but was annoyed that my iPhone kept dimming the screen, and soon after locking the screen. I know that I can change the "time-to-lock" (or ...

The Web Speech API is used to incorporate voice data into web apps. In this tutorial, we will build a simple webpage that uses the Web Speech API to implement speech recognition. You can check the bro...

I'm addressing this topic because I get a feel that Microfrontends are no longer just a buzzword, they are being adopted rapidly in large web applications.Microfrontends might be the next big thing in...

Hello developers!! In this part of the series, we will discuss techniques to work with function in Javascript called Currying. What is Currying?Currying is the technique of converting a function ...

My second measurable goal in web accessibility for 2020 was to pass the Web Accessibility Specialist-exam. I thought that I would receive the results in 2021. However, I got a Christmas surprise. The ...

Performance review season is upon us, and with it the dreaded self review. Many of us spend way too much time struggling with this task, how can we summarize our achievements in an appealing yet accur...

In today's world PDF is a very popular file format among book readers, students, and officials, etc. Those who read books on their mobile phones or PC(Personal Computers) know the importance of PDF fo...

One of the most confusing things in JavaScript, I found was namespacing. So, I learned about it and thought to share the notes with everyone who is confused about it.When we make applications and as o...

Using a tooltip is a great way to pass information to the user in a very minimal and efficient way. It reduces the contents from the page which is important to show but not needed to show all the time...

IntroductionJavaScript is a prototype based language it uses prototypes for property, method lookup and code re usability through inheritance.In this post we'll learn about prototypes, prototype...

Software engineering is not a magical place where everyone has a six-figure salary, works on projects they like, and changes the world.Like any job, software engineering has its good, bad, and ugly si...

Element UI is my favorite Vue UI library. A popular top-class component library with more than 50K Github stars. And they already have a version that works with Vue3 - Element Plus.I'd like to share h...

What I built:YouTua is a GUI Program to download videos from various supported sites. It requires the Python interpreter, version 2.6, 2.7, or 3.2+, and it is not platform specific. It should wo...

Node.js scripts can be a real time-saver when you want to automate common tasks. In this post, you'll learn how to write your own script to rename files using fs. Creating and running your script...

Hello everyone, welcome back to the backend master class!In this lecture, were gonna learn how to securely store users password in the database.Here's:Link to the full series playlist on YoutubeAnd it...

Numeric Separators give us the ability to separate thousands with an underscore (_) in numeric literals. How its usefulIt makes our code more informative and readable.let series = 10000; Enter...

I wrote this post with my good friend, Ross Jacobson, who runs The Disciplined Rebel.A lot of people ask me "is it too late to be a software engineer." In this post, we are going to examine this quest...

I started writing this blog because of one very complicated but important question.Where do you see yourself in 5 years?~ every interviewer or manager everMy answer to this question was something like...

If you're curious about what makes React the most popular JavaScript framework, or feel hesitant about learning React, this article is for you. We'll go through React fundamentals in simple terms cove...

The layout of a web page, and how responsive and scalable it is, separates an amateur site from a pro site. One of the first questions on my All Points Bulletin board was related to controlling layout...

This blog post was originally published in Tes Engineering blog here.Last year I gave a talk at a Node Girls and Women of Securitymeetup to share a few things I have learned about authentication and a...

Starting with functional programming is hard. There is a ton of new concepts to learn, new terms, and sometimes even a new language. But there is one simple concept that can make your programs better ...

One of the most important things to understand about React is that it is fundamentally JavaScript. This means that the better you are at JavaScript, the more successful you will be with React.Let's br...

Do you know whos tracking you?If youre like most people, you use Google Chrome as your default browser, you use Google as your default search engine, and you dont often think about online privacy much...

On this day exactly one year ago, I published a piece in which I talked about 6 habits that I wanted to create in order to level up as a developer (you can read it here). I re-visited it a few days ag...

Running a Discord server is nothing short of an adventure, and while the platform offers you much freedom on how your community should look and function, there can be times when things can get too muc...

Securely make JWT based authentication in React Application.In this article, we will see how to securely store the JWT token in a single page app for authentication. What are all the options we h...

Great team management is one of the main cornerstones of any successful business. Without it, it can be difficult to rally your employees to work toward common goals and perform at their best.Have you...

Have you ever decided to change the name of the project, change a domain for it, or done other stuff to re-brand an already launched app/project?If so, what did you learn from the process and how did ...

As of 2020, Windows is still the dominant desktop OS comprising nearly 90% of it's demographic and I was in it for over 14 years. It was initially fast but as time progressed, the Windows updates stac...

If you're working in the software industry as an engineer or a CxO, or a student majoring in a technical program, or even if you're actively indulged on the social space, chances are that you've come ...

I'm not ashamed to admit that for a long time I avoided writing tests for my code. I saw it as something that took up precious time that I could have spent on "real" coding. However, after experiencin...

What is a Sandbox?Let's try to understand the meaning of the term sandbox first, before learning how to build one. Sandbox is a like a container that isolates the environment in which the softwa...

Have you ever tried to throw p5 into a Svelte project? It's kinda a pain in the ass! So guess what - I've done n made a component for the Svelte and p5 privy or intrigued to savor your sweet, generati...

I've gotten into more than one heated argument on the interwebs lately over Tailwind CSS. I'm not proud of this. I don't like being at odds with anybody. I think the folks building Tailwind are talent...

Today I learned about the -p flag in git and now I want to use it everywhere!According to the man page:$ man git-add...-p, --patchUse the interactive patch selection interface to chose which changes t...

In December, we announced a new challenge on DEV, in partnership with our friends at DigitalOcean: the App Platform Hackathon.Our intrepid Hackathon participants were challenged to build brand new app...

Ahh its been too long since I sat down to write, I am so, so, so excited to bring you this latest instalment! As you may or may not know, I GOT MY FIRST TECH JOB 225 days after starting my learning jo...

Sluggish integration and delivery pipelines leave developers vulnerable to distraction. If your unit and integration tests live in one .csproj and run in both CI and CD, tune your pipeline stages to ...

I've been working on a side project called Research Pal. It's a simple yet useful Chrome extension that lets you track and manage your researches.After following the basic tutorials available in the C...

GitLens, the incredible git-toolbelt extension for Visual Studio Code, recently added the ability for other VS Code extensions to tie into its user interface.Specifically, it added additional touchpoi...

Five years ago, I created react-native-textinput-effects library. And the Animated library behind that has not changed much since then. So I'm going to use the same principles, and build a new React N...

Welcome to this interesting tutorial on creating a real-time analog clock with HTML, CSS, and JavaScript. Another interesting part of this tutorial is that no library will be used, we are making it wi...

Hey there! Do you love gradients, fear hard edges, maybe own an enormous collection of lava lamps? Oh you do? Youre in the right place, my friend! I posted this CodePen on Twitter / Reddit land a coup...

In this video/article, I'll show you how to build a powerful real-time chat application like Discord or Slack in 5 MINUTES ONLY using React and Firebase.You'll learn how to authenticate users with Goo...

"Books are life's cheat codes".It is no secret that I love to read. It is also no secret that many of the worlds most 'successful' people are aggressive readers who account at least some of their succ...

The Modern WebWebsites have come a long way from what they used to be a decade ago. We started with plain HTML and CSS websites. Then came JavaScript and revolutionized the way the web works. Fr...

In recent years, more and more single board computers (SBCs) that have the similar processing power to those giant PC 10 - 12 years ago emerge from the market. It is not hard to find a SBC that cost a...

There is a little known feature in the MacOS Contacts app where if you right-click a phone number, you get a Large Type option. Large Type fills your screen with the phone number in the largest font s...

Jamstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. One of the aspects of Jamstack is, it is practically serverless. To put it more c...

We know that our planet Earth is in constant motion around the Sun.Have you ever thought about how our ancestors discovered this?I think most of us don't fully appreciate the difficulties that they en...

IntroductionI decided to write about something a little bit fun something thats not data structures and algorithms, guys pls if you find value in this and love this sort of content do let me know.Toda...

Learning new skills is part of a software developer's role due to the frequent changes and advancements in technology and frameworks. I personally know quite a few developers who are learning Rust rig...

Originally published on my frontend blog MullinStackHappy New Year, dear reader! I love frontend tech. So at the end or the beginning of every single year, it has become a tradition to bring up the to...

Photo by Lars Kienle on Unsplash IntroductionIn this post I'd like to demonstrate two simple tools that you can use to simulate fetching data from an API that can greatly facilitate fronten...

We are very excited to start off 2021 with the addition of two new staff members who will focus on Forem's front end development. Please meet Katie Davis (Senior Software Engineer) and Suzanne Aitchis...

Not many developers enjoy building forms and even the oddballs who say they do don't enjoy file uploads (or they're lying ). It's a universal experience file uploads are a pain, and worse after all...

JavaScript array methods are super useful, and learning how to use them can really help improve the readability of your code. This is the third and final part of this series, and today I'll be discuss...

Time goes by, and the web is not the same as before. New and new technologies, tools, and approaches are rising almost every day. Google is constantly changing their search algorithms priorities in se...

Hello Coders,My (nick)name is Sm0ke and I'm using Flask for more than 5 years to code almost anything: simple one-page projects, API's and eCommerce-based platforms. The deployments were made starting...

Over the last few years, serverless applications have been growing in popularity. There are many use cases in which a serverless solution is more practical and more convenient than the traditional ser...

New tech terms and lingo are constantly popping up in the development world. Its hard to keep up! People also love to share and debate about their favorite tech stacks and tools / frameworks. That sai...

This series discusses the building blocks of JavaScript. Whether you're new to the language, you're preparing for a technical interview, or you're hoping to brush up on some key JS concepts, this seri...

There are many topics in CSS which require practice to master.Here I will be sharing some of the CSS games which I found worth trying if you want to make a strong grip on CSS. 1. CSS BattleCompet...

IntroductionHello there, welcome back to my blog. Every developer go through burnout and stress, the worst and heartbreaking of all of them is not being productive, you may be shipping a product...

In January we're focusing on planning for an unpredictable future. What are your plans to read/learn in 2021?Here are some useful resources to help you plan and focus in the coming months. Dev Re...

What does it take to create an installable python package that can be hosted on pypi? What is the minimal python packagesetup.pymy_module.pyThis post is somewhat inspired by the bottle framework,...

What does it take to create an installable python package that can be hosted on pypi? What is the minimal python packagesetup.pymy_module.pyThis post is somewhat inspired by the bottle framework,...

Often, we'll see random, human-readable slugs (e.g., brave-purple-penguin) in the web development world. These slugs offer the uniqueness of a number ID but can be more playful and fun. Please gi...

Hello Fellow Codenewbies Flexbox is known as one dimension.It means that it deals with one dimension layout at a time, the column or the row.When we talk about a column or a row in flexbox, we are tal...

IntroductionHello there, Welcome back to this blog, today we are going to be looking at how we can get started with TailwindCSS, an open-source CSS framework.Every software engineer is always lo...

Node.js can be used efficiently with relational databases like PostgreSQL. In this post about Node.js PostgreSQL tutorial, we are going to build a REST API for Quotes step-by-step using Express Js. ...

What and whyA great friend of mine (who also happens to be a great rails developer) once told me a great trick to increase your code coverage easily. You can just write a test to check if all yo...

Managing a remote team can be difficult, but if you do it correctly, your team can have an enjoyable and productive work-from-home life. My team is scattered all over the world. Sometimes I can be dis...

IntroductionPython is one of the worlds most popular and in-demand programming languages. This is for many reasons: Easy to learn Versatile Huge range of modules and librariesI almost use Pyt...

As a developer, you write code (duh), but this code might be outdated in one, three, five years.I think it's our responsibility to maintain this code if the budget allows it.In this case, the code has...

I have curated a list of my top 5 favourite IDEs/Code Editors for web development. This list is my personal opinion. If you have another IDE/Code Editor you think should be on the list or higher/lower...

A couple of years ago, thousands of websites globally were hijacked by code, which made computers run cryptocurrency mining software.Discovered by renowned security-expert Scott Helme, the malicious c...

One of the most important steps when you are developing web applications is how to write and maintain smart forms with little effort.When you think about reactjs you can find many options of form libr...

I started to collect small programming languagess that you can implement in a relatively small amount of time for educational purposes.What does it mean to write a language? One way to put it is: you ...

A little over one year ago, we open sourced the first version of QA Wolf, a tool to help developers create browser tests.Our goal with QA Wolf was to help developers ship confidently and improve the q...

Another highly requested feature, this one consists of:According to what the user types in an input, we must show suggestions that are in our database.It is usually used in e commerces, since it allow...

Git is a magic bullet for developers to track your work. Git also differentiates the other teammate work by using git commands. Here are the 10 most used git commands.git initgit clonegit addgit statu...

Modern JavaScript developers just got a new headless CMS at their disposaland its one we think theyll have an absolute blast working with. Payloada self-hosted Node, Express and React-based headless C...

To know Linux history we have to know the history of Unix and to know history of Unix we have to know the history of Multics so let's move about 25 years back like 1964 from the birth year of Linux(19...

This series discusses the building blocks of JavaScript. Whether you're new to the language, you're preparing for a technical interview, or you're hoping to brush up on some key JS concepts, this seri...

For a startup, there are so many things to consider while designing an application. What framework to use, Typescript or Javascript for logic, what backend to use pretty much a torn of products. One f...

12 steps for those looking to build a career in Data Science from scratch. Below there is a guide to action and a scattering of links to useful resources. 1. Decide who you want to become The fie...

I started reading out this book a week ago and here I'm trying to break-up a few things I understood while getting started. Chapter 1 : Introduction to JavaScript.JavaScript is a high-level, dyna...

In this tutorial series, we will be learning Web Automation using Python and SeleniumBase framework. We will be covering everything from setting up your project from scratch to all the way to integrat...

With the increasing demand for Multiplayer Games in today's world, developers must take note of the technologies that go into creating such thoroughly enjoyable and immersive games, while at the same ...

Hey Family Today I launched my 15th product on product hunt , well not a product but a template. So I'm here to share with you folks.This helps you bring all your goals on the same page to organize yo...

This is the last tutorial for the Test-driven Development with Nodejs, Express, Mongoose & Jest series, in this tutorial we will focus on writing unit tests for the endpoints we built in the previ...

WARNING I do not intend to start a battle because of my cover image in this article. I just thought it would be funny.Hello, users! Long time we don't read each other!So it's been almost 6 months sinc...

The App Badge API allows installed web apps to set an application-wide badge,shown in an operating-system-specific place associated with the application(such as the shelf or home screen).Badges tend t...

If you are a beginner to React and you have been using props to pass data from one component to another then this article is for you to help level up your context game.P.S - This article is mainly foc...

Ruby 3.0 introduced Pattern Matching as a key feature, but if you're like a lot of folks you may not entirely be sure what it's used for or why you might want it.This article is going to go over just ...

IntroductionUsing a long and secure MySQL password is necessary, however having to type that long password every time you run mysql -u root -p could be a bit frustrating especially if you want t...

This article will demonstrate how to convert a PDF to Word document with a 3rd party free Java API.Import JAR Dependency (2 Methods) Download the Free API (Free Spire.PDF for Java) and unzip it, then ...

In this post we are going to see how we can use Python to find the size of any file and folder. We will check how many files we have inside a folder and how many of them are empty files and how to del...

w3collective / react-multi-step-form Customisable multi-step form in React In this tutorial well be setting up a multi-step form (also c...

Webpack for Beginners Series Learn how to use Webpack to bundle your code and manage your assets, and automate easy processes and optimize your code. What is webpack?Webpack is a modul...

IntroductionThis guide is for everyone from complete beginners to experts who want to set up a GitLab webhook.You will learn what webhooks are and use a very simple webhook example server writte...

Everyone seems to be strapped for time these days and desperate to get more done in less time. I'm in the same boat.Enter "life hacks": simple tricks to make your life easier. Or, questionable bits of...

MLH #MajorLeagueHacking #LocalHackDay How to use JavaScriptJavaScript is an amazing programming language. It is most popular as the browser's programming language, but that does not mean th...

Hello Coders, This article presents an open-source tool for Bulma CSS, a popular framework based on Flexbox. The product allows to edit and download components crafted on top of this popular framework...

Last weekend I learned how to create a chat application in the command line. The idea was to open at least 3 tabs in the terminal: one for the server that will handle the connexion between the users, ...

Learning how to become a confident React developer takes hard work, but not knowing the right way to become one can make it much harder.Learning React doesn't have to be a chore.Let's break down the 1...

IntroductionI've been a fan of Svelte for a long time now and started every project I came up with in 2020 with the sveltejs/template. While working on these ideas, I discovered a self-hosted F...

Serverless development has become the hot thing in tech. Renting time on a virtual machine only when you need it saves money and resources. However, there are many gotchas that can make working with s...

AngularAngular is a component based web application framework used to build efficient front-end solutions. Angular simplifies the ways of creating single-page client-side applications using HTML...

Speed performance is critical in modern day applications. Most of the times your application may have to make requests to an endpoint/server to get some data. Or your application may frequently reques...

Welcome to part two of the Uncommon HTML Tag series! With each article in this series, I will introduce a widely unknown HTML tag, discuss compatibility across browsers and cover some real-world use ...

This blog post continues the series about React Hooks.Here we are exploring one of basic and very important hooks in React - useEffect(). What is useEffect()?useEffect() is JavaScript function, w...

AWS Amplify recently announced support for containers using AWS Fargate. Using the new feature, you are able to deploy APIs (REST & GraphQL) as well as hosting to AWS Fargate directly from the Amp...

Linux is a family of open-source Unix-like operating systems based on the Linux kernel developed by Linus Torvalds. Its essential for a software developer to at least have an idea of how Linux works a...

So recently I need to study lumen (from Laravel). I used Laravel back in version 4.2. A lot of things has changed. I need to setup the environment very quickly and dive right into writing application....

I'm sure you've heard of the spread operator in JavaScript (...), it's one of the most powerful operators JavaScript offers and can solve many problems like the 10 you will find below.The spread opera...

Cheat Sheets our something developers need always for reference. So here I have compiled many JavaScript reference codes. See the classification and find it. This post is helpful for learners and deve...

Recently, I have started to learn Rust. Why Rust you ask? Well, it's one of the best programming languages in each of these categories: performance, reliability, and productivity which we will discuss...

Originally published here at xtrp.io, my blog about computer science and just about anything programming.Rate limiting is the process of preventing repeated requests to a server in effort to remove sp...

What is Operator? An operator performs some operation on single or multiple operands (data value) and produces a result. For example 3 + 2, where + sign is an operator and 3 is left operand and ...

-Intro to Big O -Timing Our Code -Counting Operations -Official Intro to Big O -Simplifying Big O Expression...

This article was originally published on my primary website.When I come to the end of any given year, its always interesting to look back through the click-through stats for my weekly newsletter Web T...

If you're on DEV, chances are you spend at least some time in the terminal, maybe even a lot of time.Over the years, I've picked up a number of tips and tricks from fellow developers. Almost every tim...

XState can feel overwhelming. Once you've gone through Kyle or David's courses and read through the docs, you'll get a thorough understanding of the API. You'll see that XState is the most powerful to...

I am a software developer that loves to code. I am also a person that likes to spend time with family and friends, go out for a run, take in a good movie and enjoy the great outdoors. Unfortunately, m...

Some time ago, during my early PHP years, I had created a website for myself, which combined my resume and some space for sharing my thoughts with the world. That website was well designed and had man...

It's a new year, and that presents an opportunity to refocus on learning. In this post, I want to discuss some of the technologies I'm excited about and will be investing my learning time in this year...

Redux is an awesome library to handle the state of big applications, React or not. But when you think about it, the basic features of Redux can be implemented in very few lines of code. Lets see how.T...

In this reflection post, I'd like to go over the tech stack used, reveal a few tricks, and provide some techniques for how to rapidly go from idea to launch for small projects.On January 1, 2021, I la...

This post was originally published at kais.blog.Let's move your learning forward together! Follow me on Twitter for your daily dose of developer tips. Thanks for reading my content!One of the major re...

When we think about the next generation of programming, it can be helpful to look back at how the personal computer has evolved.To see what I mean, let's take a quick trip back to the 70s. The or...

Nginx is a web server that is used as a reverse proxy, load balancer, mail proxy, and HTTP cache and follows the Master-Slave Architecture. Woah! A complicated term and a confusing definition filled w...

When it comes to state management libraries, React has its fair share of them. With new ones popping up from time to time, how is a programmer to know what's best? Last year Facebook introduced a stat...

There are two things I love in this world: blobby shapes and putting googly eyes on things. This tutorial combines both of my great loves and hopefully provides a gentle introduction to generative art...

Holidays allow us to calm down and reflect on ourselves. Self-reflection not only benefits you to achieve your goals but also encourages you to become a heedful person. After reflection comes the reso...

There are two ways in which you can convert an HTMLCollection or a NodeList into an array.If you don't know what an HTMLCollection and a NodeList is, or why you would need to convert them into a norma...

Over the course of technology's esoteric rise, there're many languages that come and go.And just like for any products, only a few stood the test of time like C, Java - amassing large groups of follow...

Some time ago I worked on a project whose goal was to improve the speed of automated tests in a Ruby on Rails application. In this post, I'd like to share my learnings as well as some tips that might ...

I have been working as a golang backend engineer for about a year now, have been playing with HTTP response and requests on daily basis. Understanding HTTP is the core of application development, and ...

Understanding Docker can be difficult or time-consuming. In order to spread knowledge about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual...

About a week ago, I've submitted a nice little project for DEV x DigitalOcean hackathon where I've created a navigation that features a moving indicator.I've never had the chance to create it on my re...

This week I'd like to talk about web accessibility. It's a topic I find not only interesting but also really important. I was asked once during an interview how to make your page more accessible and I...

What I builtMy Digital Ocean / DEV hackathon submission is focused breathing a CSS animation to help with meditation and focused breathing exercises. Category SubmissionProgram for the Peo...

1. JavaScript is ONLY a Frontend Language FALSEJavaScript is the dominant programming language in web development. According to W3Schools, it has slowly overtaken C, and will become much, m...

This is a part of the series: LocalPen - code pens that run locally!LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try i...

As JavaScript Developer I have found a lot of interesting stuff, I'd like share with you 4 things that I think you should know if you want to be a better JavaScript developer. .call(), .bind(), ....

As you might know, I'm a young developer. In my early days, I always thought that working as long as possible was the way to achieve my goals. And in a way, it helped me a lot, but there is a downside...

We are going to build an e-commerce application using Java, Spring backend, build web UI in Vue.js, and mobile UI using android. Stay tuned!Every E-Commerce platform needs users, so in the first tutor...

As a software developer, Ive been dreaming about having my own passive income for years. I was fascinated by this idea of money coming to my bank account while I sleep. This post will tell you my stor...

No matter what you do, there is a very high probability that you must be using WhatsApp very often in your daily life. But due to recent policy changes in WhatsApp, it has raised some serious privacy ...

xkcd on git commit messagesThe ability to write consistent git commit messages is a skill that will serve both you and any team youre working with well in the long run. If you often find yourself stru...

Hi there!, Lets learn few more about Linux/Unix commands.1.chmod:chmod stands for change mode. It's used to change access of a file. Linux has total 27 kinds of file permissions. listing few of them.P...

Table of Contents --FlexBox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrapShort HandsConclusionIt's 2021! Let's refresh Our CSS Flexbox Me...

Hello, in this article I am going to show you how to create pagination very easily using only simple HTML and CSS programming code. With the help of pagination, you can divide any big page of the webs...

Comment below your favourite submission of dohackathonPhoto by Jo Szczepanska on Unsplash...

I recently discovered the Notion App this week, and it's honestly been the best thing in 2021 so far! For those who don't know what Notion is, here's the Wikipedia definition:Notion is an application ...

Hello Everyone,Have you ever tried Lottiefiles.com for animations in your front end projects.In tutorials I will guide you how to use it in your HTML file and in REACTJS project. 1.LETS FIRST SEE...

I work as a Senior Software Engineer at Codesphere. Here's my story that explains why I joined this amazing project. It is a story of unanswered questions and limitations that obstruct the lives of de...

In this, I have explained all the steps that you require to make your terminal look better and powerful. Commands: seema1711 / All-YouTube-Projects ...

What I builtWhoofus is a sleuth game based on phaser js, where the crux of the matter is that you need to be at utmost alert to find out the killer!Immersive yourself as a Detective, & solve...

As a frontend software engineer, developing clean and functional user interfaces is a big part of what I do. Building these interface components is a very expensive and effort consuming task. Making s...

ContextYour daily productivity can be greatly improved if you can automate all the tasks you used to do.Thanks to node, npm, npx and typescript: creating a CLI command and making it available o...

React is an amazing JavaScript library for building user interfaces and is well suited for developing large and small apps built to get the highest performance possible today on the web. But sometimes...

React is an amazing JavaScript library for building user interfaces and is well suited for developing large and small apps built to get the highest performance possible today on the web. But sometimes...

Hey! Today I show you how you can use Git on your local machine and on a remote one. Also I talk about Branching. Have a nice day! :) Install Git: https://git-scm.com/downloads Github: https://github....

Pagination is a great design that allows you to make different pages of your website much more professional and user friendly. This allows you to split any page or post on your web site into smaller s...

Most of the time when I was writing code, I was subconsciously working according to one concept "If it works, don't touch it" which was really time wasting and a lot of the time frustrating. Now I try...

This article is about kick-starting your new developer job based on my experience gathered in multiple companies and projects. Read it, prepare well and you will do great!IntroductionKick-starting you...

How ? Basic, add your Html Implement RxJS from Scratch Fetch html files, Generate components Router and Pages Exemple How ?So, you have already worked on current frameworks like Angular, Vue or...

Working with a lot of data like products, orders, categories, users and payments is a very important topic when building e-commerce applications. In this post you'll learn the very basics of structuri...

Originally published at timrichter.devStyled-Components . There are a bunch of libraries already written for it one of which is styled-system which simplifies the creation of a component-based design ...

Since Chrome v9, Chrome extensions have been a core part of the browser's functionality powered by the browser's comprehensive extensions API. The sheer size of the Chrome Web Store with over 190,000 ...

Building real-time multiplayer games on the web require open channel communication using TCP or UDP. Websockets can be used to achieve real-time communication. A WebSocket is a TCP communication proto...

Sometimes creating animations for our webpage can be tedious, we all have been here. But what if I tell you that there is a tool that can help you making animations in a really easy way? We are h...

This is a small decision tree to help with the best file format for each occasion. It is half serious and half tongue-in-cheek, and it minimizes the importance of SVG, but it's a good approach on how ...

Last July, some of the git hosting platforms (GitHub, GitLab, and Bitbucket) changed the default branch name to main (from master). However, Git did not!It's disappointing that everyone didn't act in ...

The array slice( ) methodThis method returns a shallow copy or a new array object of a portion of an array. It does not modify (immutable) the original array on which it is called upon. It selec...

I have put together a comprehensive visual cheatsheet to help you master all the major concepts and features of the React library in 2021.I created this cheatsheet to help you optimize your React lear...

Do you know time slicing? This is an amazing thing in react concurrent mode, which shows that the browser will not be blocked by component rendering.import { h, render, useState, useEffect } from 'fre...

Hey People,I was finding a good way to make Loading screen/animation for my small React application, and I found 3 different ways to make good loading screens,Type-1 : Using react-loading library.Type...

Hi, I'm Marian. I compiled a list with all my resources that have helped me in my web development projects in the last 2 years. https://github.com/isarisariver/webdevI am currently working on a due-da...

In this article, I am going to show you how to easily create an accordion menu bar using only simple HTML and CSS programming code. The accordion menu is a modern design that allows you to organize a ...

Setup fully automated localization for your project once and forget about all the hassle forever. Its fun with Github CI/CD! Why integrate Localazy into the build process?Localization can be chal...

I recently wrote a blog post introducing some of my favourite NuGet packages: My Top 4 NuGet Packages for ASP.NET Core. In that post, I briefly introduced a package called MediatR. Today, I will dedic...

I've got this idea for my portfolio site where my name gets typed out when the page loads. It's going to get fancy, but to start out, I just want to just get the typing effect figured out. Luckily, ...

This article originally posted at ogzhanolguncu.com Table of Contents Debounce Closure Function.Apply() setTimeout() Debounce use cases Throttle Throttle use casesWhen it's come to client-side op...

When creating a scroll view for a mobile app, a common principle could be to have an image on the very top of the list. This could be to showcase the content of the page. Examples for this could be fo...

I call it my "Gradle apprenticeship." One job ago, I spent a year working at Gradle, and had direct access to some of the Greatest Build Minds of our generation. I returned from that mountaintop beari...

I have created a slack app for the Digital Ocean App Platform Hackathon which help slack users to share sensitive messages in the form of QR code and also auto-expire after 30 secs.In this post, I wil...

Scopes and Lexical Environment are a fundamental concept of JavaScript that every JavaScript developer should know and understand. Yet, its a concept that confuses many new JavaScript developers.So in...

Hello Coders,This article might help beginners to code a simple App using Flask, the popular Python Framework. If something relevant for a beginner is not here or you are a beginner and a section is n...

In this article, we will discuss a very important part of javaScript: loops, which means doing things repeatedly. Loops allow us to repeat certain chunks of code using some condition. If we have to pr...

What I builtI build a website that helps you send special hugs to your loved ones! You're no longer limited by sending a gif of a hug, with Hugo you can send hugs they will actually feel! C...

For anyone learning Object Oriented Programming or Ruby or both, you know that there is a lot to learn. Im still learning new things everyday. One of the topics that bothered me, and still bothers me,...

Whenever I see someone else's computer desktop, I quickly scan the dock below and the menubar above to see what apps and tools that person uses. I am fundamentally a product guy, and I'm rhapsodic whe...

Quickly get a grasp on how to build a generator function in JS and how to use the yield keyword. Read the full article or watch me code this on Youtube: In a NutshellA generator function allows u...

Representing your data in the form of visual charts is a great way to engage with your users. There are countless ways of representing your data visually and it can be daunting trying to choose the ri...

Hi fellows!In this blog, I will show you how you can build a simple yet functional state management solution for your React applications. We will use the new Context API along with some useful hooks t...

What I builtHow many times have you written a tweet just to find out it's too long and it doesn't fit Twitter's limit by just a few characters? The solution is dwindling!dwindle dwndlintransitiv...

Data is a significant resource that lies in the heart of almost every business. When the business grows, the data grows too and it's important to have enough storage for it.Are free plans generous eno...

In Object Oriented JavaScript, everything is an object and therefore we can set and access additional properties to functions and methods via the prototypeCall( ): The call() method invokes a function...

This blog post continues the series about React Hooks.Here we are exploring one of basic and most important hooks in React - useState(). What is useState()?useState() is JavaScript function, whic...

I'll show you how to validate .env file with Joi validation. I'm currently using almost all of my ExpressJS apps. So let's go.. 1. Creating A ProjectFirst let's create a project. We'll use npm fo...

I always admire people who create single-div illustrations in CSS. One div, multiple background layers, tone of CSS code and BOOM. Here you have an illustration. I always thought that it must be chall...

IntroductionC was the first programming language that I learned in systematic ways, thanks to my college. At that time I used to think about where I am going to use this language but in books, i...

This is the second part of a series of articles, in the first article we looked at strings in JavaScript and we saw how to manipulate and work with strings, we saw how the indexOf and slice method, th...

File Operations in LinuxFile operations in Linux can be done by using many commands that already provided. Create a new file and directoryTo create a new file, use touch command. This is th...

New post in the React series about the useReducer hook. Let's know them all in detail. useState is not the only hook for state management in React. useReducer is a more concrete way of handling comple...

In 2020 I read a total of 79 books - 78 in English, and one in Japanese. With a burst of last-minute reading in December, I managed to just shoot past my goal of 75 books!I wrote a similar wrap-up pos...

ContentsIntroWhyOptionsSummary Intro I've seen a few blogs recently and tweets talking about authentication and handling passwords, it got me thinking...I'm going to start by caveating.I'm ...

The title photo features the website I built to let strangers annoy me. The website includes text to speech, YouTube audio playing, and even control of my lights. But why did I make it? Why did I...

About 3 weeks ago, I started my blog in plain HTML, then gradually tried to make it look better and more modern-ish. It has been 2 weeks so far and I've never liked how my website looked only until to...

Hey everyone,I am Hrishikesh, co-founder of Flexiple, an exclusive freelance network for developers & designers.I am forever on the lookout for great tools that help me get work done better & ...

There are several ways one can create objects in JavaScript. I have mentioned most of the ways to do so. 1. Object ConstructorThis is the simplest way to create an empty object.In the below examp...

At the end of 2020 the React team shared with us their upcoming feature, called React Server Components. This feature is still in research and development, it should not be used in production yet, but...

I'm a pure blob over the holidays these days, so I decided to make something blobby on my website.Here is this blob:There are quite a few ways you can create blobs on the web. But following the blobby...

Recoil is a state management library for React. It is still in experimental phase, but it looks really promising. The best thing about Recoil is that it works and thinks like React. The most important...

PRE-LOADERA preloader or what some call a loading screen is the what you see on some sites before the main content of the web page is loaded.Their main purpose is to entertain site visitors while th...

MongoDB is the trending NoSQL database, with significant adoption among the Fortune 500 and Global 500. Follow along and check our list of 83 common MongoDB interview questions and answers and get rea...

White-labeling is one of the more difficult problems in UI development. And for a reason. The good news is that with CSS variables, this task became much more manageable. And even better, they can als...

In this short article I will show you how to expand your installed PWA to the full edge of the screen of a mobile device and how to take care of design issues that might occur. Standalone modeAs ...

In this tutorial, you will learn how to use Typescript in a Node.js and Express project. The purpose of the tutorial is to show how to create a project with the mentioned technologies. Its purpose is ...

Headers and footers are sections that appear in the top/ bottom margin of a Word document. They are usually used to add additional information such as title, file name, company logo as well as page nu...

Golang or Go was developed at Google as an open-source programming language and is one of the most trending programming languages among developers. Used by Google, Netflix, Twitter, and millions of us...

Modals can be used for various purposes right from showing instructions with a pop-up or getting some form inputs. I will be building a modal that you can use for any sort of purpose and using any typ...

IntroductionBefore trying to understand what are closures and how it works we have to understand what is scope, lexical environment, scope chain, and how they work. ScopeEverything that is ...

New post in the React series about the useCallback hook. Everything you need to know. What is useCallback?Do you remember the useMemo hook which we saw in the last post? The useCallback hook is ...

A document database like MongoDB used mostly within the MERN stack, makes for some interesting design choices in fullstack development. Methods like remove() or findByIdAndDelete() are mysterious and ...

No success story is the same, we all have had our ups and downs in the learning process and things we wish we knew when we started out.If you are a new, aspiring developer, these 65 things will prepar...

In this post I want to elaborate on how long it takes to learn the basics of the Python programming language. Content OverviewWhat is Python?Why Python?How long does it take to learn Python?Why ...

Hello everybody, i want to learn about a plan based access and rate limiting of rest services. How would you design this system with spring boot? Any suggestions are welcome. Thank you ! ...

As I approach graduation day at my boot camp, I decided to work on my brand. Over the holidays, I started building a website to display all of my work.It was time to put everything I had learned to th...

This is part two of the Test-driven Development with Nodejs, Express, Mongoose & Jest, in part one, we set up our development environment and ran our first test. In this tutorial, we will focus on...

Whether you know it or not, you use prime numbers every day. Do you see that lock symbol in the address bar of your web browser? The one that looks like this:That lock means youre using prime numbers ...

Software engineers early in their careers often ask me, "How can I level up quickly?"In other words, how can I become an effective contributor in the shortest amount of time possible? How can I famili...

Arrow function is an alternative form of creating a function in JavaScript. It was introduced in ES6.They go by name arrow functions, because they are created with arrow symbol - =>.The main benefi...

This is my 13 day of #100daysofcode. Today I learned more about CSS properties like create a gradual CSS linear gradient, use a linear gradient to create a striped element, create texture by adding a ...

Follow Me on Twitter @AnnaJMcDougallOne of the really cool things I'm discovering about NodeJS is that it allows us to interact more directly with computers, and enables the production of tools using ...

Yesterday, I answered my own SUPER-NOOB questions about servers and NodeJS. Today, I want to have a look at how we can use a core module within NodeJS which allows us to interact with the file system....

Sometimes we need to measure the network speed of a server, but services like speedtest are not useful because we want to check our bandwidth against another cloud service and not the internet itself....

This blog covers the basics of Aspect Oriented Programming (AOP). Ill show a simple working example of AOP: a common task like logging of REST calls can be generically defined in an Advice, which can ...

This blog post is the first in series about React Hooks.For those who just start to learn React or those who are switching from using class-based components to functional components - this topic is a ...

How I decided to write a spellchecker and almost died tryingA few years ago I had a fun idea for a "weekend project": pure-Ruby spellchecker. Ruby is my language of choice, and no-dependencies s...

APIs are a very common thing nowadays. They are used literally everywhere on the website. APIs serve as the connection between the database which stores all the data and the frontend with which the us...

In this post, we will discover the three different ways you could use the delete specifier in C++. We are going to see how you can disallow an object from being copiedyou can limit what kind of implic...

Asynchronous Programming in JavaScript There are different ways in JavaScript to create asynchronous code. The most important ones are the following:CallbacksPromisesAsync/AwaitRxJS ObservablesCallbac...

This is going to be an experiment, a letter to my future self!Why? you might ask?Thinking ahead how your life will look like in a years timeNostalgia, imagine you reading this letter a year from now a...

2021, is here already?! Seems like only yesterday when I started learning how to code in April of 2020. This year, I want to take things to another level: programming real projects and learning new th...

IntroIn this article, we'll go through scraping a Wikipedia table with COVID-19 data using Puppeteer and Node. The original article that I used for this project is located here.I have never scra...

If you are new to Linux operating system and you start a command or process using terminal/session, you must have noticed that you need to wait till a process or command get finished before starting a...

Making HTTP requests can easily get bloated and unnecessarily complex. Sure, you can use jQuery's ajax methods or even jquery.get, but that has its limitations and doesn't fit well with a code base th...

This post was originally published at kais.blog.Let's move your learning forward together! Follow me on Twitter for your daily dose of developer tips. Thanks for reading my content!As a developer, you...

Hey and welcome to today's article .I decided to put together some JavaScript library, frameworks, tools and plugins.Some which I use in my projects.If you find them intriguing share it and save...

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 know this might be a "hot take" (or whatever the kids call it) but hear me out. I see a lot in the tech community about college vs. self-taught. This got me thinking. Reflecting on my own path it's ...

TLDR; this article gives you a high-level view of configuration management for ASP .NET. It teaches you about various sources, providers and how to read config data. It also shows you how to make your...

When I ask people about their career goals, I mostly get answers like I just go with the flow. While this might work fine for some people but it generally doesnt bode well in the long run. If you talk...

Any application that can be written in JavaScript, will eventually be written in JavaScript.-Jeff atwood (Coding Horror) Series IntroductionHey , Hope you're having an amazing day and a curious m...

Web performance is a crucial part of the user experience of our web application. It has a direct impact on the conversion rate. Walmart found that for every 1-second improvement in page load time, con...

Server-Side Rendering is all the talk with the JavaScript framework world right now. There are obvious examples like Vercel's Next.js which made the news with getting $40M in new funding. Next, Nuxt, ...

Welcome to the first article in the Uncommon HTML Tags series! With each article in this series, I will introduce a widely unknown HTML tag, discuss compatibility across browsers and cover some real...

Within the collection of tools and services that we use both in the Studio and in some of our own products, Google App Scripts is one of our favorites. This tool allows us to automate recurring tasks ...

React Hooks have been all the rage for a little over a year. Let's see how we can roll our own useFetch hook to abstract fetch request logic out of our components.Note: This is for academic purposes o...

Hey Everyone,Hope you all doing great.In this post we're building pagination component from scratch in ReactJS. We're not going to use any library here.If you prefer to watch video then you can go thr...

CI/CD.You may have heard this weird little acronym floating around the web.But what the heck is it?And should you use it as a software developer?Read on to find out! What is CI/CD?CI/CD is ...

About the Author: Victor is a Java Champion and an experienced Independent Trainer, Speaker, and founder of a huge developer community. More on victorrentea.roThis article was first published at Victo...

Hi Dev Community!2020 has been a year of learning for me and I'm positive that this has been the case for tons of other self taught developers out there. From React to Redux, 2020 has shaped into beco...

Hi Dev Community!2020 has been a year of learning for me and I'm positive that this has been the case for tons of other self taught developers out there. From React to Redux, 2020 has shaped into beco...

What is webpackWebpack is a static module bundler for modern JavaScript applications. When webpack processes the application, it internally builds a dependency graph which maps every module (lik...

IntroductionAs developers, weve traditionally rooted out errors in our programs (well call them bugs from now on if thats ok) by using meaningful log statements. JavaScript has the famous consol...

REST has been preferred by many developers to send data over HTTP because they didn't need to install additional software or libraries when creating an API though GraphQL is ordinarily introduced as a...

In this article, you will walk through creation a simple shell script to send messages to Telegram messenger. Then you will use this script to send a notification on every ssh login into your server. ...

Knowing how to code alone won't be enough 2021 onwards. Understanding the experience layer and intent behind code is vital for developers to progress in their career both technically and laterally. In...

An array is an ordered collection of values: each value is called an element, and each element has a numeric position in the array, known as its index.JavaScript lets us create arrays inside array cal...

In this article, I would like to share some of my thoughts about a problem I encountered, my process of solving it, and possibly start a discussion about the validity of the proposed approach. I certa...

Day 4 of 365 Days of Coding challenge! Disclaimer: there are MANY ways to solve this problem this is an answers that I would see or use in a coding interview and would accept as a proper answerTLDR: S...

Several days ago, a friend of mine contacted me and asked me the feasibility of a technical solution for a 3d human character simulation in HTML5 environment. He sent me this article which presents ho...

TLDR; This article teaches you the various loop constructs that exist in JavaScript and which one to use when. Iteration/LoopingSometimes we have structures that requires us to loop through them....

As of this writing, JavaScript's JSON.parse cannot serialize the new JavaScript type BigInt.Imagine you have the following:const data = { value1: BigInt(1231231231231231213), deep: { // NOTE the ...

My journey into the dev world this past year was fantastic. I really got to exercise my brain and learn new concepts. I found enjoyment in solving problems and excitement in working applications. I wo...

This last Christmas holidays, except visiting my parents for a couple of days, after having forced myself in a sort of auto-lockdown period first, I did not have any big plans. Thats why, I took the o...

When it comes to binary numbers, bitwise operators are the choice.Bitwise operators are used to perform operations on binary numbers. AND, OR, XOR operatorsAND & operator sets each bit to 1 i...

At long last... the great dumpster fire that was 2020 is no more. There's certainly a lot I'd like to leave behind us. But like a phoenix rising from the ashes, I want to highlight some amazing tools ...

Learn how to create an animated SVG face using CSS animations, transforms, and an optional pinch of JavaScript.This is an isolated demo of the animations in use for ButtonBuddy.dev, my web app where y...

Elm was created to run on the browser, but every once in a while someone will ask about how to run Elm in a server environment.At my current job, we needed to sync several clients and persist that sha...

If you're familiar with JavaScript applications you may have heard the term code splitting before. So what does it mean? DefinitionAccording to MDN, "Code splitting is the splitting of code into ...

CSS is that friend we all love and hate. Another reason to love CSS is it enables you to select elements using their attributes.The attributes often selected for styling are "class" and "id" attribute...

Greetings fellow problem solvers! As I said already, problem-solving is just like a muscle and it is necessary to practice often in order to improve and grow as a developer.In this second episode, I p...

According to the StackOverflow surveys, Rust has been the most loved programming language for the last four years in a row. Most of the people that have tried out Rust would like to continue using i...

What did encourage me to write this postTwo weeks ago I applied for 3 companies. The job offers were aimed at junior Front-end developers. Well, all of them accepted my resume and two of them in...

Understanding Docker can be difficult or time-consuming. In order to spread knowledge about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual...

This article was originally published on The Smart CoderLearning to code and becoming a web developer is one of the best decisions you can make these days. And luckily there are tons of material, ofte...

You don't always need a large frontend framework for interactive components. As an example, I've made a BMI Calculator, which is only 275 bytes, minified and gzipped.I always wrap smaller, interactive...

Welcome to the second installment of our Web Dev Interview Series.In this series, we interview developers on what got them started, where they are now, what they'd do differently, and more.We're excit...

useState Hook in React - A complete guide to managing states with useState Hook in react. What is useState hook?You're already familiar with the concept of states in react (Ig not, refer this ser...

In this tutorial well be building a custom React modal component that can be used to display a variety of web elements including: forms, alert messages, or images.Lets get started by using Create Reac...

A few friends and I chat about stocks, share ideas, and encourage each other. A few months ago, I realized we needed some automation to help us find winners. I chose to use a serverless solution to bu...

Below are 5 steps to take to build production-ready python applications. 1. Use Virtual Environment to Isolate Program.The development environment in most cases is different from the production e...

In late fall of 2020, I went on a mission to better understand Node. I wanted to improve the way I use it, how I might be able to use more of its features, and moreover grow my front end knowledge to ...

CSS as a means of styling your web apps / websites is confusing, complex and can soon spiral out of control if you do not enforce a strict way of styling throughout your project.This is mostly down to...

Happy New Year Everyone!Last year I decided to build a side project which could help people using slack to share passwords and other important information easy and securely. I have worked on a few sid...

Eleventy is a static site generator that's getting a lot more attention around the web lately. If you've tried it or considered trying it:Anything you're unsure about or wondering if it can do? Did yo...

Supabase is an open source Firebase alternative. We're building the features of Firebase using enterprise-grade open source tools.After 10 hectic months of building, Supabase is now in Beta. This is a...

I have recently watched several videos and read many posts about the misuse of 'else' and why we should avoid it. At first I thought 'well, it will be the novelty and they will forget about this in a ...

Web browsers are a black hole of productivity. I try to use them as little as possible when it is time to focus. I try to use help, ?, or ?? with ipython, or --help at the command line as much as po...

Hello everyone, my name is Mateo and like many of you, I have set some goals now that a new year has begun. Sharing, documenting, and applying my knowledge are some of them so I have decided to open t...

A common problem that I've run across throughout my career is supporting applications which have gone to production. When supporting a service in production, it is important to be able to identify whe...

Caso prefira ler em outra lngua, esse artigo foi publicado tambm em portugus. Clique AQUI para acessar! IntroductionIf you opened this article, you are at least curious about the world of the Pe...

Today let's work with CSS animations, delays and flex box in order to create a nice little ripple effect on a colored mosaic.Read the full article or watch me code this on Youtube: Result M...

All mature codebases contain anti-patterns: code problems that introduce security holes, tech debt that raises the cost of working with the codebase, and code that goes against best practice that slow...

You click the like button on a post in social media, on dev.to, or somewhere else. Have you ever gotten to think about how that little button and its system was made? How it worked?It's not just "oh...

What I builtI built a developer portfolio showcasing my projects, tech stack, and more using plain HTML, CSS, and a bit of JavaScript. This project is also submitted to the DigitalOcean + DEV ha...

ES6 introduced WeakMaps and WeakSets, which brings weak and strong references to JavaScript, a concept front-enders are not particularly used to.If you're working on games, you have to pay very close ...

Recreating UI of popular websites is fun, today we are going to code the Wikipedia's tooltip !If you prefer to watch the video version it's right here : But first ...What is a tooltip ?A Tooltip is us...

There's a lot of buzz going around the web dev world regarding Nocode, but a ton of these do the same thing and kind of miss the point of why they are to be used in the first place.These tools are not...

Hello readers, lets build a game using Python. Yes, you heard that right! We will be building a simple snake game using the pygame library.Remember the old days, when everyone used to play the iconic ...

The quality of the tools you use defines the speed with which you can diagnose and resolve problems. Each year the landscape changes dramatically in web technologies, and of late the tooling for acces...

I published my first React Boilerplate with React 17, Tailwind 2, using babel, sass, with a hot dev server and an optimized production build.Any feedback is welcome :-)Github repo Installationgit...

I am currently learning React( A JavaScript library) and here are a few prerequisites before diving into the JavaScript library.BASIC HTML AND CSSYou should have a basic understanding of HTML and CSS....

Hello readers! This is the first time I am writing an article on building something with React. So, I am also new to React and Frontend Frameworks. And the best way to make your first React project wo...

GOOD SUBJECT LINESo weve played around with this for over a year and got the best open rate (over 40%) with the simple subject line Question. Perhaps it is a bit old now BUT continues to work. Why rei...

Getting involved with a community has been essential to my journey as a developer. It's advice I got early on, and something I would like to pass along to others.A quick note: I'm a Mexican-American l...

JavaScript Modules using ES6 syntax have two different types of exports: named and default.There are differences in how they are declared as well as how they are imported. Named ExportsNamed expo...

There are more than thousands of Vscode Extension available in Vscode marketplace ,most of them are useful .These are the top 5 Vscode extension available in Vscode Marketplace .1 Gitlens Gitlens is o...

I am sure you have already heard the term keylogger since you're a geek and you're visiting this website.If you dont know, let me explain very quickly, a Keylogger as its name indicates, is a tool tha...

Just a few years ago, it was almost impossible to create range sliders without a lot of JavaScript. Thankfully, in modern browsers, it's super-easy to style range sliders, using CSS only. If the brows...

While testing we tend to replace some of the units collaborators with mocks as it is accustomed to call them. The problem with that name is that it is not accurate. The real name of those mocks is tes...

Let's be honest, Kubernetes is Cool Kool. And to introduce you to its coolness I've started this series. We'll start this one too like the Docker series by first answering the "why" and then have a lo...

Hi, my name is Mohd Danish & Founder of NoCodeAPI. In this blog post I'm sharing list of courses those I took to brush up my JavaScript Skills. My online favorite teachers are Wes Bos, Moshfegh Ha...

To create a video chatting and screen sharing application requires three major setupBasic React setup for handling UI.Needs Backend (Nodejs) for maintaining socket connection.Needs a peer server...

IntroductionIn general, we expect to have a default proxy setup in Next.js just like react. But unfortunately, there is no such feature in package.json and we need to add custom proxy server and...

I recently rediscovered the ability of Visual Studio Code to develop on remote machines. Just connect to a server via SSH and develop there.Even though I'm using Git, I don't have to commit everything...

Benjamin Franklin once said: "Remember that time is money."The Time Value of Money (TVM) just means that money in your hand right now is worth more than the same amount of money that you will receive ...

Disclaimer: The article reflects my thoughts and understanding - others may disagree with the content What is DevOps (In my words):A cross-functional mindset that makes your team more agileThe practic...

This is my submission for Hashnode Christmas Hackathon, it was an interesting project, so sharing it here too.Note: If you face any difficulty in seeing some GIFs then check the original blog here. ...

2020 was probably a really strange year for a lot of us. For me, I can definitely see the silver linings - I'm an introvert, and so I've loved being able to work from home, as well as spend more time ...

You might come across many websites where a file needs to be uploaded, like uploading a profile picture while creating a profile.If the user has a slow network or uploads a huge file, then they might ...

In this tutorial, we'll learn the simplest way to integrate TailwindCSS with Next.js. What is Next.js?Next.js is a React framework which provides Server-Side Rendering out of box. It's a very pop...

In this tutorial, we will learn what are HOOKS and how we can use them to write better React. Recently in this series we have seen so much of hooks and hooks. So here is in detail about React Hooks. ...

In this tutorial, we will learn how to build a full stack Spring Boot + Vue.js + PostgreSQL example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Sp...

Setting up redux in your react application can be confusing, but it doesn't have to be. In this article, I walk you through the entire process of setting up and connecting redux to your react applicat...

There comes a time when we have to worry about more than just making sure our applications work, but that they work optimally. When using react, we have certain tools at our disposal to make sure our ...

Cover image: A sketch of primate origins from Charles Darwin's notebook, dated 21 April 1868The Third Age of web developments is the period that follows the Second Browser War, after Microsoft Interne...

I've realized that the problem with my old New Year's Resolutions is not that I give up halfway. It is that I overly fixate on 1 year outcomes, without holding myself accountable to a system that gets...

If we were to time travel to the early 90s when I was a kid, and you were to tell me that one day I would be able to afford an iMac, I wouldn't have believed you. (Granted, iMacs specifically didn't o...

Hi there,I will show you how to use Google One Tap in your project. For this, i use my own npm package google-one-tap. Get your Google API client IDOpen the "Credentials" page of the Google APIs ...

Why do I want a portfolio site?I wanted to build a portfolio site so that I can experiment with new technologies and also showcase what I have been working on recently. In addition to this, it a...

Introducing ButtonBuddy.dev:Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces, then use the generator to check and adjust your b...

I knew 2020 would be different. Because unlike other years, this one started with a resignation. After almost three years working in politics and policy in London and Beijing, I decided to call it qui...

When I was learning front-end development I would Google this question often. When youre teaching yourself its a lot more difficult to measure your own readiness. When you take a course or attend a bo...

Monitoring CPU utilization is one of the very important tasks of a back-end system engineer. CPU utilization is nothing but the total works or tasks being processed by your central processing unit or ...

Today I'd like to introduce you to a new project I've recently developed - Farrow. a type-friendly functional style Node.js web framework. MotivationIn the current Node.js open source ecosystem, ...

When to switch your current job as a Software Engineer? This question may or may not have bugged you but it's important to know when it's time to move on.Hey, I am perfectly happy with my current job....

Many times we need to check the running time of a function, so that we can see which functions are taking a lot of time and improve them. In this post I'm writing about a simple but elegant way to do ...

Today we will focus on how we can synchronize our GitHub local repository master with an upstream repository branch of the GitHub project.Now, you might think what is an upstream branch, Upstream bran...

If we have an array, and we want to find the item(s) that appears once in the array.const arr = [1,1,2,2,4,5,4] Enter fullscreen mode Exit fullscreen mode The single item in the array abo...

This is my first article in 2021. Recently, I got a task to capture screenshots of 300+ web pages and while doing this I learned Puppeteer APIs. In this article, I would like to share my experience wi...

Happy New Year and welcome to another post of mine. This time, a hackathon submission and a showcase of my recent work of 7.css - a CSS design system for building components in Windows 7's flair. ...

Carousel is commonly used in any websites that want to present key point of their products using images, but carousel can not only contain images, but can also contain cards with any content.To implem...

I did it. I finally did it. After three-and-a-half years of exhaustive, soul-crushing effort put forth into breaking into the tech industry, I finally made it. I am here. Dragon slain. Victory!!!...

No authentication system is complete without a password reset feature. I would personally never ship a product that did not have this feature included. It is necessary to provide a way for users to re...

I suppose it is tempting, if the only tool you have is a React, to treat everything as if it were JSX.Roy SivanSo, I really love writing JavaScript. React plus TypeScript is some of my favorite code t...

OverviewS3 is the obvious place to host a static (frontend code only) website on AWS. It's a simple, serverless way to store and serve files without running a server or fiddling with a storage s...

Recently I realized that I own multiple computers for web development. I wanted to know which one can run my Web Dev Tools faster and more efficiently. So, I created this simple script to benchmark th...

TL;DRA curated list of free Computer Science & Information Technology certificates and badges.Note:= Digital Badges & = Certificate of Completion Why?Most online certificates are paid a...

TL;DRA curated list of free Computer Science & Information Technology certificates and badges.Note:= Digital Badges & = Certificate of Completion Why?Most online certificates are paid a...

A tag cloud is a list of links associated with a term or a tag. It is common to see them in blogs and websites to highlight popular topics visually: more popular words/categories will have larger font...

JavaScript provides setTimeout() and setInterval() methods to delay execution of script. But, it doesn't provide any way to sleep execution at a single line. Let's build our custom sleep method. ...

Hey EveryoneWassup?Today I was reading an article about a cool extension in VSCode that you can chat anonymously !(without registration)I think it could be an amazing extension in VSCode for programme...

If you write articles on DEV you might know markdown but if you don't know, let's learn it.Markdown is a lightweight markup language that you can use to add formatting elements to plain text documents...

Ever wonder how can you skip those frustrating & time-consuming hand-coding processes, switching your tabs back and forth just to check if the Web Page looks OK? We understand your feeling, we bee...

Feel like you a fraud?Not good enough?Not deserved your job position or salary?Worry that other people will find these out?This is called an imposter syndrome.And you are not alone.Even successful peo...

In January 1996 I set foot in my first web development job - an internship with Cybermundi.es during my Study Abroad semester in Madrid through Boston University. In January 2021, with a few interrupt...

What is a Vertical Ruler in VS Code?In VS Code, the vertical ruler is a static, customizable design element to give your code an unenforced right-side boundary, meaning it wont word-wrap your co...

Do you have a developer portfolio that could use a second set of eyes?In a few weeks I'll be doing my second annual portfolio review livestream on my YouTube channel. Last year's session was a s...

Every value has truth or false values in JavaScript. For example, a null value has an associated boolean value of false. Similarly 34 has an associated value of true. We can use this to cast a variabl...

Dark-theme is a really simple dark mode library that enables a switcher to toggle between dark and light modes on the web application.Written in vanilla JavaScript. Uses HTML5 web storage API (local s...