Articles by Dev To from July 2020

cover photo credits - Fernando DoglioMost JavaScript developers are familiar with Nodejs as it is a well-established and highly-respected technology for making full-stack web applications. Nodejs is a...

Our company performs pentests and security audits both in individual clients and in government and military agencies.During the last pentest session at the client's ancient site, I discovered a script...

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.@marydee2001 helped fill my focu...

Python / Flask framework combination is one of the popular choices for building back-end APIs for a web application. Building an applications back-end this way gives several options for coming up with...

The format of DEV's first official podcast, DevDiscuss, begins with an interview and ends with commentary from the community.With season two of DevDiscuss coming soon (!!!), we want to know... W...

Follow me on Twitter, happy to take your suggestions on topics or improvements /ChrisOk so you've decided that pure JavaScript is enough for your project, don't want to adopt TypeScript just yet or ev...

If you do web development, you've probably used console.log at least once (or over a thousand times...who's counting?) because that's the best debugging method! But did you know there are other consol...

An honest interpretation of all things developer from the person you would least expect, a marketer.Ever wonder how people on the outside of a specific industry such as software development understand...

We use XO for our code linting. Recently I upgraded to its latest version and suddenly I had lots of errors as soon as I tried to commit (**).What was wrong?Well. It seems that there is a new trend ou...

Cover image from Valentin Petkov from Unsplash An elegant solution for memory leaks in ReactWhen working with asynchronous calls, for example API calls, you might have encountered this error :Can...

IntroductionBuilding desktop apps use to be difficult, first, you would need to know quite a number of languages like Java or C++ and get buried to quite a number of setups which can be wearing....

In December of last year I posted about an open-source job tracking app I built. I built a tool to help me keep track of my job hunt - JobHuntBuddy Michael Messerli ...

A month ago I decided to start a digital garden, which is, in a way, an evolution to plain note-taking. The core idea is that you write down your thoughts and create links between the notes. Each note...

IntroductionIn this article, let us look at a very powerful yet simple feature introduced with ES6 or ES2015 version of JavaScript, the Spread Operator. Spread OperatorThe spread operator e...

This month, two readers of my eBook The Developers Guide to Content Creation asked me how to overcome ones fear of sharing content.Ive written professionally for 12 years and Im always nervous before ...

If you're faced with an input box, like this: +--------------+ Enter the price of the item, in dollars: | | ...

A commit message is a short description of the changes you've made to a file added before committing the changes.Good commit messages are important not only for others who you may be collaborating on ...

Using ORM frameworks like Doctrine can help us a great deal when writing small to medium sized web applications. It allows us to treat database rows like objects, therefore simplifying working with th...

Any type of financial investment should earn you compound interest. Over time, this will build the value of your investment passively.If you start investing, you should learn how to develop an underst...

A series of exquisite and compact web page cool effects https://github.com/lindelof/awesome-web-effect It's like decorating a beautiful Christmas tree in a room. Sometimes a small web page w...

Gone are the days when transforming Javascript objects into arrays required complex logic. Starting with E2017(ES8), we can do just that pretty easily. Depending on our needs, we can convert an object...

In JavaScript, you can create random numbers using Math.random(). But what if we wanted to create our own random values in the browser without this function?The ECMAScript Language Specification defin...

If you are interested in reading this article in Spanish , check out my blog:The Developer's DungeonYesterday I was browsing one of the online developer communities where I usually hang out and I noti...

I'm incredibly excited that my wife and I will be having our first baby girl in a month or so. Also, pretty scared. Looking to get a good thread going with practical tips and tricks. My top questions ...

There are a ton of interview questions for software engineers and data scientists that involve two dimensional arrays. In this video I show you my favorite interview tricks for arrays: Using index mat...

In this post I want to tell you how I have configured a droplet in DigitalOcean to be able to publish a Nuxt Full Static site with a good performance. Alba Silvente ...

Hello guys ! Today, let's take a look at cancelling a web request with fetch and Abort Controller in React Hooks! When we work with Fetch to manage data, we sometimes want to cancel the request (e.g. ...

At the risk of sounding like a Martian that got plopped into Williamsburg, Brooklyn in 2004 and is trying to blend in... I'm getting back into playlists.A lot of my job involves writing, and it can be...

You are given three piles of casino chips: white, green and black chips in the form of an array. Each day you need exactly two chips of different colors to play at the casino. You can chose any color,...

If you're thinking about getting started with game dev, it's not a bad idea to consider making content for Roblox, a platform that hosts user-created games. While most of these games are free to play,...

I was born in Brazil so naturally I wrote my first articles and blog posts in portuguese. Back then, the idea of being able to write a complete and easy to read article in English felt distant and pre...

Python is in the midst of a resurgence. It never went away, but usage now grows like never before. With machine learning developers and data scientists relying on Python, much of the web development e...

Recently, Apple announced the Swift AWS Lambda Runtime. It's now possible to write self-contained functions that run on AWS using the same Swift you use for iOS development. This lets you not only reu...

You might have seen Basecamp making headlines when they took on Apple to fight for fair app-store monetization policies. HEY is a new email service which, you guessed it, sends and receives email. Goi...

Backstory alert!!When I joined Twitter, I came across people who were posting CSS illustrations and I was extremely intrigued and confused at the same time. It was not until a month later that I...

Over the last 3 months or so, Ive been building a lot of experimental software on the web. Silly things, fun things. And throughout, Ive wrangled with different ways to host modern web content.Ive bee...

Hello everyone!Long time I haven't made a post, because Jesus Abril and I are working on our side project, but I wanted to share this because maybe it can help you too.Most of them you probably ...

React is one of the most popular Front-End JavaScript frameworks. Developed by Facebook in 2013, it is actively maintained as an open source project, and has made building complex user interfaces easi...

How many of you have your own website? Did you create it in one go? Launch it and then build it over time?I haven't created mine yet, hoping to be inspired. Would love to hear about how you decided to...

Want to do more with static web apps?Join us at CREATE:Frontend on Jul 29 (8:30am PDT / 11:30am EDT) for a 4-hr free virtual event with 8 talks and a 90-minute hands-on workshop to jumpstart yo...

Containers for fun and profit!So you're now officially excited about Docker and containers.Good! They're an awesome tool to create portable configurations for your software and make sure it work...

Serverless is the future, no doubts about that, and I love the model. For a small agency like Ingenious it helps us reduce costs and allow us to forget about infrastructure.As cool as serverless is, I...

Git 2.28 dropped yesterday (July 27, 2020) and it brings a nifty feature to set a default branch.$ git config --global init.defaultBranch mainAny projects initialized with git init will now use the br...

Terminology RepositoryA directory or folder where your code lives. RemoteThe version of your repository that lives on GitHub's servers and is accessible to anyone with an internet conn...

JungleJS is a new static site generator that uses Svelte and GraphQL. It also has a handy routing feature akin to NextJS and Sapper, where you can have src/routes/[slug].svelte and query for data base...

How do you do code reviews?This question was recently presented to me from someone considering adding code reviews to his team's process.This post lists his questions and my answers (lightly edited) f...

You may have heard of Algebraic Data Types (ADT's) before but didn't understand how they can be applied to everyday code - so this article will provide some examples and explanations of why you should...

I've been putting off building my own Typescript packages for a while.Not for a lack of ideas, but because I know modern Javascript/Typescript development is a mess. Just check the size of your node_...

You can convert any Javascript code into these characters:()[]{}!+and only these characters. Here's how: NumbersWe can get 0 by casting an empty array using +[]. The + is the unary plus, which co...

Here are 4 ways to combine strings in JavaScript. My favorite way is using Template Strings. Why? Because its more readable, no backslash to escape quotes, no awkward empty space separator, and no mor...

You are an aerial firefighter (someone who drops water on fires from above in order to extinguish them) and your goal is to work out the minimum amount of bombs you need to drop in order to fully exti...

This article was originally posted on my blog. Head over to inspiredwebdev.com for more articles and tutorials. Check out my JavaScript course on Educative to learn everything from ES6 to ES2020.Every...

I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!As part of the Create Frontend conference, my team and me wanted to invite the attendees (and anyone, ...

In this tutorial I show 11 Tips and Tricks to write better Python code! I show a lot of best practices that improve your code by making your code much cleaner and more Pythonic. Here's the overview of...

C has been an evergreen language and played a prominent role for most of the system developments that took place in the last few decades. C programming was originally developed by Dennis Ritchie betwe...

I believe most folks have written a bash or Python app/tool that runs from the terminal command line to do some useful stuff. These programs usually accept some parameters and options. And it's really...

Well, CRAP!One of the widely accepted design guidelines is CRAP, catchy yet misleading, referring to contrast, repetition, alignment and proximity. Graphic designers tend to think in these term...

It was time to make a change.I've been struggling to thrive in corporate environments for a while. Lots of meetings, very little team-play, or having poor leadership. Some of the workplaces I'd ...

Hi Devs, this is my first technical blog. This is my first attempt at this and i would love to hear your opinions on this topic!I dont know if its true for all or I am the only one feeling this but wh...

My code contains Horcruxes. I'm not proud to admit it, since to make a Horcrux you need to commit a murder. The murders seemed intuitive at the time, and were usually for expedience. But nonetheless, ...

Hey everyone! My name is Daniel Singletary from the Metro Atlanta area and I am an Industrial and Residential Plumber. I am currently working towards transitioning into the IT industry out of the trad...

Hasura is an amazing service which you can point at any PostgreSQL database to automatically spin up a realtime GraphQL API for your data. In this guide, we'll use Hasura to build a secure todo list a...

Its every developers frustration once in a while to see that big red Access to fetched has been blocked by CORS policy error in your console! Although there are some ways to quickly get rid of this e...

I started to learn Javascript about a year ago, there are so many online tutorials, blogs, courses and even the GitHub it's not only the place I push my codes, but also a place to learn! And I realise...

Full Stack Reddit Clone - Spring Boot, React, Electron App - Part 2 IntroductionWelcome to Part 2 of creating a Reddit clone using Spring Boot, and React.In Part 1 we initialized our projec...

Accessibility can be pretty overwhelming at first. There are a lot of things to consider and it's really hard to figure out what you don't know when you're just starting out. I hope you find this shor...

Theres been a global shift toward data-driven business. But, in many cases, the data just under the surface is dirty, and its failing modern companies.In their 2020 Global data management research rep...

This post is a little bit of a personal rant. But it might resonate with some of you. ResearchI'm doing some research for a game I'm creating, where I need a full Spanish dictionary. I've been lo...

A simple discussion to start the week lightly. Whether it's a cup of your favorite tea or a real good playlist, how do you improve your mood at work?...

I see hundreds of software architecture diagrams every year, predominantly through my software architecture workshops. Some diagrams are better than others, but I've noticed that many people struggle ...

Hi folks!Today I want to start a discussion about how to become a game developer.But first a little bit of premises I'm a full-stack web developer, I've worked on the web since 7 years ago, for d...

Building a project is great. You learn a lot, you make friends, and hopefully, it helps to solve a certain problem for certain people. But behind every project, there is a story of how it comes to rea...

IntroductionIn this article, we'll look at what Git Hooks are, why using Git Hooks are beneficial, and some practical examples of how to use them for development. What are Git Hooks?Git hoo...

A few weeks ago, I wrote a post asking DEV community members if they wanted to potentially pair program with me during a live coding session. Let's Pair during a Live Codi...

This is the nineteenth post in a series examining modern CSS solutions to problems I've been solving over the last 13+ years of being a frontend developer. Visit ModernCSS.dev to view the whole series...

Migrating your React web application can be painful, but JAMStack makes that easy.Fast and secure sites and apps delivered by pre-rendering files and serving them directly from a CDN, removing the req...

My cat is not very good at JavaScript (also at many other things), so today I will try to explain this keyword to him to help in his future career.The main rule is: you don't need to remember this as ...

I've been in the field for almost 8 months and the more I learn, the more I have the feeling that the amount of things I need to know is never-ending. How do you get over not so good days? How do you ...

Photo by MIKHAIL VASILYEV on UnsplashAn array in JavaScript is an ordered collection of data.Arrays are ordered by numbered indices starting at 0. These indices are used to access elements in arrays. ...

Alright folks, here it is: our third and final post detailing how we can use Google's OAuth API with Passport to give our users the ability to login as well as authenticate those users on behalf our a...

Since its inception in 2015, GraphQL has enjoyed a meteoric rise in popularity and a huge community has grown around it.AppSync is a fully managed AWS serverless service for real-time data queries, sy...

IntroductionWe have been using REST architecture to build APIs. This structure is still very well used but it also has it's issues. REST comes with some problems such as: Having to use multiple ...

This is an issue from the newsletter Frontend Horse. This was originally published on July 16th, 2020. Visit Frontend.Horse to subscribe and find more issues.Howdy, and welcome to the thoroughbred web...

One of my pet peeve's in the software world is how much we all use abbreviations. Technical or non-technical. Seems half the time we don't even know what they mean. I've put together a reasonably comp...

Year after year, hedge fund managers somehow manage to outperform their benchmarks and even create profits with extreme market headwinds. How do they do it is a reasonable question to ask. There's a v...

The original post was on Writing Tips as a Developer - Reading Time: 4 Mins and cover image by Hannah Grace on Unsplash IntroductionWhen it comes to writing, the first thought that comes to my mi...

I've been coding in JavaScript where functions are treated as first-class citizens, they also play the role of implementing the key OOP concepts (encapsulation/inheritance/polymorphism), but does that...

I made this cheat sheet for git terminologies and most common commands when I was going through a Udacity course about version control. It helped me a lot and though it will be great to share it with ...

Many linters complain that functionA cannot be declared on bottom of functionB when this is the case:function first(){ second()}function second(){ // Whatever}This rule will warn when it encounters ...

Lately there has been some interesting discussion about Modern Web.I personally think thatSingle Page Applications (SPAs) have been (ab)used in places where a more traditional server side approach cou...

Have you ever used git diff command? git diff is multi-use command which will help you to find out the difference between git data sources. These data sources can be commits, branches, files. First un...

Many developers wonder at some point in their Node.js programming journey that, is Node.js really single-threaded? If it is, how is it able to do asynchronous execution? Some people understand it in t...

So a few weeks ago I stumbled upon something that reminded me of Arthur C. Clarke's famous 3rd law Any sufficiently advanced technology is indistinguishable from magic.It was something I'd never see...

I would like to introduce you to my Visual Studio Code extension - StringEncrypt. I've been working last week to make it work and I really enjoyed discovering Visual Studio Code ecosystem and its exte...

Hey curious people! Have you ever felt so good after writing an algorithm that not only solves a problem but solves it efficiently? In this blog, we'll learn about an algorithm that'll help you get th...

Hi everyone,After watching a lot of buzz about GPT-3 on social media and how it is about the change the world I have decided to bring to you all a collection of some of the best uses of GPT-3 and what...

I'm personally a big fan of JSX & love the way it allows me to split up & componentize my code. Even though JSX had been around before React, it wouldn't have been nearly as popular without Re...

I really like React built-in useReducer and useContext hooks. They made an app state management handy and using Redux lost any sense for me.When I used them first time I realized that there is a short...

The best way to learn how Blockchain works is to create oneYou are here because like me you have heard about Bitcoin and cryptocurrency, and want to learn how they work. After spending hours rea...

According to successful people, it takes around 20 hours to learn a new skill and 10000 hours of continuous efforts to be an excellence in a skill. The same goes for coding.Programming is a skill that...

Keeping notes at all times is extremely important, so you can track down your thoughts and ideas. Whether inspiration strikes when you're at home or on the go, a note-taking app offers an easy, conven...

IntroductionAmazon S3 is a simple storage service that allows you to store, retrieve any amount of data ensuring scalability, reliability, easy access and inexpensive in nature. It stores data i...

Sharif Shameem @sharifshameem ...

Some HistoryTwo weeks ago I wrote up a spur-of-the-moment thread on Twitter about how we are all Lifelong Beginners. Nitya | #Codeland Conf! http://aka.ms/codeland-csc ...

In this morning quick start, we are going to bootstrap a create-react-app with Tailwind and see how you can get it all up and running quickly with some state-based styling using classnames. Insta...

Looking back on your week -- what was something you're proud of?All wins count big or small Examples of 'wins' include:Learning something new at CodeLand:Distributed!Starting a new projectFixing a tr...

This is an abridged version of the workshop "Rocking the Gamepad API" that we did as part of Codeland:Distributed conference. This post is also available in Spanish.In this post, we are going to learn...

This article was originally published at: https://render.com/docs/deploy-railsThis guide will demonstrate how you can set up a local Ruby on Rails 6 environment, create a simple view, and deploy it to...

Draw your git swordNote- will start with the understanding of git commandsTo see present origin repo git remote -v To add origingit remote add origin --remote repo URL-- origin can be named anything b...

Some time ago I had the goal to implement a web application to be able to write what I'm speaking automatically and allow to execute actions through my voice commands. I thought it was a good idea to ...

The goalThe goal of this tutorial is to develop a clone of the game Fruit Ninja in a basic way. We will not use any frameworks so that you as a reader can learn from scratch how things work. ...

Yesterday I learned that these NPM packages exist: https://www.npmjs.com/package/is-oddhttps://www.npmjs.com/package/is-evenhttps://www.npmjs.com/package/is-numberI have to admit that this both surpri...

Writing after a long break.So I have been giving interviews for quite some time and usually it involves an assignment where they will define some requirements according to which I have to work on them...

Here are 5 great resources for all you Gophers out there: Awesome Go avelino / awesome-go A curated list of awesome Go frameworks, librar...

As I mentioned in a previous post, CSS has five categories of selectors. The basic category includes the Universal Selector (*), Tag selectors, Id selectors, and Class selectors. Now, let's get to kno...

Node has been around for more than a decade. Developing on it has been fun, tho one of the main drawbacks has always been it's spacious package management.In 2020, create-react-app would create over 3...

Now Vue.js has become a hot framework for front end development. There are a lot of engineers utilizing the convenience and powerful features of Vue.js. Yet, some of the solutions we've done might not...

This post was originally published on July 24, 2020 on my blog.Guys! Gals! CodeLand was yesterday, and so was my talk and panel discussion, and I am most definitely still riding a wave of utter elatio...

If you're not familiar with tries and want to learn more, then this post is for you! A trie is like pie in that both rhyme* but thats where the similarities end. A trie is a tree-like data structure ...

IntroductionReact is a painless open-source JavaScript library for building interactive user interfaces. This great astonishing work can be used as a base in the development of single-page or mo...

Build an Air Pollution Monitor with a Raspberry Pi, a Particulate Matter sensor and IoT Central BackgroundBorn of necessity, this project tracked the air quality over Sydney during the heig...

I submitted my book's landing page for Rob Hope's review and he obliged! Brutal feedback incoming. I respect Rob's opinion mainly because this is literally his thing and he is writing THE BOOK on this...

In his book, Digital Minimalism, Cal Newport recommends taking a month-long digital declutter. In this time, you should take a break from all optional technologies in your life.Why? Its easy to spend ...

As we are all attending the Codeland Conference from home, our pets get to join in on the fun too! What are your pets doing today? Here's the chance to share the pictures we wish we could share in the...

I am good at backend dev , connecting to APIs ,DBs ,Deploying etc. I infact LOVE Backend But Recently I didn't got an internship as I didn't made the exact looking page the recruiter asked for , Altho...

Hello to all my community people :-) This is my 5th post and I'm thankful to everyone because I love this community. And special thanks to all my 400+ followers. I'll try to provide valuable post ever...

Emoji Button is a vanilla JavaScript emoji picker component I have been working on over the past year or so. Because it's just plain JavaScript, it can be made to work with any framework, site, or app...

My good friend and colleague @bdougieyo is at Codeland today and is giving away early access to Codespaces to three lucky people who create a profile README (a new feature we quietly launched a few we...

While the tech industry struggles to address injustice in our society, a small step you can take today is to remove the use of "Master/Slave" terminology from your tools.git still calls the default br...

Hello, users! Today I'll be explaining (in an easy format) how to create and publish a npm package, no matter if it is for your styles or your logic.I wanted to create this tutorial after the release ...

Many people know that Google uses a single repository, the monorepo, to store all internal source code. The Google monorepo has been blogged about, talked about at conferences, and written up in Commu...

Today's CodeLand Conference is Distributed, meaning we're able to gather as a community with developers of all backgrounds and experience levels all around the world.Where are you attending from today...

In addition to the full schedule available at dev.to/codeland, I wanted to provide a round-up of the amazing speaker post that you'll be hearing from today.Plenty of these speakers will be joining the...

If you are building an application using Node.js, it can get a little overwhelming since there are a variety of databases to choose from and different ways to build APIs. One way to reduce development...

The COVID-19 pandemic has changed the job search, but it is still possible to find a rewarding tech job. To make your job-hunt successful, utilize multiple strategies at the same time. Lets take a loo...

If you know how to build a website you can build desktop apps with the Electron framework.As an introduction to the framework well create a simple desktop clock application.Before getting started its ...

There are many different text editors out there but by far one of my favorites is VS Code. It's an incredibly lightweight option with the added benefit of being open source makes it a great choice for...

Did you know that there are more than 200 standard library modules that come with Python? As standard libraries are already part of Python installation, they could be used right away without the need ...

Security is a serious matter! Are you concerned about the security of your APIs?When it comes to APIs built with Express.js, one simple step can help you increase the level of security on your system:...

We cant believe CodeLand:Distributed is almost here!! If youre planning to join us for day one, heres everything you need to know.Day one (July 23) is free!View the livestream of keynotes, talks...

Want to show off your Github repositories in your Gatsby site? Preview:Even if you don't know GraphQL, this guide shows you just enough GraphQL to get you started learning it and using it. We'll use G...

This post is first published at https://www.techjblog.com/index.php/2020/07/how-to-deploy-a-django-project/In the Django Tutorial for Beginners, we talked about how to deploy a Django project using a ...

I wrote this article for the developer blog on the TomTom Developer Portal, but I thought it would be a helpful article for the Dev.to community especially newbies, emerging devs, and career changers...

In a factory, a printer prints labels for boxes. For one kind of box, the printer has to use colors which, for the sake of simplicity, are named with letters from a to m.The colors used by the printer...

Did you know there is a media query for inverted colors? Or one for saving data?Media queries are what make modern responsive design possible. With them you can set different styling based on things l...

If you learned how to save money successfully, sooner or later, many of us will be faced the question: How can we invest our hard-earned money profitably assets like shares, stocks, bonds, funds, cer...

There seems to be a lot of talk around finding a mentor in the tech industry.Dont get me wrong, the idea of mentorship is great. How could having a dedicated person for all of your learning be a bad t...

Have you started playing Animal Crossing New Horizons on your Nintendo Switch? Do you keep forgetting to buy turnips every Sunday? Looking for a fun & easy project that will help remind you when 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 i...

A co-worker replied to this tweet: Gavin Elliott @gavinelliott What was the one moment/conversation/decision which ha...

JWT Tokens are awesome, but how do you store them securely in your front end? We'll go over the pros and cons of localStorage and Cookies.We went over how OAuth 2.0 works in the last post which ...

In this tutorial, we will be using TypeScript on both sides (server and client) to build a Todo App from scratch with React, NodeJS, Express, and MongoDB.So, let's start by planning the API.API with N...

The Cloud Hackathon that Brought it AllLast month, the HarperDB team hosted our second hackathon and the participating teams did not disappoint. We had 10 overall submissions, and each was more ...

Advice like "clarify the question" and "write pseudocode" is a good place to start, but it's not where you want to end if you're trying to impress an interviewer with your problem solving skills. How ...

They say we should be able to put new things on our resume every 6 months. What skills have you learned since March? Have you utilized this time to update your skills?For me:C (on the way)GitI finishe...

Custom emojis are a fun way to bring more life and customizability to your apps. They're available in some of the most popular apps, such Slack, Discord, and Twitch. However, iOS SDK doesn't provide s...

As software continues to eat the world, more and more people ask me about "getting into tech," i.e. a successful Software Engineer easily making around $350,000 in total annual compensation. I get ask...

I just created a GitHub Action that lets you add links to your latest blog posts from Dev.to and other sources to your Github Profile readme automatically. Check it out if you want a readme like this:...

Git bisect is a fantastic tool that could make debugging a breeze. Yet, very few people use it actively.In this quick article, I will showcase how git bisect can point out the where your bug cause lie...

Sometimes nowrap is helpful when you don't want the text to break in an awkward spot However, nowrap can sometimes lead to overlapping text. You can easily fix it by setting the white-space to be norm...

Follow me on Twitter, happy to take your suggestions on topics or improvements /ChrisDurable Functions are an extension of Azure Functions that lets you write stateful functions in a serverless enviro...

So a few months ago I stumbled upon spck editor app on playstore while doing my occasionaly peruse around Playstore. I checked out the rating and the preview pictures and got super hyped to try it out...

A highly toxic environment. Cover photo by ATDSPHOTO on Pixabay.The views expressed in this article are entirely my own. They do not represent any organization.I used to have a lot of respect for Goog...

Recreate your childhood or go retro with these cool user interface resources. 1. NES.cssNES.css is NES-style (8bit-like) CSS Framework. 2. Amiga WorkbenchA Javascript Amiga Workbench 1.3.3 l...

Before you begin make sure that you have Node and Create React App installed. And if you are planning on using a local mongodb database then make sure that you have that setup too. Reference Mate...

We have been using React to develop Single Page Applications, so far and it's not that we don't like SPAs, we love them, but we tend to get involved in more complex applications that require multiple ...

Having multiple configurations can be handy for your node applications. It is quite probable that your applications will run in different environments and require slightly different configurations bet...

The game is available on itch.io. it's Free, on Mac, Windows and Linux. Before we startThe focus of this article is burnout. I do not speak about a lot of technicalities behind the game, unity o...

From smartphones to cars, supercomputers and home appliances, home desktops to enterprise servers, the Linux operating system is everywhere.This phrase can be intimidating or challenging, but don't le...

Let's get this out of the way. An iframe is an inline frame that allows embedded HTML documents. This somewhat recursive definition covered 90% of pages I visited while learning about iframes. But the...

Here is what happens during a P2P connection, and all you need to know about Web Real-Time CommunicationRead the original Post hereEverything you need to know about Web RTC in 9minutes History of...

I realize this might differ depending on seniority level or even location on the map, but what technologies do you think a full stack front-end developer should be to be familiar with?Image source: Ti...

I realize this might differ depending on seniority level or even location on the map, but what technologies do you think a full stack developer should be to be familiar with?Image source: Tim van der ...

Edit: my question was actually referring to what skills should a full stack developer have and not a front end developer. Sorry about the confusion .I realize this might differ depending on seniority ...

I wasn't sure what I was actually doing or what was really happening, but after seeing an average developer with experience between one to two years earning around $45,000 dollars a year, damn I knew ...

This guide will demonstrate how you can set up a local Django development environment, create a simple view, and deploy it to Render. The application will be configured to use a Render PostgreSQL data...

This is a set of tutorials that was just released on the topic of Node.js. It takes you from the very beginning of your developer journey with Node.js to tell you the what and whys of Node.js to teach...

Gatbsy is a very popular framework used to create static webpages. In this blog, we'll discuss what kind of tool Gatbsy is and why is it so helpful in building webpages that follow a JAMstack approach...

I spent the month of June working on my Q3 plan. It started with creating a "parking lot" of ideas: a list of every possible thing I could do or would like to do related to my business without thinkin...

Original post: https://aralroca.com/blog/first-steps-in-webglIn this article we'll see what WebGL is and how to draw a triangle by talking to the graphics processing unit (GPU). Although this simple e...

Theoptional chainingoperator (?.) permits reading the value of a property located deep within a chain of connected objects without having to expressly validate that each reference in the chain is vali...

It's easy to make your HTML tables look great - in today's post, we're gonna take a look at around 30 lines of CSS to do just that! Video TutorialBefore I get into it, if you prefer this tutorial...

If you've been minimally active on the internet last week you've probably seen the term "GPT-3" all over the place.Be it in a JSX code generator, essay generators or in a text-to-UI Figma plugin, the ...

A few weeks ago I wrote an article all about mistakes that developers sometimes make when working with React component state. All of the examples I provided were using class components and the setStat...

Last year I started working with JavaScript as my main language. It was a fresh experience coming from C# and Java. But after a while I've got annoyed with Type errors, while Eslint helps to avoid typ...

Please give this post a , , or if it you learned something!This is a collection of JavaScript tips based on common areas of confusion and misunderstanding. I created this collection based on personal...

There are a lot of discussions about CSS vs. JavaScript and the battle is getting seriously once CSS is adding a bunch of amazing features and it's letting easier to do many things without JS.CSS and ...

Nullish coalescing operator is one of those features that look simple, but can be difficult to understand. This tutorial will help you learn about. It will explain what nullish coalescing operator is,...

How many new and unknown things were at the time when I started my career as a developer! And the technical side was more-less clear, but everything about processes, internal communication, behavioura...

Hello!Just want to share this project about generating template of your github contribution stats. Sample UsageJust copy paste this into your markdown content and replace the value of ...

For me, it's staying organized. I'm tracking my feature list on my Github project. Keeping the features relevant and up to date has helped me stay on track. Here's what my Github project looks like:Wh...

NextAuth.js is a library to easily and safely implement OAuth and email / passwordless authentication in Next.js apps. NextAuth.js v2 was released in June 2020, and currently v3 is under development. ...

Do you often find yourself shaking your head in disbelief, questioning all of humanity and feeling completely out of place while browsing through Twitter? If the answer is yes, here are some tips that...

Second part of how to measure covid-19 impact on Jitsi project with python and elasticsearch. This time, my colleagues (David, Gerardo) and I (Ana) built a web app with Python technology and Flask fra...

Disclaimer: Im writing about my experience with major OS (Windows 10, macOs High/Sierra, Ubuntu/Manjaro) using a Solid State Drive. It has a huge impact in term of speed and it could be different from...

I recently saw this post about putting dev.to on your resume, and I thought it was very helpful! I had put dev on my resume for some positions that were more specific to writing, but now I think I wil...

Yesterday, I released todocheck - a new kind of static code analyser for annotated TODOs.Way too often, we let leftover TODOs slip into our main branch, which leaves your coworkers puzzles, looking at...

Authentication and authorization are necessary for many of the applications we build. Maybe you've developed apps and implemented authentication and authorization in them possibly by importing a thir...

Originally posted on my website on July 18th 2020 Some techniques to strengthen your learning path.In this article i want to try and share some of the small "techniques" i found useful when learn...

It's not a secret, Git doesn't handle large files well:Indeed. The git architecture simply sucks for big objects. It was discussed somewhat during the early stages, but a lot of it really is pretty fu...

SOME BACKGROUNDRuby is "a dynamic, open-source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write," according to its ...

SOME BACKGROUNDRuby is "a dynamic, open-source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write," according to its ...

Learn how to setup Prometheus and Grafana to monitor your Kubernetes cluster.In general there are 3 ways to do the setup:Create all the configuration files yourself Using Prometheus Operator Using He...

Since you are reading this, you surely might have came across the same error as shown in the cover image.I'm not sure if other static site servers/platforms are all like that, but if you deploy SPA to...

It is an important need to collect and analyze logs formed in various clients and servers in a common place. For this need, rsyslog is a very efficient tool.I wanted to create this article because the...

In this video, we'll work on configuring ace with some options and getting the user input from Ace to execute in the chrome dev toolsFind the code for each video here in its own branch: https://github...

I kinda love this github new feature about readme profile files.So i decided to create profile views counter, but then it got me thinking why not to create profile readme generator?So in me weekends i...

In this Tutorial, we'll build Responsive Testimonial Cards Design using HTML and CSS only. This Project-based Tutorial is suitable for all especially Beginners. Concepts covered in this video:Semantic...

In this video, let's understand what is Docker and why we need docker?Follow onGithub: https://github.com/codingx01Twitter: https://twitter.com/TechParidaLinkedin: https://www.linkedin.com/company/cod...

Number.range() proposal for ECMAScript in currently on stage-1 and if it makes to stage-4(I strongly hope it will) one day we would be able to use Number.range() and BigInt.range in Javascript.Current...

In the last post, we looked at viewing and sorting of files.There are many times that we want to look at only a specific part of the file and even more times when just want to analyze the file content...

Hey Kubernetes practitioners, one of the questions that keeps coming up is how large teams are using Kubernetes? Do you use namespace as a ownership boundary in your teams? Do you share Kubernetes clu...

IntroductionIf you are new to python you heard something like PEP-8 which is called python style guide or PEP-20 The Zen Of python Or some guides named with PEP and a number. and at some point y...

Do you know the function Array.includes() of the JavaScript? This function was specified in ES7 and is capable of making a conditional much more readable.This function determines is the parameter is c...

Bundlers have been the standard in web development over recent years, but as your application grows in size, so too does the bundle times. This creates issues for developers and costs everyone preciou...

Taking a real world example to cover the basics of designing a distributed system.Let's say you got an idea of running a fast-food restaurant.You start by finding a perfect market place, hiring staff,...

Photo by Elena Kloppenburg on UnsplashWhen you talk about requirements in our industry, you are referring to the purpose of a particular piece of software as a whole or in part and are explicitly de...

Cleaning up our JavaScript code is easy with default parameters and property shorthands.In this article, well look at the best practices when designing functions. Design at the Function LevelWe g...

JavaScript is a very forgiving language. Its easy to write code that runs but has mistakes in it.In this article, well look at confusing arrows, assigning to const constants, and duplicate members. ...

I hate intros but we must have one Before 2015 javascript developers used to use var as the keyword to declare variables, and life was easy, but not calm With using var to declare variables developers...

I have to confess that I'm madly in love with emojis. They're cute, little digital beings that convey your emotions or meaning far better/deeper/shorter than words. Using them in git commit messages w...

Hello Coders,This article is a short introduction in Jinja2, a modern templating language used by Python programmers in frameworks like Flask, Bottle, optionally in Django from 1.8 version.For those a...

In today's article I wanted to share a little twist that I like to include on some of my websites to enhance the overall user experience - adding subtle animations on page load.I think this really add...

I need to perform a search when the user stops typing. But with React I can't find how it works!It's a common use-case to want to perform a search after the user stops typing. This way the user doesn'...

create-react-app (CRA) is probably the most common way to build, develop, and deploy React apps. A couple of weeks ago, I was working on a chrome extension. I wanted to use CRA to do it, but CRA only ...

Cypress is a great way of testing your frontend application with end to end tests and it is so nice to work with. Writing the tests and making sure they get ran on each build is really important too. ...

1. Life-Saving git tipsWe have two branches (dev and master) and one file in both branches with one commit for implementation of below scenarios git inittouch file.txtwrite something like- these...

More and more, we, web developers need to learn about different areas to become better professionals and less dependent on others for simple things.If you start a career as FE, you might see a lot of ...

AlexNet Architecture (Split into two GPUs)AlexNet was introduced in the paper, titled ImageNet Classification with Deep Convolutional Networks, by Alex Krizhevsky, Ilya Sutskever, Geoffrey E. Hinton a...

In todays, in the past and probably in the future world the time is more valuable than money, and the right time waits for no one. Hence, we have to make the most out of it to succeed in life.Time is...

Whether youve been working with React for years or are just starting, having a useful mental model is, in my opinion, the fastest way to feel confident working with it.By having a good mental model yo...

If you are caught in the README hype, like me, then these are some badges that you can use.Remember to replace USER and REPOSITORY with your GitHub name and repository. Shields.io Visitor St...

Last week, I wrote a post on DEV asking for advice on my resume. I had been sending out lots of job applications, but having a hard time even getting an interview. So I figured I must be missing the...

Everyone knows regex is most powerful feature of JavaScript but at the same time it can give hard time to even experienced developers. Reading your regex after few months sometime become too difficult...

Its with extreme excitement, happiness and relief that I can now say, introducing Reactive Resume v2.With nearly 1.7k stars on GitHub, around 100 closed issues and feature requests, I heard you loud a...

Hi dev community - I have not yet posted a #discuss type question here, so apologies in advance if this is too common of a question/too long. I know the market is saturated with coding bootcamp grads,...

ExordiumThis post comes from my 2.5-year experience in the Tutorial Trap. This is an experience where new programmers continuously complete tutorial after tutorial, but never break out of their ...

Constructor brackets are optionalconst newDate = new Date(); // validconst myClass = new MyClass(); // validconst anotherDate = new Date; // Also validconst myClass = new MyClass; // You bet thi...

As promised in my last post on recursion, which I recommend reading before this article as we will be using it a lot in my examples, I want to take a closer look at the tree data structure in this art...

So, typically I try to write pretty long, in-depth articles and tutorials. This week I do not have the energy, so we're doing a quick tutorial on how I created a rainbow hover effect for the links in ...

So, typically I try to write pretty long, in-depth articles and tutorials. This week I do not have the energy, so we're doing a quick tutorial on how I created a rainbow hover effect for the links in ...

I've been a long time VueJS fan and still think it's a great framework with a lot of potential. It was the first JS framework I learned and will always have a special place in my heart. In fact, when ...

I've been a long time VueJS fan and still think it's a great framework with a lot of potential. It was the first JS framework I learned and will always have a special place in my heart. In fact, when ...

What is Virtual Assistant?Definition: An intelligent virtual assistant (IVA) or intelligent personal assistant (IPA) is a software agent that can perform tasks or services for an individual base...

In the pilot episode of DevDiscuss (DEV's first original podcast), @ben and @jess joined @penelope_zone for an important conversation about a major problem in our industry: deadnaming, or the intentio...

In the pilot episode of DevDiscuss (DEV's first original podcast), @ben and @jess joined @penelope_zone for an important conversation about a major problem in our industry: deadnaming, or the intentio...

Svelte is truly a new and revolutionary approach to web development! It does an amazing job of automating your app's reactivity.This article is focused on uncovering some "behind the scene" detail of...

Svelte is truly a new and revolutionary approach to web development! It does an amazing job of automating your app's reactivity.This article is focused on uncovering some "behind the scene" detail of...

This article was originally published at http://codeperfectplus.herokuapp.com/build-your-first-python-chatbot-in-5-minutesIn the age of AI, chatbots are getting popular day by day. It's industrys newe...

This article was originally published at http://codeperfectplus.herokuapp.com/build-your-first-python-chatbot-in-5-minutesIn the age of AI, chatbots are getting popular day by day. It's industrys newe...

This article was originally published at http://codeperfectplus.herokuapp.com/build-your-first-python-chatbot-in-5-minutesIn the age of AI, chatbots are getting popular day by day. It's industrys newe...

Looking back on your week -- what was something you're proud of?All wins count -- big or small Examples of 'wins' include:Getting a promotion!Starting a new projectFixing a tricky bugCleaning your hou...

Looking back on your week -- what was something you're proud of?All wins count -- big or small Examples of 'wins' include:Getting a promotion!Starting a new projectFixing a tricky bugCleaning your hou...

DISCLAIMER: The term low-end is subjective, this is intended to help anyone with a less than powerful pc.For the past few months I've been using a laptop with 4 GB RAM for working, learning and just a...

DISCLAIMER: The term low-end is subjective, this is intended to help anyone with a less than powerful pc.For the past few months I've been using a laptop with 4 GB RAM for working, learning and just a...

Git hooks allow us to run custom scripts whenever certain important events occur in the git repository such as commit, push, merge. Basically git hooks are stored in the .git/hook directory of your lo...

Git hooks allow us to run custom scripts whenever certain important events occur in the git repository such as commit, push, merge. Basically git hooks are stored in the .git/hook directory of your lo...

This challenge is intended for Javascript, but you can complete it with any language you like and can.Most of us will know the FizzBuzz game/exercise and probably have done it many times. It should be...

This challenge is intended for Javascript, but you can complete it with any language you like and can.Most of us will know the FizzBuzz game/exercise and probably have done it many times. It should be...

This post was originally published on July 17, 2020 on my blog.Happy Friday to all who celebrate it! Despite it being a very short week, I feel like I've gotten a good number of things accomplished, w...

This post was originally published on July 17, 2020 on my blog.Happy Friday to all who celebrate it! Despite it being a very short week, I feel like I've gotten a good number of things accomplished, w...

I think as developers using ES modules we have all got to a point where import paths start to become ugly and unmaintainable - especially in large codebases.With a couple of lines added to your tsconf...

I think as developers using ES modules we have all got to a point where import paths start to become ugly and unmaintainable - especially in large codebases.With a couple of lines added to your tsconf...

Python is an interpreted, high-level, powerful general-purpose programming language. You may ask, Pythons a snake right? and Why is this programming language named after it? Well, you are in the right...

Python is an interpreted, high-level, powerful general-purpose programming language. You may ask, Pythons a snake right? and Why is this programming language named after it? Well, you are in the right...

Web accessibility has quite a few moving parts and some of them are: user agents (software created by people to access the web content like, desktop, mobile and voice browsers, plug-ins, multimedia pl...

This article is for you that is either completely new to ASP .NET Core or is currently storing your secrets in config files that you may or may not check in by mistake. Keep secrets separate, store th...

Current Challenges of NetworkingAs the world is transitioning to a digital forefront, networking events must become more and more creative. As a rising senior in college, networking is essential...

We learned about while loops in the previous blog post. Loops allow us to repeat the same action multiple times.The key difference between a while and a do-while loop is that the former evaluates the ...

The grid system is arguably the most valuable layout tool for building websites. Without it, responsive layouts would be, well, NOT responsive.I use React a lot, so I decided to create a grid system t...

Cover photo credit: Docker 101: Introduction to Docker webinar recap by Jenny Fong What are Docker Containers?Each Docker Container is essentially an isolated software-defined environment. Contai...

Serverless is a dream. To be truly serverless there must be a perfect boundary between all the technical concerns that matter to your business and all the arbitrary, fiddly, un-fun platform hosting wo...

SnakeEverybody loves Snake. Although the original concept of the game dates back to 1976, this classic game won many hearts when it came preloaded on Nokia phones since 1998. I have many fond ch...

Originally published on Failure is Inevitable. What is alert fatigue, and why should I care?Alert fatigue, or pager fatigue, is something that can drastically reduce even the most seasoned teams ...

Originally published at https://www.wisdomgeek.com on July 15, 2020.Once you get a grasp of what GraphQL is, and why it is important, you also realize that it is a different design process. And before...

Visual Studio Code, has a whole lot of extensions, they come with a kind of Extension-store (just like App store for your apps) called Market Place. There are extensions for debugging code, formatting...

In a previous article, I wrote about how you could add a visitor counter to your GitHub profile with a little node/express app. The article suggested that if you wanted to add a counter to your GitHub...

Cloud Firestore is a blazing-fast, serverless NoSQL database, perfect forpowering web and mobile apps of any size. Grab the complete guide to learning Firestore, created to show you how to use Firesto...

IntroductionThanks to Jack Domleo (@jackdomleo7) for asking the question on twitter which triggered a lot of discussions and debates. I thought, hey, this needs to definitely be shared as an art...

Did you know you can send information between open browser tabs using JavaScript?Let's say your user is viewing your site with multiple tabs and something happens one tab which you want to react to on...

React is an incredibly popular JavaScript framework with over 150,000 stars and used by more than 3.5 million other repositories on Github.Sometimes the best way to understand something is to build y...

There are some big tips out there that will teach you the core fundamentals (mostly technical) to withstand, as a junior developer, the first times at a company. This post, however, focuses on traits ...

People talk about "reinventing the wheel" as if it's some sort of curse. It's true: in this day and age, tons of libraries are already available for your picking. These libraries have a lot of people ...

This cheat sheet tries to provide a basic reference for beginner and advanced developers, lower the entry barrier for newcomers, and help veterans refresh the old tricks. Full Python Cheat Sheet. ...

*** Working demo on CodePen.io.Flip cards can be created using just HTML & CSS.They can be used in a number of ways to display more information to a user on hover.In this example well create a fli...

Marquee strives to make working inside VS Code more productive . Thanks to VS Code's lightweight nature, devs love to open multiple windows for projects, repo, and workspaces. Running multiple VS Code...

If you've been following me for a while, you know that I had been searching for a job for quite some time, 444 days to be exact. Thankfully, I have some fantastic news to share with y'all. I started w...

It is currently summer vacation for me and I will be working on side projects. For my summer projects, I will use ReactJS for every front-end I create. I created a boilerplate repository that I can re...

Onions are a delicious vegetable and are a core ingredient in cuisines around the world. Perhaps then you are wondering, why are we discussing them in the context of software engineering? First introd...

The world of web development and design is rapidly growing. Whether you're establishing a professional online presence, showcasing a design portfolio, or recording your everyday life, creating a websi...

If you are interested in reading this article in Spanish , check out my blog:The Developer's DungeonFor many years I believed that the only thing that constituted being a professional was being paid f...

Hello there. Welcome back to my series on practical functional programming in JavaScript. Today we'll go over techniques for composing data, that is best practices that make life easy when working wit...

Recently, the HarperDB team invited the folks behind AlaSQL, a popular client-side in-memory SQL database, to a virtual Q&A. It was interesting to learn more about AlaSQL and how HarperDB uses Ala...

There has been a constant request on giving a roadmap on becoming a DevOps Engineer and of course the required skills that you need to master to become a DevOps Engineer.In this article, I am going to...

What guidance exists for writing technical documentation? What are some of your favorite examples for easy to understand documentation when tackling a new framework, language, or library?...

How much do you rate my website on a scale of 1-10 and why?https://harshvats.vercel.appDon't count my picture plz....

Here's a Code Recipe to check if an object is empty or not. For newer browsers, you can use plain vanilla JS and use the new "Object.keys" But for older browser support, you can install the Lodash li...

Its worth being said that it wasnt my intention to move to TypeScript instead of vanilla JS. It just happened that we decided to move our production-ready project to Angular 4, which, as all of you kn...

IntroCover photo by Annie Spratt on UnsplashSelf-learning is the skill that changes people's futures. Sounds shocking, I know.But jokes aside, being able to consistently and rigorously learn a s...

It's not that uncommon for folks to move into other careers after working as a developer. It can be a demanding job and the pace of change can be hard to keep up with.While there is plenty of space to...

Having looked at linear and logistic regression, we will look at how these algorithms "learn". Loss Functions:For a machine algorithm to learn, it needs some way of evaluating its performance. Th...

Managing forms in React can easily become painful as your app scales. It could probably be due to the unorganised approach you followed while starting a project or writing the same boilerplate in ever...

React is one of the most popular Front-End JavaScript frameworks. Developed by Facebook in 2013, it is actively maintained as an open-source project and has made building complex user interfaces easie...

Depth First Traversal in Binary TreesHello!In an effort to teach myself fundamentals that I might have missed in my rudimentary yet effective bootcamp experience, I'm going to cover some basics in a s...

What is accessibility and what is the impact it has on disabled people when they're trying to use the web?Accessibility refers to the design of products, devices, services, or environments for people ...

Have you been writing CSS and you had to use media queries just so your website could look good across all devices? Well, the good news is, you don't always need media queries.This series would be foc...

Hello everyone. This is my very first article on VueJs. I've been learning Vue for a while now and honestly it has been a bitter-sweet experience for me. I hear people say Vue is easy, yea, it is inde...

This article first appeared on the Triplebyte blog and was written by Joseph Pacheco. Joseph is a software engineer who has conducted over 1,400 technical interviews for everything from backend, to mo...

I recreated MySpace on my GitHub profile thanks to the new GitHub Profile README feature and I am now going to share the quick details on how you can too. New Profile README Feature who dis?GitHu...

The goal of this challenge is to decompose n! (factorial n) into its prime factors. The function decomp(n) should return the decomposition of n! into its prime factors in increasing order of the prime...

Take a minute and create a basic search bar. I mean really. Standard. Just an input and a button, maybe nest them inside a div if you're feeling generous. This search bar needs data to filter through ...

We're excited to tell you that Cotter now generates access tokens and refresh tokens on authentication. Let's first go over the concepts of OAuth 2.0 and the tokens before we jump in on how to use it....

Useful Tools and FrameworksESLint - Pluggable JavaScript linterJest Delightful JavaScript Testing React Testing Library Testing LibraryMocha - the fun, simple, flexible JavaScript test frameworkCha...

I think bots are neat. I really like the artwork on Pokmon trading cards. So I built a Twitter bot that tweets out two Pokmon cards every six hours in Pokmon in-game battle style.You can check out the...

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

I started live streaming a couple of months ago. I've Started to Live Code on Twitch for DEV Nick Taylor (he/him) Apr 1 2 min read #twitch #str...

There are now 20 fully deployable serverless architecture patterns at cdkpatterns.com, all built with AWS CDK TypeScript/Python and all including the vanilla CloudFormation Template.This seemed like a...

How do you spot over-engineering as it is happening, how do you communicate around this issue?...

If you have these qualities, you may be a future... Ui/Ux Designer You're interested in how to improve things for others.You're open to different ways of looking at the world.You see improvements...

It's super easy to include a dark theme for your existing websites using CSS. In this tutorial, we're going to do this by taking advantage of CSS Variables.We're going to have 3 different options for ...

This is the eighteenth post in a series examining modern CSS solutions to problems I've been solving over the last 13+ years of being a frontend developer. Visit ModernCSS.dev to view the whole series...

Every morning I have to open, resize and and reposition all applications I need to work, so I thought: What if I only had to press a keyboard shortcut that could do that for me...To make this happen I...

You don't need a server to host your comment system, you can easily host Kucos on Vercel and database on Mongo Atlas where 500mb is for free (for comments it is a lot space :)).Kucos is focused on com...

In this blog we will be going through what is caching, what is http caching and an overview of some http caching technologies out there for us to use. What is Caching?Caching reduces time and r...

The cover photo is a screenshot of a Troy Skyline by Jordi Ru created with HTML and CSS. You'll find the code in an embedded codepen in this article. IntroductionCSS is the language that sits at ...

Hey guys! been a long time since I wrote an Article on Dev!for the last few months I have been trying to develop using Typescript and host my own apps. Since Glitch.me decided to ban pinging services ...

Object caches go a long way in helping us secure the benefits caching delivers to the scalability and user experience of our web applications. Object caches are built on key-value stores, a simple typ...

When things broke, Molly explained, youre mad scramblingjumping from website to website to website, trying to put the pieces together. Molly was able to use Honeycomb to fix things up: It makes my job...

What is JAMstack?Lets talk about an approach to building applications that may be more frontend developer-friendly. JAMstack is a concept or approach for building out applications if you want to...

Gradle builds dont maintain themselves. They require proper care and feeding (nutritious food rather than the chips and soda most of us give them), else they will get way out of hand, demanding ever m...

If you wonder whether to invest some time into learning programming, or you already code, but feel stuck or lack motivation - this article is for you. Why should you learn to code? Ive come up with a ...

Note: the pretty header photo is from Romain Guy.Yesterday I had an idea: Py @piwai Anyone interested in a blog seri...

Yesterday i came upon a really cool looking effect on a website and tried to reproduce the effect for a new web app i was developing. It had a transparent container create a filter backdrop on the bac...

React Hooks are a simpler way to encapsulate stateful behavior and side effects in functional components instead of classes. Some hooks are easier to understand than others, therefore this series of p...

I was creating My GitHub Static Page and when I wrote my username, I got message that imdhruv99 is special type of repository.Its README.md will appear on your public profile!. So, I thought let's che...

Source Code on GitHub | Original Article on my Blog | Follow me on Twitter: @LifeLongThinkerThe Strategy Pattern is one of those design patterns that are remarkably simple in style yet efficient in fu...

The reason Im writing this article is to share with you my early experience as a jr. web developer into a full job. It is but a mere experience of almost one year and a half developer, not a rule that...

One of the common mindsets of people who want to become freelance web developers is they just have to be so good at coding and the rest will follow. WRONG.If youre serious about being successful, this...

Over the last weeks, our team successfully has taken on the challenge to develop a simple and yet effective Content Moderation Service. The end goal is to help app creators keep their projects safe fo...

Hey everyone!Could you please suggest me some websites where I can find illustrations to add in my website? ...

Hello, users! How are you doing? I wish you, friends, family and close ones are healthy and well.We've been through challenging times, but I'm pretty convinced we all will go on and keep encouraging e...

Here are some commands to help me with my work.And what are your useful commands that you use? Searching for files and folders with the given namegrep -i -n -r 'Search string' /var/www/path/Shows how ...

Quite some time has passed since we have introduced hooks in the codebase of our projects. Because of them, it has made the code reusable, cleaner, more readable and more satisfying write. They presen...

I've been in the industry for a while now and have had the fortune to talk with many people at different companies, in different roles, different regions of the world, and to even have backroom conver...

If you've ever done anything like run your websites through Lighthouse or any page speed insights tool you might be disappointed to realize that it's slow. Like... really slow.One of the major drawbac...

Could be very well known or obscure - I would actually like to hear about some resources which are not very main stream.Image source: Christina Morillo/ @divinetechygirl on pexels...

IntroductionFreelancing is a great way to make a living as a developer, you have more freedom, and its easier to work remotely. However with little to none professional experience it might be hard to...

HTML does have some strange code sometimes. Let's look at the 3 most uncommon tags that are rarely used and what their purpose is.1. var tagAs far as its usage goes, its meant to simply denote to a br...

We work a lot with Kubernetes and when you're working with Secrets it can be a total pain to edit them. A standard workflow can be something like.# Grab the existing secretkubectl get secret some-secr...

This post was originally published to my personal blog. You can find it here.I had to admit it: I had a productivity problem. It was not like it was ruining my whole life, I still got all my work done...

If youre intermediate beginner web developer, you have probably run into the wall. The basic tutorials are too easy now. But its hard to figure out what to code.You are probably looking for project id...

This post offers a brief introduction to how Java executes a code written in Java Language under the hood.Here is the list that I am going to explore,1. Java Compiler2. JVM Java Compiler Is ...

Github just launched READMEs for your Github profile. This is pretty powerful. Since you can add any Markdown to a README, you can now add images, links, and all sorts of other content to your profile...

There's a lot of options cheap or even free in the market to deploy our projects. One of these and my favorite is the Firebase Hosting, a service of Google.This is my first post written in English. I'...

As COVID progresses and cases surge, what is your current and future work environment? Will you be going back to work in an office, staying remote, or trying a mix/hybrid? No matter what you do for a ...

This post published on my blog beforeHi everyone! In this post, I'll talk about Rust programming language. IntroductionThe Rust programming language helps you write faster, more reliable software...

Hello, welcome back to the 7th edition of the series can python do that.Today we will look through python libraries what will help in monitoring your code Libraries we over today areSentryDatadogRoll...

I have the impression new things emerge on a very regular basis and it's hard to keep up.Currently I'm learning Docker and Kubernetes. Then I want to dive into kafka. And the things I already know als...

Github recently relased profile features and it is look awesome. We have collected the all awesome profile templates and listed out in this repo https://github.com/elangosundar/awesome-README-template...

Hi Guys Good Day!TypeScript is still booming, take a look at this survey StackOverflow. A lot of people are using it right now and will so for the next couple of years because of the rise of Den...

In this tutorial, we'll learn how we can create a Next.js project and integrate it with GraphCMS. IntroductionGraphCMS's mission is to remove traditional content management pain points by using t...

What are closures?I consider closures in JavaScript as an advanced topic. It is one of the topics that gets asked in interviews a lot.Understanding closures would be more comfortable if you have...

I went over setting up a basic project with Webpack in this post, so here I'm going to just focus on how to take your React Project and upgrade it to use Webpack and Babel.In case you forgot, Webpack ...

I recently tweeted something off the cuff that seemed to hit a note with some people JTK @heyjtk Can I just say...

What is hoisting?Hoisting in JavaScript allows you to access variables and functions before they are created. Function Hoistingconsole.log(helloWorld()); // Hello Worldconsole.log(multiplyN...

This post published on my blog beforeHi everyone.Today I'll talk about RethinkDB.It's an open-source solution for a realtime database. Whats is RethinkDBRethinkDB is a database that is document-o...

Whenever I start a new web design project there are a few tools and resources I repeatedly use for my design process. They work all the time and help greatly ease the workflow and generally make it ea...

Situation:Whenever we need to delete an element from an array based on index or certain condition, we can use following 5 ways.[1] Array pop() method:-This removes the last element from original array...

This past week I had an opportunity to browse through a company's coding guideline, some of which I found very useful not only in collaborative settings but also in developing personal projects.Here a...

Scope in JavaScript defines where a declared variable or function is available. Depending on where the declaration happened, a variable or a function may be available to individual code blocks in Java...

Creating a Todo App is always a good idea for anyone who started learning new web technologies and want to practice with building something because it's kinda a simplest CRUD app.I've been making a To...

Having a good design taste is essential; not gonna say why though. To many designs comes off as talent rather than skill. Truth is, artistic ability is achievable through practices.[Research approves]...

You are given two strings s and t. Both strings have length n and consist of lowercase letters.You can swap any two adjacent characters of s any number of times. Output the minimum number of moves to ...

GitHub recently released a feature that allows users to create a profile-level README to display prominently on their GitHub profile. This article walksthrough how to access this new feature. I'll als...

Beginning development in React can be fun and trivial, however your codebase could quuickly get messy, verbose and unreadable unless some careful toughts are put into the development process. Writing ...

Here is a brief overview of what happens when you type in a URL in a address bar in a browser......

Facebook recently announced a new state management library for React called Recoil. Even though its still at an early, experimental phase it has received a lot of hype with 8000+ stars on Github.With ...

This special episode is about a new project that will give you a chance to flex your modern CSS skills.Dear CSS community:I invite you to participate in a new project where you have the opportunity to...

"I am sorry, I didn't catch that. Please try again."There is nothing more frustrating than talking to a chatbot that does not know how to help you. You find yourself repeating "let me talk to a human"...

Looking back on your week -- what was something you're proud of?All wins count -- big or small Examples of 'wins' include:Getting a promotion!Starting a new projectFixing a tricky bugCleaning your hou...

If you want to flatten an array that has sub-arrays, these two methods are helpful. They were introduced in the ES2019 standard. There was a bit of a controversy with the initial name flatten. Sometim...

I've been thinking about this a lot. Some days more that others but the questions I ask myself are "What does it mean to 'make an impact'?", "How do I know whether I've made 'enough' impact?", "What i...

After seeing many succesful attempts of training a neural network model to write scripts for movies, make videos, I was super excited to make my own. As I already have a fair amount of programming kno...

Intro I take interesting katas of all levels and explain how to solve them.Problem solving is an important skill, for your career and your life in general.You'd better learn to solve problems! ...

Hello coders,This article presents a short-list with iconic admin dashboards, free, open-source, and actively supported by their vendors and/or by a significant open-source community.Dashboards short-...

So, show me your website/portfolio and tell me what technologies do you use and why?Here is mine https://thedev.skIt uses Preact and Typescript, Bundled by Parcel, everything is prerendered and hosted...

Virtual DOMThe vDOM is an in-memory JavaScript representation of the DOM. Just as the DOM is built of nodes, the vDOM is built of virtual nodes (vNodes).vNodes can be broadly categorized into tw...

Hey guys! i hope you are doing well. Yesterday after seeing that lot of people on twitter are creating their Github profile Readmes i thought i should do something cool & unique, so i created this...

I am trying to build a community and gain contributors for the open source project:didi.landStabilizing this repository has been tricky for a mind maker upper, there are lots of moving parts, but I ha...

If you read this post, chances that you are a software developer who is seeking financial advice for smart money-saving or investment or early retirement. Orange Book ...

It's that time of the week again.So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.Feel free to comment with what you learnt and/or reference your TIL po...

Sometimes we need to process data on the front end, perhaps we are using an offline system or accessing local data. When that data gets large it can easily cause the UI to glitch. A few days ago I w...

What is GomojiiWell, it all came down to this, my final Flatiron School project. My project is named Gomojii, an emoji themed application that will contain multiple widgets that will also be emoji the...

In this article, we're going to learn how to "Integrate A Rich Text Editor" in your react.Js project using TinyMCE.Before we begin, let's do a quick summary of what a "Rich Text Editor" also commonly ...

This is a list of websites that makes you CSS more fun, easy and maybe solve many of your CSS problems. 1. Pixel artYou probably also love to use pixel art with your website. I can say 90% of you...

Is been around 5 years since GraphQL has been released by the Facebook team, back in 2015. Since then GraphQL just has a raise in popularity. Besides Facebook, companies like Airbnb, Netflix, Coursera...

Here's a quick intro of what I builtNgrok is a fantastic tool that helps developers to expose their localhost to the Internet with minimal effort. One day I was going to share a local project with a c...

This is an entry-level algorithm to get you warmed up for tough interviews like those you get in Amazon, Google, Toptal, and top remote work sites. It'll get you exposed to a real-life problem with ti...

Progressive Web Apps (PWAs) could be the next big thing for modern mobile app development. This powerful tool combines the capabilities of a native app and the reach of a web application. They use mod...

I have installed Ubuntu and I had been trying a lot and testing everything to make my system as beautiful as possible.so let's Customize ( ) Tweaks :The first step is to make sure that we have th...

I have installed Ubuntu and I had been trying a lot and testing everything to make my system as beautiful as possible.so let's Customize ( ) Tweaks :The first step is to make sure that we have th...

This post was originally published at codepulse.blog on July 9, 2020.If you are using VS Code to write Javascript or React code, keep reading!VS Code is my favourite code editor and I use it mostly to...

IntroductionThis tutorial is a step by step walk-through on how to set up an AWS account. To use any of the services available on AWS you must first create an account. With an account you will h...

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.@kailyons shared some reassuring...

For me, even though I already have experienced remotely work, it's still difficult to maintain the mental health in this hard times.In this period of quarantine I'm dealing with a anxiety and wasting ...

One of the most important tools for a programmer is the Operating System, it runs your whole device and it's important to choose the one that suits you the best!In this post, I'll be sharing why Linux...

Braking distance d1 is the distance a vehicle will go from the point when it brakes to when it comes to a complete stop. It depends on the original speed v and on the coefficient of friction mu betwee...

Disclaimer:Built this project after taking inspiration from a lot of projects that I saw on youtube based on COVID19. I'm glad I completed this project. Even though I did not know all the tech u...

Hello fellow geeks! In this article I want to talk about something that I don't think is addressed enough - the serious problem with imposter syndrome in this industry.Imposter syndrome is horrible. Y...

This tutorial was originally published at https://www.devaradise.com/react-infinite-scroll-tutorialInfinite scroll is a modern web & application design concept that loads content continuously as t...

A new feature arrived on GitHub today. You can finally add a README to your GitHub profile.This is how it works:Create a repo with your github username (e.g. https://github.com/natterstefan/natterstef...

Every Machine Learning Engineer should know about these common Loss functions in Machine Learning and when to use them. In mathematical optimization and decision theory, a loss function or ...

Hi! My name is Ryan. I'm currently employed but actively looking to move into software. I have been rejected for quite a few positions so far, which feels bad, but I'm not giving up. If you're som...

Its an exciting time to learn anything, especially Python. There are several Python resources available online including books, video tutorials and courses. If one wants to learn Python the traditiona...

When GitHub introduced GitHub Actions, it opened up a whole new set of opportunities for developers to empower their projects.With the power of GitHub Actions, you can run a whole suite of actions to ...

This August I will be participating as a trainer at a major Angular conference, https://ngconf.co/. I am super excited about and was already putting the lessons together to spread all the knowledge I ...

I'll explain how install and configure Tailwind CSS / Emotion and twin.macro in a Single Project of React to improve the way we use styles in our projects. Setting up our ProjectThe first step, i...

Share stories about the most remarkable bug you have ever had to fix.Could be a really silly one, a very tough one, one that almost cost you your job, one that had incredible ripple effects, one that ...

Currying is a process in functional programming in which we can transform a function with multiple arguments into a sequence of nesting functions. It returns a new function that expects the next argum...

Django 3.1 will be released in early August 2020 and comes a number of major new features and many minor improvements including asychnronous views and middleware support, asynchronous tests, JSONField...

In this blog post I show how to transform a traditional function into a so-called 'arrow function'. I start with functions with two arguments, then cover no arguments and finally, one argument. T...

Here is my take on 7 things to grow in your software development career beyond getting better at the tech. 1. Learning to estimate and planA way to leverage more value from yourself is to lead ot...

Since its very beginning, DevOps movement has been a pretty vast topic, with many followers worldwide. Considering constant iterations and creation of new software, it becomes clear that to succeed in...

Say hi to the first Vue tidbit Its about time I start covering Vue in my code tidbits, right Use the new named slot shorthand with "#". This is available now in Vue 2.6.0+ <!-- Old --><templ...

In this tutorial, we'll build an iOS app where students and teachers can interact in a virtual classroom using Stream Chat, to deliver fully featured chat components, and Dolby.io, to provide quality ...

Follow me on Twitter, happy to take your suggestions on topics or improvements /ChrisTLDR; this is not a critique against JavaScript, it's just acknowledging the fact that it differs a bit from OO lan...

This post was originally published on my blog.More and more people are getting involved with open source. Some would like to contribute code, other improve documentation, third test new features and r...

You probably know the "like" system from Facebook and other pages. People can "like" blog posts, pictures or other items. We want to create the text that should be displayed next to such an item.Imple...

Here's a simple calculator built using HTML, CSS and obviously, JavaScript.This calculator also has dark mode which looks really good. And here's how you can do that:Here's the markup:<!DOCTYPE htm...

When we see a new message on Slack, some of us have the urge to reply immediately even though we haven't thought of the full answer. That's fine and natural, and why Slack is great for conversations, ...

Continuously working from home made me realize Im working more than ever before. I noticed I take fewer breaks for example. What do you do to protect yourself from burning out? Share some tips....

At Bearer, we are a polyglot engineering team. Both in spoken languages and programming languages. Our stack is made up of services written in Node.js, Ruby, Elixir, and a handful of others in additio...

If you prefer watching a video, here is the Youtube version of this articleThis article is about: When is the state updatedThe update queue and lazy computationBatchinguseState vs. useReducerPerforma...

Understanding Cloud technologies, like Kubernetes, can be difficult or time-consuming. In order to spread knowledges about it, I started to create sketchnotes about Kubernetes and know it's time to ta...

Because not everyone signs up to my newsletter.Here's a roundup of some of the CodePens I made in June Scroll that triggerScroll to fire a gun! Once upon a timeScroll to tell a story. ...

Hey guys! I've completed my first tutorial on PHP and Laravel. I this tutotial, we'll go through the basics of the Laravel framework by building a simple blogging system. Note that this tutorial is on...

To understand recursion, one must first understand recursion - UnknownRecursion is a method of solving problems where you solve smaller portions of the problem until you solve the original, larger pro...

All names are fictional and any similarities to any person, living or dead, are purely coincidental, profile pictures are from Unsplash.You can read the original version hereLooks like some offices wi...

Intermediate level articleThere are different approaches regarding the best ways to learn something new, and one of them is by doing. I agree with that approach, as long as the basics are already clea...

In order to solve tough software problems we often start with best practices for architectural patterns. Today, that means adopting a serverless approach that handles a lot of scalability and high ava...

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

Getting your website deployed is probably the first thing you want to do and with these 5 sites, you can do it in just minutes. Table of Contents - The order is alphabeticalFirebaseNetlifyRender...

Kubernetes (K8s) is an open-source system for automating deployment, scaling, and management of containerized applications. It groups containers that make up an application into logical units for easy...

ProblemCheck the current build version to be sure that everything is up-to-date. Ideally in some unnoticeable for user place on the page (if you have any reasons not to use console in this case)...

The importance of testing in modern software development is really hard to overstate. Delivering a successful product is not something you do once and forget about but is rather a continuous recurring...

Warning: Potentially controversial opinions ahead! Turn back now if Gatsby is your lord and savior, and you serve to protect the React dogma.So I just finished building my shiny new personal site I ...

You are going to be given an array of integers. Your job is to take that array and find an index N where the sum of the integers to the left of N is equal to the sum of the integers to the right of N....

Hello allIn this article, I am going to tell you guys why Firefox is the best browser for web-developers to date in deep. Contents of ArticleBasic Intro Benefits and Features of FirefoxHow I cont...

There's a cool new feature in Chrome. It's in the "experimental" features so it's still in development. Steps to activate it you: Open the dev tools - Command+Option+I on Mac & Control+Shift+I on ...

Laptop user here, looking for solid keyboard options to upgrade.What keyboard do you use and why did you choose the particular model?...

The scripting language is a language where instructions are provided for a run time environment. Scripting languages are an integral part of the engineering teams in enterprises. They are often used i...

Recently, I had come across a bug that needed auto-refresh after a certain point of time. And setTimeout() had been used to count down to the time and reload the page. Little did I know that setTimeou...

This is a topic for all those who are wondering how hard it is to make that big step of changing profession and entering this exciting world of programming languages and endless lines of code. This is...

React uses the most recent version of javascript. If someone already knows this, they should skip this part. let and constIn ES6 (ECMAScript-6), two new ways of creating variable were created in...

This article was originally posted on my blog. Head over to inspiredwebdev.com for more articles and tutorials. Check out my JavaScript course on Educative to learn everything from ES6 to ES2019.Array...

Change my mind: CSS is hard. In fact, I preach day in and day out that scalable CSS is one of the more difficult concepts to grasp effectively. Here are 7 tips to help you scale and manage CSS and its...

As a software developer, we all must have heard about state machines at some point in time. A finite state machine is pretty famous in designing algorithms like calculating the output on the basis of ...

Redux was a revolutionary technology in the React ecosystem. It enabled us to have a global store with immutable data and fixed the issue of prop-drilling in our component tree. For sharing immutab...

When creating a design system, it's often useful to break things up in to smaller, separate modules (or packages). When you decide to deliver each component separately, or utility modules alongside yo...

YouTube | Twitter | InstagramHey geeks! Today we're going to be talking about the command line. If you're on dev.to, chances are you're familiar with the command line and this article may not be super...

One advice I already gave myself (after half an hour into the tutorial) is "stop comparing it to React". Maybe you also have one - or maybe you can share a must use resource that will make learning ea...

It's nice to be able to make user interfaces that require the least number of clicks for the user to achieve their goal. For instance, we might want to search a list as we type. The challenge is thou...

Follow me on Twitter, happy to take your suggestions on topics or improvements /ChrisWhat does the word composition mean? Let's start with the verb to compose. Looking up a dictionary you find a lot o...

"CSS is beautiful but hard".Most developers can agree on that statement. In fact many backend developers left the frontend because of the difficulty it posed. CSS Animation is one of the most difficul...

...

Motivation is the secret engine that keeps us going every day. While it's hard to stay motivated all the time, it's important to know a few things that should be avoided, to preserve it. What I t...

Saving a user's changes automatically improves user-experience by preventing data loss. Let's see how we can implement autosave behaviors with Angular. Autosave vs. CachingI'm referring to autosa...

I work as a Software Engineer at Endtest.In this article, I will show you how easy it is to use Computer Vision.The term itself sounds intimidating, it might make you think that you need a PhD in Mach...

I've build a Ascii Text Shader with a single text element and no canvas or glsl on CodePen....

The phrase - "mutation" started to have almost negative connotation in our programming community. It's like something wrong to mutate. As if we mutate we are not writing our beloved functional code an...

...

In this story, I would like to explore with you the cost of solving various tasks and problems.More specifically, lets explore how the cost of solving a problem grows with respect to the size of...

It happened again yesterday.I was completely focused on some code when my manager jumped out of nowhere and started shouting: "The cyclomatic complexity is fine and the coupling between packages is ac...

In the last few posts, we looked at I/O Redirection and Piping in Linux System.Today we are going to look at commands that help us in viewing and sorting files.Let's start from the command that we hav...

IntroductionHi devs especially junior devs! For the past 5 months I've been super focused on writing a technical interview guide for juniors who want to break into the web-development industry. ...

What's your most valuable tech purchase, considering durability, longevity, quality and price? For me it would be Logitech Wireless Mouse M195. I bought it like a decade ago, never failed me, been dro...

I have a kind of love-hate relationship with JavaScript. Nonetheless, it has always intrigued me. I have been working on it for the last 3 years now, watching all the design patterns and learning new ...

As more and more programmers move towards a universal programming language, Javascript has been gaining popularity as a go-to language to build web and mobile applications.But before 2009. Developers ...

Just over a month ago, Stack Overflow released their annual Developer Survey.Unsurprisingly, JavaScript is still the most commonly used programming language, making it eight years in a row.And while m...

You may have heard of a CSS technique called BEM. It stands for Block Element Modifier, and that is just a naming convention for your CSS elements. Naming conventions are needed for just about every s...

I intend to write this article purely about my coding journey. I believe every programmer is a self-taught programmer because we cannot become a better programmer without hard work from our side.It wa...

When you go online looking for resources on how to become a better front-end developer, you most probably would see things like learn HTML, CSS and JavaScript, then pick a JavaScript framework.....Thi...

I joined my current company at the beginning of this year and just a month after that the COVID19 lockdown happened, so the whole company ended up working from home. Being the only junior on the team ...

Today I explored all about the concept of generators in Python. The concept of generators exists in the JavaScript world as well. It was introduced in the ES6 version of JavaScript however I haven't u...

Here I am beginning my react journey. I have chosen a course on Udemy by Maximilian Schwarzmller.And I am planning to write posts about what I have been learning in a series. So that I can refer to th...

The agenda of this blog is simple. Well discuss various parameters that we keep in mind while deciding a perfect database for our Application Service.In terms of data engineering, data pressure is the...

Nine BuffaloBuffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo.The nine-buffalo sentence above is commonly cited as the longest grammatically correct sentence you can write with a s...

Following user feedback I've added some key "lodash" like functions to the out of the box features of js-coroutines.I've added keyByAsync groupByAsync, includesAsync, uniqueByAsync. Here are all of th...

Twitter dynamic name generator is a pet project in which the twitter profile name updates for every minute with the followers count. I just written this article as a journel note of how I did this.It ...

Popularity of flutter is getting higher everyday! If you are thinking about a hybrid app, then most people will suggest to you flutter. I am also going suggest flutter instead of react native. For lea...

I just recently started refactoring my large scale angular app to Typescript's strict mode. Dealing with lots of null checks the question arose again if I should prefer using undefined over null or vi...

IdeaWhenever we have to perform any action in from the Danger Zone section of GitHub repository options, such as:Change VisibilityTransfer OwnershipArchive RepositoryDelete RepositoryIt asks to...

For people building an e-commerce website, a payment portal from scratch, here's some thing which you'll find useful! No plugins required!This is the luhn algorithm or luhn formula that checks if the ...

At the end of the day, Visual Studio Code(or VSC) is a text editor just like notepad or atom or something else. But what makes VSCode special than others? Not sure about you, for me it is...Extensibil...

In this video series, we're going to look at how to create our own simple code editor for the web or in the browser. You'll see the process and tools we can use to make something like this as we repli...

JavaScript is an amazing programming language for the Web. JavaScript can execute on the browser, the server, or any device for that purpose which has a javascript engine(Chrome - V8 Engine, Firefox -...

You can Design your Github profile using Username/README.md repo, this amazing update is under development. If you want to listed your all project, website, all social media link and many other link t...

In this article, we will see some of the settings you can do in Visual studio code to improve your productivity when working with ReactSo Let's get started Enable emmet for ReactIf you are HTML/C...

Ctrl + F on chrome opens up a search box that is used to find text on a web page, pdf, etc. It's one of the fastest ones I have seen and decided to dig deeper into what's going on.So let's go on a jou...

Subscribe to my email list now at http://jauyeung.net/subscribe/Follow me on Twitter at https://twitter.com/AuMayeungMany more articles at https://medium.com/@hohangaEven more articles at http://thewe...

I do a lot of data scraping on the web, and one of the first things I look for is an API. Even if the platform doesn't provide a publicly documented API, generally they will probably have some sort of...

Regardless of tenure, learning a new language is akin to climbing a new mountain. There are new challenges, unfamiliar domains and a whole community out there to discover!There are many reasons to lea...

(Assuming that) we all know what a python function is; I want to show some hacks that might help you. (1) Optional parametersdef hi(name, age=18): print(f"Hi {name} who is {age} years old!")Here...

Positive languageLanguage is important, really important. How we express our ideas and our desires has a big impact on how our words will be received. Positive statements get more quickly receiv...

While this is not going to completely stop your images from being ripped off of your website, it will help prevent someone from using the common ways they would usually get an image save to their comp...

Nullish Coalescing operator ( ?? )It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side...

Do you know someone who stutters? I stutter. My stutter doesn't hold me back from being a developer. What is a stutter?A stutter, which can also be more formally known as a stammer is a type of s...

One of the most common things you might be doing as a web developer is to centre a div on a webpage. So, in this small post, I'm going to discuss 3 different ways to centre a div on a webpage. Disclai...

About a month ago, a recruiter at Google told me me that if I didn't get an internship at Google this Fall, the closest thing I could get to an internship is to regularly contribute to an open source ...

Hi there!The reason why you're here is probably because you wanna know what I did to achieve a SEO score of 100 on lighthouse.Link to my portfolio website is at the bottom.I will lay out all my tips a...

What is regular expressionThis is a sequence of character that define a search pattern in a form or text. It is used in popular languages like Javascript, Go, Python, Java, C# which supports reg...

Hi there!The reason why you're here is probably because you wanna know what I did to load my portfolio website in just 1.8 seconds and achieved a performance score of 94 on lighthouse.Link to my portf...

This post is the first part in a series about what to look for when inheriting a legacy code base. This post will focus on looking at the big picture of the application and how the system fits togethe...

Hey, I welcome back y'all to the sixth edition of the series can-python-do-that. I hope you find this post informative.This week let's surf over three image processing libraries in python .Scikit Ima...

Hey There! Here are the past week's #sketchnotes that I created for my 'You Don't know JS' series that I post on twitter:This one shows how scope is treated differently for variables declared using va...

Lately, I had people asking how can they contribute to open-source projects when the codebase is large, or issues are taken, or good first issues seem difficult. Initially, I've faced these questions ...

One of the things that has worked out for me while learning a new language or framework is to create a small app as soon as I have learned a few crucial concepts. What better way to learn than to appl...

Over thousands of years, dogs helped humans hunt and manage livestock, guarded home and farm, and played critical roles in major wars. The contrast of talent and apparent patterns along with emotional...

A few months back, I submitted a couple of workshop ideas for the Codeland conference. Since then, the world has changed quite a bit, the conference moved online... and one of the ideas got picked!Thi...

If youre reading this, and havent read part one in the series I recommend reading that first. There we went over constant, logarithmic, and linear time complexities as well as examples of each.In this...

With the below Terraform Tutorial you'll get a good overview of what Terraform is, how Terraform works, how it does its job to get started quickly.The video covers the following: What is Terraf...

Learn useful tricks and concepts to write smarter scripts and prevent bad errors in Python. Use get() with dictionariesIn Python, dictionaries are collections of data with key-value pairs.A direc...

The interactivity of our HTML web page is handled by Javascript. This interactivity is nothing but a bunch of events that the HTML elements undergo. An event can be something the browser does or somet...

This Week I decide to look into improving the SEO of my personal website. I don't know much about it, but after some research I found few things developers can do on their Django websites to improve y...

When you have deeply nested functions or transformations, it might help you to consider a thread macro which helps the readability of your code. (-> x & forms)-> is the thread-first mac...

So I guess most of you must be wondering from the title that how can I build my apps faster. Is there some sort of extension for autocomplete or some niche little vscode tricks to get your development...

Dark mode has been there for a while now. From apps to websites, its influence on the people has been really great. It's no wonder why everyone would love to have a switch to dark mode option in their...

So, this week I meant to put up the next post in my MERN stack project series, but I realized that I was leaving out a huge part of the project-process by not talking about proper project planning. Fo...

So usually we prefer to use load more logic using the backend api where we pass the skip value and it will return us the next set of data but what if we want to implement same logic in frontend for so...

As always, I'm helping people put together resumes and get re-employed during this whole pandemic induced depression we're barreling into. In light of that I've noticed a bunch of stuff on resumes tha...

I've been exploring caching recently, mostly at a high level to better understand the importance of a cache and what goes on behind the scenes (check out Cache Me If You Can and Implementing an LRU Ca...

I already had a portfolio but it was created by others. But now have created my portfolio from scratch using HTML, CSS, Bootstrap, and javascript.Tell me, what amazes you? What should I change?Here is...

IntroductionWhen faced with repetitive technical tasks, finding automation solutions that work can be a chore. With Jenkins, an open-source automation server, you can efficiently manage tasks fr...

The State Pattern ExemplifiedSource on GitHub: https://github.com/fellingsoftware/FS.Articles.StatePatternIn this article I'd like to introduce the State Pattern and show how it can be implement...

Every time that we start a new project, even to play around with new technologies in express/node/react. We need to configure a bunch of things, and that can be a little boring.That's why I've created...

Once I was disappointed at dockerizing Nodejs applications. Runing npm install was like leaving earth for mars. Thanks to Yarn for saving my ass. But nowadays PHP composer has taken that place. Runnin...

All maintainable, long-lived React codebases that are a joy to work with, even after years, share one thing:They consist of components that are built around data, that has the right structure.One of m...

Originally posted on Will's blogIn a previous post we saw how to determine whether a JavaScript array contains duplicate values. Today, I want to show a few different methods I've found for removing d...

The problem.I sat out to work on a machine learning project yesterday. I grabbed my cup of coffee and was so motivated to start this project.The first thing I wanted to search for, was a good da...

In Modelling software architecture with PlantUML, I showed you a way to generate multiple software architecture diagrams in PlantUML format, all from a single definition of a model and views. That def...

In general, I believe most Developers always tend to look for using Free or Open Source Tools. And the fact is, thanks to the amazing community of Open Source Developers, you can have all the essentia...

Before you launch your shiny new website, use these tools to make sure that your site is compliant, secure, high performing, and can be easily discovered by your audience. HTML ValidatorsThese to...

Compared to other state management libraries, react-sweet-state is a relatively obscure one. However it is what I use day-to-day in my job at Atlassian - and I think it's pretty cool! Similar to my pr...

As a senior dev I have done take home tests multiple times and I have also graded them. Every place has their own criteria, so no universal truth exists, however I can give you multiple types of ammo ...

In this article, we will build a beautiful Job search app using Github Jobs APIBy building this App, you will learn:How to lazy load images in ReactHow to use React Context API for sharing data betwee...

Python is an amazing programming language to learn. If you are thinking about data science or machine learning then python is the language you need to know! I know a lot of developers are interested t...

We have talked before in Text Recorder: React States, Event Handling and Conditional Rendering about states and how to set them and handle their changes. That was while using Class components, but of ...

Hey there! If you've ever visited a site with a bunch of different users with different content from each user such as a blogging site, social media or even dev.to, you've probably noticed that each p...

I've been working with Laravel for the last five years or so, and over that time I've come across a few cases where I needed a unique or atypical way of returning a piece of data from my application. ...

js-coroutines has been able to process standard functions like parsing and stringifying JSON, or compressing data in idle time since it was launched - splitting up jobs over multiple frames so that ev...

ICYMI, I launched my first book yesterday! So now for what has become tradition - passing on lessons and regrets from new maker to aspiring makers! As with basically everything I do, I am not an exper...

I started the Interview Preparation Kit on Hacker Rank yesterday. The thought of why not sharing how I solve those problems came to my mind. And here I am!In this article, I'll use the UPER (Underst...

AWS BudgetsAWS Budgets is a service that helps you plan service usage, service costs, and instance reservations.Note: First two budgets are free of charge.Each budget is $0.02 per day with a 20,...

OverviewToday, I'm going to be sharing a little trick I use to teleport around my terminal with ease. Do you change to your project directory like this?> ~$ cd Documents> ~/Documents$ cd p...

This is the story of how I went from zero to do real client work on Machine Learning. I want to keep this article short so you can grab what's useful for you and leave. But, if you're interested in th...

Follow me on Twitter, happy to take your suggestions on topics or improvements /Chrisif you are like me, you hear concepts like lexical environments, closure, execution context and you're like yep I h...

Welcome to your company!Landing at a big software corporation can be tough, especially if their onboarding process is outdated - which often is!- along with their unmaintained wiki pages and wor...

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.What @habereders coworkers lack...

The format of DEV's first official podcast, DevDiscuss, begins with an interview and ends with commentary from the community.For this weeks episode, we want to know...Have you ever felt embarrassed or...

Ever since the release of ECMAScript 6 (ES6), JavaScript has been enjoying a very lively and vibrant development. Thanks to the now-yearly release cycle of the ECMA-262 standard and hard work of a...

Digital root is the recursive sum of all the digits in a number. Given n, take the sum of the digits of n. If that value has more than one digit, continue reducing in this way until a single-digit num...

Art by Dana Moot II Story of a MansionLast Hallowe'en, it was my pleasure to help launch the Azure Mystery Mansion, a text-based game built using Twine. Users explore the various rooms of an old ...

It's 2020, the software landscape is always coming up with new media, and at the same time others suffer degrading quality.What are your favorite shows right now and going forward?...

IntroductionThese are 8 projects with requirements and designs that you can do to become a Front-end developer. The order is from easy to intermediate 1. Reusable ButtonOne best way to star...

Webpack can seem overwhelming and something you might have avoided learning about when building out react applications. But it is pretty simple to set up and create yourself, for you react apps. This ...

Using microservices means creating applications from loosely coupling services. The application consists of several small services, each representing a separate business goal. They can be developed an...

IntroductionBefore we talk about hoisting, it is important to understand how the JavaScript engine looks at the code, interprets, and runs it. Once we understand this, hoisting becomes straight ...

When I started developing websites about ten years ago, one of the hardest things was to get someone else's opinion for my pages.That's why I'm now trying to help others out by reviewing their portfol...

What can you do with coding? You know you can become a valuable resource to employers or even become a freelance developer. As the coding industry is exploding, learning coding skills has become an in...

Understanding Cloud technologies, like Kubernetes, can be difficult or time-consuming. In order to spread knowledges about it, I started to create sketchnotes about Kubernetes and know it's time to ta...

Using colors to emphasize information is great. They help distinguish the content and make it easier to identify while making it more stylish for the users. But it needs to be a booster something that...

While arrays allow us to add or remove elements at any index, sometimes we need a data structure where we have more control over adding and removing items. In this article, I am going to explain what ...

OverviewBest Markdown Editor is a website I built recently to help me write, edit, and export all of my markdown files. I created this because I felt a need to consolidate and simplify my markdo...

IntroductionVersion control systems like Git are essential to modern software development best practices. Versioning allows you to keep track of your software at the source level. You can track ...

This article will explain how to add visual effects or animation to your website content with just 5 lines of JavaScript and a few lines of CSS. As we all know that adding visual effects to web pages ...

Hosting my Rails app on Heroku was A Lot. But that story ended in success!And yet, when I tried to log in using Google, no dice. My OAuth authentication that worked seamlessly prior to hosting on Hero...

I've recently been on a big Notion kick recently, spending a lot of time watching videos on Notion and re-organizing my pages. It's been inspirational to see the various ways other people have structu...

S1:E9 - How to Develop for Neurodiversity and Universal Design DevDiscuss Your browser does not support the audio element...

It was a bright Monday morning that I was browsing the infamous web in search of something to do. Upon the third time scrolling through my Twitter, I came across an organization that led me down a rab...

The first web page went live on August 6, 1991. It was dedicated to information on the World Wide Web project. The engineer behind the project was Tim Berners-Lee (who I blew off once) and his vision ...

Youtube | Twitter | InstagramSometimes it's really hard to know where to start. You make this decision that you want to become a web developer, and you do a bitta Googling, and suddenly you just have ...

The Struggle of Finding a JobLanding a new job is difficult, no matter how confident or experienced you are. New developers can feel like imposters. Established developers can start confident th...

Attention all makers, students, tinkerers, hardware hackers, and professional IoT developers! The month of #JulyOT is here! To celebrate, we have curated a collection of content - blog posts, hands-...

The Open-Source Content Moderation Service we have prepared for you is so simple and elegant to use, that even if you do not have any knowledge about algorithms, it wont matter! You just need to know,...

What are some not-so-well-known IT newsletters that you would recommend? A newsletter that is a hidden gem, but sometimes overlooked because it is not from a major company or a popular developer.For e...

J.A.R.V.I.S Python powered AI Requirements:datetimeos pyttsx3 wikipedia speech_recognition webbrowser sys smtplibrequestsjsondefflibgeocoderurllib What it does...Send Gmail messa...

Hey there DEV.to community!A lot of people getting into programming hear two words really often! OOP and FP! Which OOP has the advantage in their mind since it is heard more often.Here I will explain ...

Today, I am going to take a slight break from writing about JavaScript and re-visit my favorite editor, Visual Studio Code or VS Code. We are going to go over my top 10 extensions. AndromedaAndro...

So this project started with a need - or, not really a need, but an annoyance I realized would be a good opportunity to strengthen my Haskell, even if the solution probably wasn't worth it in the end....

We upload our projects on GitHub repositories, Won't that be really cool if we can keep them live and running. For this, we generally host our application on Netlify or Heroku and other different plat...

One thing that modern text editors/ IDEs got right that Vim didn't is how easy it is to find files and to find in files with modern editors/IDEs. In this article, I will show you how to use FZF.vim to...

I'm really interested in concurrency strategies in programming languages, and because there's a lot of written research out there on the topic, you can find lots of strategies out there. When you look...

Cover photo by Sean Pollock on Unsplash. IntroductionMost Website have two components in common which are header and footer. The header is always found at the top of the Web page and the footer, ...

If you're a fan of using inline styling and you find it difficult to deal with things like pseudo-selectors or media queries in React, one of the solutions for you could be Radium.As specified on thei...

There are a lot of articles about PWA that tell in detail what it is and how to set it up. Yet you may not always understand them from the first time.My goal is to provide basic information in simple ...

After many years of experience with UI and web design i have collected a small but nice list of my favoite CSS hacks that I use on pretty much every project, app or website.I hope you can learn from t...

With over 300 databases on the market, how do you determine which is right for your specific use case or skill set?We continue to see the common debate of SQL vs. NoSQL and other database compar...

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

Applications I worked on in the last decade were rarely isolated from the rest of the world. Most of the time, they had many interactions with other applications out there. From time to time, some of ...

Whenever you type some website URL in your web browser like www.google.com or post a story on Instagram or even check your email you are using the internet in one or the other way. But how does this a...

Here are 6 ways to use the Spread operator with Array in JavaScript. You can use it to merge or clone an array. Or use it to convert iterables to an array.// Merge Array[...array1, ...array2]// Clone ...

This August, I am planning to start freelancing as a front-end developer (or even land a decent job for it as a student). However, I consider myself as someone who's not very 'creative' with design. W...

API testing is a crucial part of web development, allowing us to pass a specific set of data (or not) to application and making sure the expected response is returned, without using fancy UIs.Currentl...

This post is about the collaboration of my company, Skynox Tech, with DEV. Yes, this very platform you're reading this post on. This post is one I've been dying to write for months! A Serendipito...

In a year from now if the world has returned to "normal", do you see yourself working from home or an office, and do you have any say in the matter?...

Hi everyone,I am sure there is no "best" tool for it but what are your recommendations for documentation. It should support MDX.Gatsby has some nice themes for documentationthere is Docz which is buil...

I still remember the day I got my IELTS and GRE test scores. I got a decent 7.5 in IELTS and 301 in GRE. With these, I was ready to apply to the universities in the US, for masters in CS. Everything w...

My preferred Os of choice is Linux, and with that, I often spend quite a lot of time setting up my environment. After 'distro' hopping, PopOS is my distro of choice. My bare minimum includes: . Git. N...

Have you ever realised that using a map followed by a filter, or vice versa, is quite common? Did you know that you could half the computation time needed if you just used a reduce instead? We will be...

Hey all! The Web.dev virtual conference is going to be conducted for 3 days. June 30, July 1st, July 2nd. It is packed with a lot of content just like any other Google Conference. You will also be a...

Subscribe to my email list now at http://jauyeung.net/subscribe/Follow me on Twitter at https://twitter.com/AuMayeungMany more articles at https://medium.com/@hohangaEven more articles at http://thewe...

javascript was the first programming language I learned, but javascript is not a very intuitive language.in this post list some curiosities of javascript and I will try to explain them. #1 w...