Articles by Dev To from November 2020

JSDoc is a popular tool for generating documentation from comments in the source code of your app. This serves two purposes. First, the documentation is directly available to anyone viewing the source...

Imagine building reusable, encapsulated HTML elements, without any framework! With web components, we can certainly create it! What are Web components?Web components are a set of web platfo...

Many people who are starting their programming journey often wonder where to get the ideas for their side projects. My advice is that work with a topic you are passionate about. For example, if you lo...

This tutorial will cover how to create aliases and functions in your zprofile file to increase your productivity in the terminal. It assumes that you are on MacOS, using zsh as your shell, and are edi...

In this post, we will be creating a Postman environment and take a look at how to work with multiple Postman Environments. What is a Postman Environment?An environment in Postman is kind of like ...

You can setup a really nice TypeScript playground in just 3 simple and easy to follow steps.But,Before following the steps it is assumed that you already have npm setup in your local machine.So, jump ...

In this article we are going to discuss how we can improve the performance of our apps by loading only the JavaScript that the user needs at any point in time, reducing the amount of code they have to...

What is Augmented Reality (AR)?AR is a sophisticated technology that enhances our experience of the world around us or in other words, it improves our visual perception of the environment. This ...

Because there is no real concept of classes in JavaScript, it helps to understand what some of these classical keywords are really doing under the hood.We're going to create a simplified version of th...

"There are only two hard things in Computer Science: cache invalidation and naming things."- Phil KarltonSetting aside cache invalidation, which is indeed difficult, this infamous quote is something t...

When starting a new project, there are plenty of choices to be made around code style, language, folder layout, and more. Consistency is the key for creating clean, maintainable codebases. Therefore o...

SOLID is an acronym for 5 object-oriented design principles formulated by Robert Martin - @unclebobmartin. Following SOLID principles will help you build maintainable and extensible software. So,...

In this article, I'm going to cover which of the top Javascript frontend frameworks: React, Vue, Angular, or Svelte is the best at certain factors and which one is the best for you. There are going to...

Every day is an API day: Share your DinosaursWELCOME to Jurassic World! Do your kids love dinosaurs or do you love dinosaurs? This idea is inspired by my teammate's kid who is very into dinosaur...

IntroductionIn this tutorial we are going to build an exciting project on Chatbot. We will be implementing a chatbot which will reply to the messages to a group or person from your WhatsApp acco...

Besides all the great offerings of the modern world podcasts, videos, blogs, etc. reading a good book is still something many people dont want to miss. I have read many good books covering tech-rela...

IntroductionIn the world of React, efficient State Management is one of the most important things a developer has to perform in order to produce a solid website and Redux is one of the best ways...

In this article, we will go over how a basic CSRF (cross-site request forgery) attack works and how a CSRF token prevents this type of attack. We will also show how the browser's same-origin policy ca...

devs,A few weeks back I read an article added by Adobe to optimize your LinkedIn profile. The steps looked pretty simple and I had the time, so I went ahead and did it without thinking much of it.But...

What is Recursion?Recursion is, simply, when a function calls itself. This makes writing some functions a lot simpler. We can write a factorial function like sofunction factorial(number) { if...

As I continue learning about React and working my way through this series on React, I find myself falling in love with it. In this blog, I would like to touch on React's virtual DOM. What is the ...

Object and array Destructuring makes it possible to declare multiple variable identifiers and assign a value to each of them by unpacking the content of an array or object. Structure of JavaScri...

Got a big list of bugs and bored of debugging? Here are the few tips that makes your life easy that add spice and sunshine to your console messages.We can use %c directive to apply a CSS style to cons...

On November 28th, 2019, I started an experiment of blogging daily for 100 days. I had been listening to many podcasts/books by Seth Godin. He challenges listeners to blog daily for 100 days and see wh...

In this post I will discuss the ways in which I use useState in my projects.1. To get API data from backend and store it in state.const [data,setdata]=useState([])useEffect(()=>{const getdata = asy...

What exactly happens when we run a file starting with #! (aka shebang), and why some people use #!/usr/bin/env bash. How the #! worksThe #! shebang is used to tell the kernel which interpreter sh...

I recently worked on a project which involved separating out the API from a monolith application, containerizing and deploying it to AWS. This was my first experience deploying to AWS, so in order to ...

Cover image by Tim Easley on UnsplashDuring the last couple of years Docker has became a thing in software developer world. With this post I would like to explain what problem does it solve, how to in...

Fun with the Logout AnimationThe other day I was working on my startup, and wanted to spice things upa bit so I created a collapsing page animation for the logout functionality.Nothing fancy, so...

Have you ever created a button out of a div? Added that onClick-event there, and styled the div to look like a button? Yup, me too. And I'm not proud of it. If you wonder why I'm saying I'm not proud ...

The year was 2011. I was a young, aspiring software developer working in my first position in the industry.In our app we had a web view, which we could use to display dynamic content. As mobile connec...

Ever tried to develop a game with a deep, branching story and choice based narrative? Ever felt like managing those branches and choices can become overwhelming very quickly? Well, so did I. That's wh...

OverviewThis article is Part 1 of Working With Node.js , a series of articles to help simplify learning Node.js. The topic which I will focus on here will be Node.js EventEmitter. Objective...

This is part of the series Django For Beginners we are going to see about apps in app and we will see about models in django in this part.You can this read complete post here.In this post we are going...

If you are into Web Development in 2020 and working in latest technologies like React, Gatsby, Etc. then you must be familiar with SPA, PWA and AMP. These are some new abbreviations which every dev sh...

OverviewThis post is a in continuation of my coverage of Data Science from Scratch by Joel Grus. It picks up from the previous post, so be sure to check that out for proper context.Building on o...

Hello, thereYou are here because you also want to learn natural language processing as quickly as possible, like me.Lets startThe first thing we need is to install some dependencyPython >3.7Downloa...

I am a primarily frontend developer. Whenever I start a new project I keep going into the dilemma of:Which backend?Which database?Which hosting provider? Which complexity for the cloud service provide...

GitSheeta cheatsheet that's lived in my notepad for too long Add existing local project to GitHub$ git init$ git add .$ git commit -m <message>$ git remote add origin <github-repo-...

Maybe you started like me - you were excited to start a blog, got it set up, and began publishing a few posts. Once the initial excitement wore off, you wondered where you'd get ideas for posts and if...

Algorithms are very important in programming, every programmer will definitely end up writing an algorithm one way or another. In this article, I am going to explain The term algorithmThe best possibl...

If you are a developer you probably have a GitHub account, and if you're like me your profile page is probably empty. I would even say barren. Utterly uninteresting? If that's true then you are at the...

Thanks to Electron you can build cross-platform desktop apps with JavaScript, HTML, and CSS. It's an open-source project, that uses Chromium and Node.js and is actively maintained by GitHub.It's been ...

If you have heard lately talks about SSG, SSR, CSR, VDOM - and you were like: What the heck is that? Then this article is for you and aims to be a mini dictionary for modern frontend terminology and ...

Recently, I have been experimenting with different approaches for building vanilla JavaScript apps. And I got the idea to recreate basic React functionality in order to get a similar workflow as in Re...

One of the fundamental tasks of any web application is to communicate with servers through the HTTP protocol. This can be easily achieved using Fetch or Axios.The Fetch API is built-in most modern bro...

In this post I will list out all the React Hooks I use in a daily basis for my projects.Here are the list of them.useState.useRef.useEffect.useDispatch.useReducer.useSelector.1. useState:const[state,s...

This is a written version of the "Connecting Gutenberg and Frontity: A Case Study" talk that Mario Santos (Product Manager at Frontity) gave at the 2020 JavaScript for WordPress Conference. You can fi...

devs, I recently came across this blog with some very good project ideas targeted at beginners. If you are a noob in python programming, you can try and build one of these projects. Some of the proje...

The fresh startRISE UP, Start fresh, see the bright opportunity in each day. Paulo CoehloYou know that side hustle you wanted to start or that skill you planned to add to your repertoire. In th...

The good news for designers, developers & project owners that Black Friday is here to grab the huge discounts on various web products which helps you in your development time. I'm excited to write...

Web developers come across many instances in everyday life where they have to center the elements. It is also very common and important concept that is asked during interviews. So today I would like t...

I would personally suggest not going too deep in the links to different services mentioned as it may confuse you and I will be explaining those in future postsIn this post, I will try to explain what ...

We've all been working from home a lot, and many of us having been wondering how to get the best setup.I recently acquired a new office in my house (one of my roommates moved out). And I spent six wee...

Could you share some services with the most generous free plans across various categories like cloud storage, hosting platforms, database services, CI/CD tools, productivity and collaboration apps, et...

GraphQL is an API query language. Originally developed by Facebook, and now it's part of the Linux Foundation. It is used by giants like Facebook (duh... ), GitHub, and Pinterest. Its community is gro...

This article was originally published on theheadless.devThe need for fast and responsive applications has never been greater because of the move from desktop to mobile. Still, web applications have be...

Photo by Nicolas Thomas on Unsplash On the focused effort of making a working prototypeThere are many ways you can determine whether a new feature will add value to the product or turn out to be ...

Anyone who has felt what it is like to be stripped of one of your five senses sight, taste, touch, hearing and smell will know how much harder it can be navigating and making sense of the world. Peo...

IntroductionIf you're reading this, chances are you have some idea of eBPF and XDP. In this article, we'll write an eBPF program that will count and categorize packets based on the destination p...

When I first started out, this question never came up in my mind. Like most, we start asking ourselves this question when we are now preparing for a job or further along in your career. So, what makes...

In the era of globalization today, if you want to reach customers from all over the world, a website with only one language may not be enough. Therefore, using plugins to translate WordPress websites ...

I could probably achieve 300% more in 6 years as a programmer if I knew these things when I started. Coding Is Not About The CodingWhat do you think programming is about?Writing code?Writing good...

Using branches in your day-to-day work might very well prove to make you a better programmer or designer. Be that as it may, it's definitely one of the main reasons why Git is so highly respected. And...

This custom hook is meant to live somewhere in between the built-in useReducer and pulling in a 3rd party library like xstate.let { state, status } = useStateMachine( stateChart, initialState, ...

Node.js is a JavaScript server environment that runs code outside a browser. The technology is a perfect fit for many websites like streaming, games, time trackers, social media applications, etc. It ...

Hello everyone , I hope you are doing great.So, today you are going to learn all the basic concepts of React.useState Hook.The React.useState is a function that accepts one argument, which is the init...

As a Flutter beginner, I always used to get confused while coding in Flutter but these extensions saved my day.Flutter & Dart are the must have extension and it's the most basic extension that you...

It's that time of the year again! Welcome to the best deals you can get on any digital product, service, coding courses, UI kits, software discounts, and more! Black Friday will be this Friday 27th No...

Give me your Sketch, and we give you the Code!We are running pxCode Challenges. By using pxCode, we show you how can we achieve to make a Sketch Design Blueprint to Responsive Webpage within 30 minute...

This is not the same average blog post you have seen on many sites. This is something new and amazing. The fetch API is a promise-based JavaScript API for making asynchronous HTTP requests in the brow...

In this tutorial well be building a responsive navbar using the Tailwind CSS framework. Unlike other CSS frameworks Tailwind doesnt include any pre-built components but rather allows you to design and...

Hey pals! This blog post was written by Natalie Huang, a student in the 1st cohort of Bit Project's BitCamp. Below is the blog post tutorial she created showcasing the amazing new Azure Functions skil...

FLUURT is the codename for the new compiler/runtime being built for the Marko UI Framework. The introductory article already gives a high level of what key features it delivers and why this could be o...

I started building a personal blog with Svelte a few weeks ago, cross posting to dev.to for more reach and community.And it sucks!I've been manually building content with Svelte components, to get the...

If you can't explain it simply, you don't understand it well enough. -- Albert EinsteinExplain me like I'm five is the best tag on DEV.to and you should definitely follow it .ltag__tag__id__2596 ...

This is the first part of this series on Golang for Web. My goal is to show the newcomers how easily we can build REST APIs with Go by breaking down big apps into small ones. Here, we're going to buil...

Hey everyone,I know that all of you are working on exciting products. To help you make it a bit more beautiful, I have made 100+ high-quality illustrations. As the title suggests, they are:Totally fre...

I spent a lot of time looking at different pieces of IT equipment and how to connect them most efficiently for everyday use. Every developer prefers their own type of desk setup. Some developers find ...

Hello Coders,This article presents a short-list with nice deals that might help designers and developers to start commercial projects at a lower budget without compromising the quality. Criteria used ...

WebAssembly is a safe, portable, low-level format designed for efficient execution and compact representation of code on modern processors including in a web browser.At the end of 2019, W3C announced ...

After the hook introduction post and state hook post, it is time to cover the effect hook. The reason why it is called useEffect is that it lets you perform side-effects after component mounts. Those ...

The main purpose of this server-client Node.js project is to help other people understand how GraphQL exposes the data from the Server and the Client fetches it. I have tried to make it as simple as p...

I'm a tad tired of reading "dont use localStorage, it's not secure". Why ? Oh, yes "its accessible in JS". Let me tell you how this seems to be an overrated argument to me. If someone owns you, s...

Hi, my name is Doug. Ive been a developer for several years and now work as the Lead Engineer at Shamaazi. Over this period of time, I have written a lot of different UIs and learned a lot of ways to ...

The dialog(widely known as a modal dialog) is a popup box on a web page. A dialog is also called a modal dialog when it obscures the rest of the page content with an overlay. The purpose of a modal d...

The console object provides access to the browser's debugging console. The specifics of how it works varies from browser to browser, but there is a de facto set of features that are typically provided...

Hey there guys, Here is a small animation ripple effect I created using gsap. I created this using just an event listener and a <span> tag along with the gsap fromTo() method. This is just o...

When software projects become bigger and more complex, you might reach a tipping point: one day, code quality becomes paramount. You can get away with easy fixes and a "quick & dirty" mindset in s...

So, you've started learning React.Maybe built a couple of apps.And now you're looking to deploy them in order to showcase them on your portfolio or link them on your resume.Having live projects that p...

A class defines objects with lots of attributes. ProblemsLow CohesionCouplingMaintainabilityReadability SolutionsFind methods related to attributes.Cluster these methods.Break the object rel...

Table of Contents:Big O NotationRuntimeTime ComplexitySpace ComplexityNotationsLinear: O(n)Constant: O(1)Quadratic: O(n^2)Factorial: O(n!)Logarithmic: O(log N)Log Linear: O(n log(n))Exponential:...

Write SQL in Slack and bring the latest analytics into the conversation.In my first week at Hubble, a teammate shared a SQL query he'd run in Slack. Since I'd just joined, I hadn't set myself up...

If you are working on a project in a team and you have used GitHub as your version control system then you might have come across a situation where you're working on some feature but the work hasn't f...

Intro - I'm an Angular developer and the title is not click-bait.I've been working with Angular (From V4 to V9) for at least 1.5 years now and I've been enjoying every bit of it.In this post I'l...

This is the first article of the Lighthouse Series Don't know how to check your website's Lighthouse score? No problem, use my last article How to Check Lighthouse Scores using Chrome or Firefox as a...

In this article, I will explain how I used JavaScript to build an image search app. It fetches and displays images from Unsplash based on the category a user searches for. This is one of several perso...

If youre a developer running your own site, or you have a blog hosted on a blogging platform, youre probably aware of web analytics. Content publishers rely on web analytics to understand how audience...

Implementing the "Skip to Main Content" (Bypass Block) link on Angular projectOne of the most important links you can build on your project to help visually impaired users is to implement the "S...

Five years ago I was a help desk intern. Last week was my first week as an SRE at Google.Let's start with the understanding that working on the help desk puts you in the perfect position to eventually...

Happy to share that my colleagues are organizing a Data Week and I'm joining them for a panel to share my insights on Career in Data. Why Data is important for your career?Well, data is all aroun...

What are the Best Black Friday and Cyber Monday deals you came across for fellow developers? PLEASE DON'T SPAM Well you can also add to this Repo sarthology / De...

The destructuring or an unpacking assignment syntax is an expression that makes it possible to unpack values from iterables like array and objects in javascript and list, tuples, dictionaries in Pytho...

In this tutorial, we are going to build a webpage image downloader. Assuming you visit a webpage and saw that the images in that page are cool and you want to have your own copy without downloading th...

So what are directives?These are attributes added to our DOM elements, that make them dynamic. They supercharge our DOM by adding extra functionality.In angular there are two types of directiv...

As a short definition:Fish is a smart and user-friendly command-line shell for Linux, macOS, and the rest of the family. I've been using zsh and some other bunch of shells for many years but rec...

OverviewBy training Google's Teachable Machine to learn our gestures, we could swing our hands or make a face to send the corresponding reaction command to Animal Crossing's API. Reverse En...

Chapter 1 - What is responsive images?In this guide, we will learn everything related to responsive images along with sample code. Basic knowledge of HTML and CSS is required to understand the c...

In Feb 2019 React hooks were introduced to react community (React 16.8).This new react feature solves one of the biggest problems faced by every react developers.You can skip the problem section but i...

And how we stopped our React Context re-rendering everythingRefs are a seldom-used feature in React. If youve read the official React guide, theyre introduced as an escape hatch out of the typic...

.Net 5 has finally reached the General Availability stage last week during the .Net Conf 2020. But is .Net 5 a good framework for DevOps?Today I want to talk about it, but from a DevOps and CICD stand...

In July 2020 I found myself as part of the many people affected by COVID-19 related layoffs. Before that, I was writing anything from Elm to Ruby to Elixir at NoRedInk. And before that I was working w...

Remember the time you were trying to share progress with a client or wanted to showcase your next side projects? We all been there hoping things could be only a few clicks away.Well fear not your wish...

This post is a summary of a web.dev article. What is the Idle Detection API?Idle Detection API is one of Chrome's origin trials, which means it is a feature in progress planned for a release.Idle...

Whether you want it to or not, modern web development is directly tied to responsive design. There are media queries everywhere, even Bootstrap and Tailwind use some sort of breakpoints related to tha...

When building a single-page application or a mobile application, we usually need to implement a web API (REST or GraphQL) to connect the frontend and the backend. Technically, it's not very difficult,...

Hang on... What's React?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 buildin...

Working 8 hours a day and having side projects can be very difficult. I know that from experience. In the beginning, I also struggled to find a balance between my work and my side projects. However, I...

Keeping track of notes while coding is essential, so you have all the ideas for development once you re-visit. Thanks to code commenting and various extensions, you don't need to leave your code edito...

Before you read this post I recommend checking out my post on the ECMAScript ecosystem. It will help you understand Babel and what it's used for.So assuming you have a reasonable understanding of what...

IntroductionCSS functions are used as properties for various CSS properties. In this article you'll learn about these functions, how they are used, when to use them, if necessary, their "backup...

Many people learn or understand new things relative to things they already know. This makes sense, its probably a natural instinct. When it comes to products and technology, a lot of people ask how ar...

1. Initialize an array of size n and fill with default valuesconst size = 5;const defaultValue = 0;const arr = Array(size).fill(defaultValue);console.log(arr); // [0, 0, 0, 0, 0] Enter fullsc...

Here are some of the interesting points from the Build for Accessibility with Angular workshop by Martine Dowden and Michael DowdenLabels are only for form fields. Do not use labels anywhere elseWave...

Ive completed a lot of play-testing lately for my game Carnival. Its a fascinating experience to watch people work through the puzzles. And its a humbling experience as people stumble and flounder on ...

I was lucky enough to receive a lot of gift cards from Dev.to and Bought a lot of stuff from Dev Shop. But by far this Cup is my personal favorite of all. ...

Last time, we took a look at creating a web version of Pong, the classic Atari game. Here is an animation of what we ended up with:Pretty cool! It's a fun game to play, even after all these years. And...

Recently I have been working on writing STL algorithms of C++ in Python (here). I came across a typical problem, which was how to test the implementation of binary search algorithm? Let us write some ...

IntroductionBootstrap has stolen the heart of many developers over the years. This is understandable because it helps developers write shorter and cleaner codes, it saves time and is sophisticat...

In this blog post, were going to learn how to write a custom ESLint plugin to help you with otherwise manual tasks that would take you days.The task? An eslint rule that adds generic to enzyme shallow...

Let's say you have a really slow program and you want to benchmark where your program is taking most of the time to run. If you can find that you can just optimize that part of the program to run fast...

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

This blogpost continues series of posts exploring React components. It describes Functional Component - one of building blocks in React application. Purpose of Functional ComponentIt is a buildin...

IntroI got started with Linux in 2013 because of the disaster that was Windows 8. I grew to love it for more reasons than "it's not Windows" trope. Here are the top 10 reasons I love Linux in no...

This article summarizes a list of Angular interview questions which I would ask candidates and that I get often asked in interviews. Table of Contents1. What is Angular? What is the difference be...

Using console.log() for JavaScript debugging is the most common practice among developers. But, there is more...The console object provides access to the browsers debugging console. The specifics of h...

Before starting work on any project, whether it be a small domestic application or a high-profile Enterprise solution, the people who initiate the development start have the question: In what language...

Hello, my name is Kati Frantz, and thank you so much for checking out this tutorial. I want to talk about how to handle JWTs effectively and securely on the client-side. The most popular practice in t...

What are microservicesAs a software engineer or web developer, you've probably heard the term "microservice" before, but for less seasoned developers, the concept of microservices is likely an u...

Most apps these days require creation of a user to login and logout for access to the tools that they offer. Let's go over the basics of implementing these functionalities through Firebase Authentica...

Are you a total newbie and want to learn how to code? Or are you already in the process of learning? Im going to talk though some mindsets to avoid in your quest to improve your coding skills. 1....

In a previous post I talked about .reduce, how it worked and (what I think) it's ideal use case, this time around I'll cover some other use cases where .reduce could be a good fit. Now, you don't have...

Looking through my Twitter feed, you probably wouldnt know that I'm an introvert. In "real" life, I have a small circle of friends, crowds overwhelm me, and I need a lot of alone time (though nowadays...

Hey, DEV.to community!Web development has been changed drastically in the past few years. Websites used to use template engines to render the page and send it to the client. There used to be SOAP prot...

Hello, everyone! I decided to start my 100 Days Of Python series as a way of logging my progress on relearning the basics of Python. The last time Ive worked on Python was when I was in college. Since...

Postman Collections allow you to group multiple requests together which you can store in folders and reuse later on as needed. Advantages of using Postman CollectionsPostman Collections gives you...

This article first appeared on my site, so make sure to check out my other writing there. Not enough people know about the power of Progressive Web Apps (PWAs). Whenever I bring the concept up with fr...

TailwindCSS 2.0 is sick. Native dark mode, tons of colors, tons of other shit. I just so happened to start a new Gridsome project for documenting my recently developed tea dependency right when Tailwi...

If you'd like to see it in action and read the post how I originally intended it (trust me, it'll be worth the extra click ) You can check out my full post here: sreetamdas.com/blog/the-perfect-dark-m...

All Javascript developers might have used npm at some point in their lifetime. npm is the default package manager for node.js. For those who dont know what npm is, npm short for Node Package Manager ...

A lot of portfolio websites today have some sort of a timeline which can be used in different ways. You can showcase your job and education history, past projects, your blog posts and everything else ...

We always find problems searching for Icons that we can use in our projects such as desktop, mobile or web Apps.From the biggest problems that there's a lot of resources we can get Icons from, so this...

This is a list of 7 useful Javascript tips intended to improve your productivity and overall experience when using Javascript. These tips are for beginner and intermediate Javascript programmers. Thes...

This week I came up with an idea about a personal Christmas radio. I am an eager listener of Christmas tunes and every year I try to find some new favorite songs. I decided to code me a little helper ...

What is Conditional rendering?Conditional rendering is the ability to render different UI markup based on certain conditions.It is a way to render different elements or components based on a con...

Hello World Next.js has become my go-to framework for almost every project that I make. So, I made a starter template that I can just use and get started easily.In this article, I will show you ...

IntroductionIn this article I will try to explain what is architecture, clean architecture, architector role in projectExamples of web architecture applicationLet's consider an example of a service wi...

Introducing Chaos"Chaos engineering is the discipline of experimenting on a software system in production in order to build confidence in the system's capability to withstand turbulent and unexpected ...

As a developer without a Computer Science background, Big O Notation is one of those concepts that I've had to double down on in order to improve my algorithmic skills. In this post, I will cover some...

Not all programmers are math people and that is OK. Big O notation can be a little intimidating to approach if you are one of those people. In this blog, I would like to gently introduce you to the co...

I attended Next.js Conf last month and was impressed by the high quality content, updates, and virtual conference setup (yay global pandemics).It even inspired me to build a new product, Next.js Jobs ...

I spent this week practicing building a basic landing page with good ole HTML, CSS, and JavaScript. No frameworks, no libraries no nothing. I also wanted to practice fetching data from an API and disp...

This week we are going to implement the trees data structure in JavaScript. IntroductionTrees are wonderful data structures that can model real life hierarchical information, including organizati...

You will learn...a basic workflow of creating a machine learning service from stating the problem space to cleaning the data to choosing a model, training your model and finally deploying it to ...

Do you like tailwindcss and ReactJS?If the answer is yes, a few weeks ago I created a template for React (cra) that allows you to create a create-react-app project with Tailwind CSS already configured...

Have you ever wondered why your website takes forever to load? It is probably because you are using too large images. The common image types are PNG, JPG, SVG, and GIF. It is time to embrace the moder...

For the longest time I never understood why you would want to use Array.reduce, I mean why would I need anything else when I already have forEach, map and filter? Array.reduce as I found out is one of...

I have been learning web development for a year and I have just delivered my very first MVP for a client, this is a huge step forward in my journey to become a real world developer.In this article, I ...

JavaScript comes with some out of the box data structures. This includes Arrays and objects. Linked List, graphs, trees, queues, and stacks are not included with JavaScript. these data structures need...

Imagine yourself working on a Python project. So,the best practice is to create a virtual environment for the project. Okay, that is easy, you quickly go,$ python3 -m venv venv$ source venv/bin/activa...

What is React?React is JavaScript library for building user interfaces. What is Tailwind?Tailwindcss is a utility-first CSS framework packed with classes that can be composed to build any d...

Hello Fellow Codenewbies If you are self-taught, maybe you have a similar experience as mine.As a self-taught, I only use "git" to push my own project to my own repository.Also, other than the default...

Im a big fan of POSSE. I love the idea of owning your content, saving it in your private place on the Web, and share it anywhere. I already cross-posted some articles from my website to DEV, but every...

Let's agree on one thing that ESLint is awesome. If used properly this can increase your productivity by 10x, if not then it can be a mess. While working on connect feature for dev.to, I came across t...

Animation with Framer-Moton TutorialIn this tutorial, I've prepared a project in true 80's synthwave feeling. Now during Covid-19 times it feels like are working mostly remotely and from ho...

Yet again I've found myself in the middle of a death march project:a project which is believed by participants to be destined for failure, or that requires a stretch of unsustainable overworkThere are...

(Before we start - if you've never heard of AWS Cloud Development Kit, I've created a quick, 64 minute course on egghead.io - Build an App with the AWS Cloud Development Kit)This is a quick tip I've l...

To gauge the usefulness of any backend framework, a great litmus test is to see how easy it is to plug in a database to your application and expose the database models to the client via 4 operations -...

Roadmap To Mastering the LanguageSince you are already sold on learning "Go" after reading countless articles on the internet, we will cut it down directly to how you will learn it. In this seri...

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 back-end, to m...

photo by @edgarrawFor my last blog post, I examined recursion and looked at some basic examples of how we could implement it. While I was learning about recursion, I kept coming across this word - mem...

Its time to get reflectivetime for some deep introspectionso light a candle or two, put some Barry White on the stereo, get nice and comfortable, because were going to talk about Blocks.Blocks in Ruby...

What is React Router?So, you're trying to learn React.js. Maybe you've even built a couple of simple projects in it. Whether you're a new developer or have a bit of experience, you'll probably ...

This is a continuation of Picking up Ruby Fast, as a Python Dev. Again, expect examples with no math and minimal crappy names puts and gets MethodsThe puts method in Ruby is similar to the print(...

Happy Friday!Looking back on your week what was something you're proud of?All wins count big or small Examples of 'wins' include:Starting a new projectFixing a tricky bugCleaning your desk... or wha...

PrefaceI spent a few hours spread over the last couple of weeks to learn every single one of VSCode's keyboard shortcuts, specifically the 149 shortcuts from the official keyboard shortcuts refe...

The Vue team released Vue 3 in September to much-deserved fanfare. With improved performance, smaller bundle sizes, new APIs, and a revamped foundation to support future framework iterations, its no w...

If youve already started job hunting for your first dev job, Im sure youve experienced this: applying to job after job from sites like LinkedIn, Indeed, Built-In, or Angel List. Youve probably seen re...

Every now and then, working on the backend of a project, we have to deal with calling third party APIs via fetch or Axios. It's perfectly doable also during testing if the other API has a development ...

Note: Every question is followed by Output and a rough Explanation. Scroll at your own risk. Q1.var msg = "hello";if (true) { var msg = "welcome";}console.log(msg);// ----let msg2 = "hello";if (...

For my fourth portfolio project during what is beginning to feel like my tenure as an online coding bootcamp student, I decided to create a tool specifically for my particular track at the Flatiron Sc...

I help run an annual game design conference called Roguelike Celebration. Naturally, this year we were a virtual event instead of in-person for the first time. However, instead of just broadcasting a ...

Ive been wanting to start a developer blog for a while now, and I finally started blogging in September. With a few posts completed already, Ive reflected on what successful blogging means to me. Here...

We are making a few concerted efforts to ensure the quality of the content that rises on the platform. As long as folks are not acting maliciously, we do not have an approach of gatekeeping even low q...

On May 21st, 2020. I wrote my first ever line of code as part of Harvards CS50 online course. Six months later, I pushed a production ready web application (see https://joyful.gifts/ ) for the whole w...

Illustrated notes on Joe Previtte's course on Building Custom React Hooks on egghead The Basics of React HooksIf you're not up to speed on React hooks, here's a very quick overview...Hooks let us...

Ever wondered how do we decide if an object is beautiful or ugly? The answer is: we look for a pattern and if we find a pattern that's linked to something pleasant - we find the object also pleasant.Y...

IntroductionProgramming is one of the most exciting as well as sometimes stressful job to do. Despite many failures, we are still here to do more coding. We love to code and make our ideas come ...

C++ enforces types, that means, every variable has a type and then that is its type forever and it can't be changed.Expressions like 2 or 2+2 also have a type.It is okay to "promote"put an integer (eg...

Jupyter Notebook is popular platform to write and execute your code. However, not many C# developer use it as we have Visual Studio as our preferred IDE. However, according to Introducing the Jupyter ...

Learning to code is not easy when English is not your first language. It gets especially tough with all the vocabulary and expressions that you wouldn't usually encounter in everyday context. For me, ...

What do you think? How many good ideas never got started? Rapid Prototyping, is the art of getting up an initial version of an app. A version good enough for showing an idea, proving that an idea is f...

IntroductionIf UI design was like a full course Thanksgiving meal, "Drag N' Drop" would easily qualify as bread and butter. Or the turkey. Or even the ham. ORR... ahem... you get the point! It'...

To get started, make sure you have django installed by using the command pipenv install django in your terminal. (Make sure you are in a virtual environment: pipenv shell)Create a project django-admin...

Programming really does feel like a superpower. Getting a computer to do whatever you want it to do, is a pretty unmatched feeling.If youd take the time to merely understand what computer programming ...

I recently created a contact form for my portfolio website using Netlify and it took me some time to set it up. I wrote this post to help other poor souls out there trying to do the same.Here's how it...

AboutBhagavad-Gita-API is A lightweight Node.js based Bhagavad Gita API server vedicscriptures / bhagavad-gita-api A lightweight Node-b...

In this article, I will tell you how to easily create a Neumorphism login form using HTML and CSS programming code. Earlier I have shown the design of many types of login forms such as animated, pop-u...

I originally posted this on my blog a month ago. If it's interesting to you, I post new tutorials on freshman.tech couple of times a month.Chrome extensions are programs that enhance the functions of ...

Finding a rental in Amsterdam is really hard. There are way more people looking for a house than there are houses available.I would often react to a rental listing only to find out that I was too late...

In this tutorial, we'll show how to add fully functional authentication and account management functionality into a Rails 6 app, using the Rodauth authentication framework. Rodauth has many advantages...

I'm a 26-year-old women who works as a developer since 2016 that's 5 years in this world and in this time despite I've worked in 3 different companies and known hundreds of developers I've only found ...

I'm a 26-year-old woman who works as a developer since 2016 that's 5 years in this world and in this time despite I've worked in 3 different companies and known hundreds of developers I've only found ...

How I Single-Handedly Containered HarperDBHarperDB is a simple database that is adequately configured, works as a distributed database verging towards serverless, and is significant for micro-se...

This blog post is more on the fundamental principle of Terraform and hopefully should provide you a framework and a perspective to understand the Essence of Terraform.If anyone of you who is going thr...

In this post, I am not going to insist you use TypeScript over JavaScript or talk about how TypeScript is better than JavaScript.This post will guide you on how to start building a Node and Express se...

I picked up a new tip yesterday while working with regexes in Ruby.tl;dr - Use %r{} over /.../ when matching regexes with more than one /.I was testing if a string begins with http:// or https:// and ...

If you want to bake a loaf of bread, and you pull out the recipe card, the directions won't begin with "make bread". Of course, we're going to make bread but the point of a recipe card is to provide g...

What we'll coverWith support for Sets added in the previous chapter, our server is now only two data types short of the real Redis. In this chapter we will focus exclusively on Sorted Sets.Sorte...

If you have recently started learning ReactJS then you might be building simple and beginners' App to practice the concepts.To do list App is the one which will come in your mind first.So let us build...

Last week, Deutsche bank came up with an a very absurd suggestion of having a 5% privilege tax for remote workers. This is a very narrow view of the impact of remote work at scale and completely ignor...

It's just amazing what one can build by combining web technology with creativity.Everything you are going to see in this article has been created with just JavaScript, HTML, and CSS. No Photoshop or s...

The Side ProjectMost of us as Software Developers have something called the main job that we do to earn money, run the family, take care of our needs. If you are a student, your main job maybe t...

In this post, we will be setting up our development environment for writing go-code. Now, first thing that should be clear is having a good development environment as it brings up your "A-game" when w...

Localization in an angular application can increase its efficiency to solve business problems as it helps the software to attach people through their locale or languageTranslated apps have an ability ...

Illustration by Ivan Haidutski from Icons8You've probably read and listen a lot about Clean Code and probably you're tired of acronyms like YAGNI, DRY and KISS. All of this usually goes directly to yo...

TalwindCSS is an awesome CSS framework that we can use to style anything with ease and get our webpage to look better. Integrating TailwindCSS with React is not so simple at first as lots of different...

2020 has been a crazy year huh? If you have been following me on my Instagram, you would know that my coding journey hasn't been all that great this year. As a matter of fact, it has kinda been at a s...

Welcome To Dev!New to dev.to? Not sure where to get started? No worries!In this blog, I will share tips, tricks, and resources that you can use to write amazing articles in no time. This will a...

We recently optimized the hell out of our Lighthouse score, and one of our landing pages went from a low 70s score to a cool 96 and above score. Below I describe what started as a quick lunch break pe...

Do you want to show off your articles on GitHub? If you said YES, Then you're at the right place. By the end of this article, you'll have your latest articles listed on your GitHub Profile README. TL...

Animations in web applications are very effective if done right. They can prolong the time a user spends on your website if the animation is smooth and captivating. But if the animation is inappropria...

4 Advantages of Using a React Component Library, Three Musketeers and a DArtagnanIt seems that nowadays every software company is creating its own component libraries. Why? Well, technology comp...

It is no secret that javascript was designed for object-oriented programming. Objects have the ability to to store string, numeric and boolean values as well as functions (methods) in an easy to read ...

In this article, we try to understand the reference types in JavaScript. This article is for beginners only.In the previous article, we looked into primitive types I would recommend you to read it her...

TLDR: Configuration management is hard. Fix it before digging a deeper hole.Below is the sample.env file that looks pretty standard and innocent. This does not necessarily map to a real-world configur...

ProblemWe have a reusable library of Angular components, most are GUI based, but not allWe want to create a way so all the available components are shown on the left aside in a list, and be able to dr...

Near the end of 2019 after a discovery glimpse on Twitter, I decided to explore the tech world . Like any curious person does, I went down the rabbit hole of research. I DMed people and asked for advi...

WelcomeWelcome, dear readers, coders, and enthusiasts!Here we are with our next article. To be honest, the more I write (blog), the more I learn, repeat, and get more professional. As you all kn...

"If a snake was responsive..." is my favorite webdev meme. Have a look below if you're not familiar with this extremely important question.I love it, it is so silly. But at the same time makes us thin...

We all have the habit of delaying our work and passing it on to the next day. But most importantly programmers delay one thing the most: their Side-projects. Everybody is guilty of procrastination, an...

Automatization of deployment is must-have nowadays. There are several tools that can upload files to FTP. But none of them can upload only changes and do it in parallel. I combined two tools to achiev...

In the last post I discussed about the bundling and architecture of Webpack. In this post I would be focussing on building webpack plugins and how it can help you to solve your bundling problems. Webp...

In today's writeup, I am going explain how to populate your database with data from an external API in Django by building a small project. For this, We are going to use the MealDB API - https://www.th...

The parallax effect creates a greater perception of depth, making movement appear more dynamic. It is used mostly to create slick scrolling animations.I'm going to deconstruct how you can create the p...

What is docker and why should you use it?Docker is a platform as a service which allows you to isolate an entire operating system via Linux containers. The files we create below are instructions...

Recently, I contributed to an open-source project Twindle, which is beginner-friendly and would like to help other beginner Devs through my learning.Out of many, the hurdle of creating the very first ...

Replaying CSS animation can be a pain in the a . So here is a little tip to **replay your animation with VueJS!Here is the base code : <div id="app" > <div class="success-checkmark">...

In this tutorial well be using the Firebase Authentication service to setup user registration and authentication in a React application. Firebase simplifies the process of user authentication allowing...

I am pathologically incapable of performing uninteresting tasks. And I hate myself for it.First I should probably explain what ADHD really is. It is a deficiency of specific neurotransmitters in the b...

I have bad news and good news, the bad news is that CSS Grid is complicated and there are many things to learn. But the good news is we don't need to know everything.In this tutorial, we will build 5 ...

In this article, I will show you a way to apply fade up to your page sections, using Intersection Observer + CSS.First of all, we need to know what is Intersection Observer and what it does. In a few ...

These are illustrated notes I made while working through Chris Achard's Fix Common Git Mistakes course on egghead.The course is a great refresher on the fundamental structure of git, adding and removi...

I have had a personal blog for a while now. I had written a few posts there but it was far from perfect. It was built using basic HTML, CSS and JS. I had seen all this awesome sites with unique design...

In Part 2 of this tutorial, we covered how to build Slack-like navigation, channel list screen, channel screen, reaction picker, and action sheet. In this tutorial, Part 3, we will build various searc...

Backend is literally the backbone of development, and a big passion of mine; it's where everything started.Today I'll be showcasing 9 backend frameworks. The idea is that you focus on one of them and ...

I've written production code in a variety of different languages throughout my career, including Haskell, Scala, Go, Python, Java or JavaScript. While each language has its own clear benefits, working...

The largest tech company in the world just launched new software.There are problems with Apple's Big Sur, but let's look at a few UX decisions they (mostly) got right. User-firstEmphasis on the U...

Getting Started with Open Source If you are here reading this article, it means you at least have an idea about Open Source. This article aims to be a launchpad for developers and programmers who sti...

The SOLID design principles are five key principles that are used to design and structure a Class in an object-oriented design. They are a set of rules that needs to be followed to write effective cod...

IntroductionSo, you want to have your own infrastructure while having the best commodities to push your code to production, right?Then you have found your guide. We will go through every single ...

Hey, Dev folks What was the first programming language you learned?And what are you using today?Let's discuss how far we have come ......Follow - Om Bharatiya on Twitter...

Learn webhooks in under an hour with Node, IFTTT and TwitterLearn how webhooks work and put together a simple Webhook integration with Node, IFTTT and Twitter in under an hourIn this guide, you'...

What is Git?Git is a free, open source distributed version control system tool designed to handle everything from small to very large projects with speed and efficiency. Git has the functionality, per...

This blog post starts a series of posts exploring React components. When a developer starts an application, he has to decide what components and for what purpose will be used. In this blog post I will...

Drag and drop (D&D) is one of the feature that users of the application like to have and developers feels difficult to implement.So the best experience a site can give a user is drag and drop spec...

It's been a while since ES6 introduced the destructuring assignment, which is now supported in all major browsers. It can be used in any valid assignment operation i.e., variable assignment, function ...

OverviewThanks to community effort, we can programmatically access Nintendo Switch App's API at zero cost. This allows us to build apps capable of communicating with games connected to Nintendo ...

<< Week 9: Blockchain | View Solution on GitHub(Image: HowtoGeek.com)Last week we implemented a blockchain, which was quite intensive, so this week I opted to give you a break with a simple stri...

In this blog post I will present 5,5 ways to declutter your code getting rid of unnecessary if-else statements. I will talk about:default parameters, or (||) operator, nullish coalescing, optional cha...

As someone who is part of the LGBT+ community myself I have personally experienced some things that honestly shock me at some points, this ranges from being denied from a job due to a disability (whic...

Inspired by The Clean Coder of Robert C. Martin.1. Being professional means being responsible.Non-professionals leave responsibility for the job they do to their managers. Professionals take responsib...

I'm transitioning out of my current job as Tech Lead at Signavio. One action item that came out of our last retrospective was that I should compile a list of my responsibilities. That does make sense ...

IntroductionIf you're familiar with fetch() requests in JavaScript and React, then you've likely used Heroku to deploy your back-end APIs. If you're using the free version, you know that Heroku ...

Building Good Habits as a Junior DeveloperThis article we are going to explore how to build good habits, and how good habits help you as a junior developer level up.Every developer started out a...

Hey folks! I'm building an image generation tool that automates link previews.Later this week I'm launching a new feature. But I wanted to give the DEV community a sneak peek!Send me a link to your be...

First of all, what is code splitting and why should you careCode splitting is just a way to decrease the initial load time of a page by avoiding loading code that is not needed right away.Let's say we...

I asked my local tech community for tips on how to code deliberately and how to increase the quality of my code. I loved the variety of answers from different perspectives. The following is a curated ...

styled-components helps you write better CSS in React. It does so by allowing you to wrap all your component's styles into a neat, style-only component. So, instead of this:.wrapper{ font-family: san...

There are already a plethora of blogs and tutorials on the internet. Thus, the question is - should you start a blog as a developer? The answer is - yes. Even though there are lots of choices on the i...

I will always choose a lazy person to do a difficult job because a lazy person will find an easy way to do it."-- Bill GatesAlthough working hard works, but working smart saves time. This lazy attitud...

What is Vi?Vi was the first screen-oriented text editor created for Unix, it was designed to be simple yet powerful for text manipulation. What is Vim(Vi IMproved)?Vim is not just any text ...

Hello there, fellow developer!Did you know that PHP Sessions are blocking on a single server instance, but vulnerable to race conditions bugs on multi-server architecture? Here are the important thing...

JavaScript is a single-threaded programming language. Only one thing can happen at a time. That said, there is a way to overcome this. You can write asynchronous JavaScript code. This tutorial will he...

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

Two weeks ago I've published my Gatsby plugin as an NPM package. In short, I've noticed that Gatsby's font loading plugins were deprecated, outdated, and lacking some features, so I've developed a plu...

Hey! I'm on a mission to make 100 React.js projects in 100 days starting October 31, 2020 and ending February 7th, 2021. Please follow my dev.to profile or my twitter for updates and feel free to reac...

What is GraphQL?GraphQL is an API standard as an open-source project by Facebook to be an alternative to REST. Instead of many endpoints that return fixed data-structures, GraphQL only exposes...

Spring Cloud provides tools for Cloud and Microservice applications. Tools as Microservice Infrastructure (Service Discovery, Configuration and Monitoring), Platform Support, and Starters.We need a Se...

Simply explaining a pointerA pointer is a variable that contains the address of another variable. Basically saying that a pointer is a variable that points to the memory location of another vari...

This is episode #22 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 and add...

Until last week, I had not submitted a speech to any tech conference. I have watched a lot speeches given by others, always thinking that "one day I'll be up there". Submitting a speech is the first s...

To lead successful development teams, leads must also transform themselves. Consider these traits that differentiate successful development leads.Those who are most successful exhibit ten stando...

What are operators? They can do all kinds of things and take many different forms. They turn up everywhere, so the goal of this article is to familiarize you with operators that you'll see and use fre...

In the video below, we will take a look at how to make an API request with Postman. We will be going over the following topics:Navigating through Postman UIMake GET, PUT, POST, and DELETE requestBrief...

Hello, there are several ways of handling forms with hooks in React. Some of us prefer having an state for each field and managing changes inline. Others, have an unique state object with all fields a...

One of the most important areas to consider when you are a developer is how well you are progressing and what areas you need to improve in. Having a skills matrix allows you to gauge your progress whi...

As web developers, we usually write code on systems with good internet speeds. The bulk of our time is spent with the subconscious assumption that "other people should have similar speeds".Many browse...

In SIP3 we deal with hundreds of thousands SIP messages per second. Each message has to be aggregated into a SIP session and also saved to MongoDB.In this blog post I won't explain a rational behind c...

When I became a freelancer, I was afraid of deployment. As a startup employee, I always had the luxury of my coworkers nearby if anything went wrong. It was a luxury I only appreciated once it was no ...

This post was inspired by "How Dev Bootcamps Are Failing Their Students" by Tyler Hawkins (and yeah, I started writing it 3 months ago, something something about unfinished projects).Software developm...

Intro.NET Conf 2020 is done and .NET 5 is finally here!Information about this release is spread across a bunch of blogs, videos and whatnot, so I thought of grabbing a bunch of links and put the...

Hello Coders,This article explains how to customize the default Django admin interface using a free and modern UI Kit - Black Dashboard crafted by Creative-Tim. The final package is available for down...

In this post, I'll walk you through how to deploy a Flask and Vue app to Heroku. The final product is a super basic project you can extend to your needs.Inspiration was drawn from this post by Shaylan...

Hello, good people of Dev! I need some help from the Linux users out there.I've been thinking to switch to Linux (again) after being fed up (again) with Windows' constant lagging on my PC. I'm a web d...

This is a list of useful Linux commands. Most of them are basic and they can be used as a reference for developers. files and directoriesls => list all filesls -a => list all files along w...

Opensource.com asked readers a few months ago: Whats the biggest barrier to participation in open source? Answers from 56% of poll takers were that they arent sure where to start. And, 13% said they a...

Today we'll be making something slightly different. A full CSS powered dropdown menu!No JavaScript required!We will make use of a button, with a focus state we'll check if we need to show this menu.Th...

Bill Cipher is a character in the TV show Gravity Falls (highly recommended show by the way, and available on Disney+):Image from Gravity Falls Fandom page.In this post, we are going to draw Bill usin...

Working with files and directoriesWorking with files and directories is perhaps one of the most basic and simple thing which every Linux user should have somewhat of an idea of. The following co...

Some developers love to do it and some hate that part of the job. One thing is for sure. Every dev has to debug - a lot. So, we may as well learn how to be very effective at it. In this post, I would ...

This latest post is related to CSS in which i will add filter to some images purely using CSS. Lez get into it.We'll first see the markup write below and will see the output pics one by one. You'll al...

How do you pass data from one component to another in a React application? Cue, Props! What are props?"Props" is short for properties and can be used to pass dynamic data between components. Prop...

So if you're a JavaScript beginner you might be wondering, what is the difference between var, let and const...and why does it matter? They are essentially all the same, with a few different quirks. ...

Readable code is maintainable codeIn this short post, I will go over some of the rules that you can apply to improve your code. All code samples are Javascript.I find that Readable code is maint...

You know, when I heard the name of the Liskov Substitution Principle for the first time, I thought it would be the most difficult one in SOLID principles. The principles name sounded very strange to m...

Intro and SetupYeah, I know, another snake game... But I wanted to introduce you to pygame, a fun little module capable enough to make simple and fun 2d games in python, so here I am ...To get s...

.NET 5.0 was officially released this week, bringing with it a range of improvements to the .NET ecosystem. Like many .NET developers, I was quick to download it and give it a test run. This article d...

IntroductionHello there!In this blog post i want to introduce you to the craftsman mindset and why this approach is a good way to find your dream job and live a happy life.Whats the craftsman mi...

If you have trouble isolating unit test data to avoid conflicts, think about mock DB! In this article, we will learn how to use Gomock to generate stubs for the DB interface, which helps us write API ...

My previous Mac was starting to overheat so it was swapped for another. I decided to install things as I required them rather than restore from a Time Machine backup as I thought I'd probably built up...

What we will be working onWe will be working on optimizing the website of the companyI work for coatconnect.com.PageSpeed Insights is a very powerful tool by Google. It allows us to analyze our ...

You might not be aware of it, but you use some form of open source software every single day.Every time you start an app on your phone or launch a program on your computer, you profit from the code th...

Is there a way to classify REST APIs based on their architectural maturity?The Richardson Maturity Model developed by Leonard Richardson is a heuristic that is used to indicate how mature a web servic...

Now that you have built your very first web application using React, it's time to deploy it. I will be using Netlify as it's just simple and straight forward. This blog is for apps that only contain f...

In this post, I'll show you what I consider the most important bits about Python's f-strings. You will learn several different ways to format a string using f-strings, completely guided by examples. I...

Now its the time to start another journey with the second SOLID principle, the Open-Closed.Open-Closed principle states:Software entities (classes, modules, functions, etc.) should be open for extensi...

Discord is a messaging platform that enables users to communicate with texts, voice, media, video call in private chats or as a part of communities called "servers".You might have used discord and hav...

SummaryIn this post, I will show you how to build a blog web API in Node.JS. This tutorial uses Express.JS for handling HTTP requests and Mongodb for storing data. Table Of ContentsIntroduc...

D3 - which stands for Data-Driven Documents is an amazing data visualization library. It's pretty that you can draw a map of the world, with all the countries in it in just 16 lines of code.import { ...

A time ago, we made this cool year loading bar, and this made me think a countdown timer would also be cool.Since I'm getting married next year, let's use that as an example.We will be creating an end...

IntroductionThe hardest part of a coder is to choose the color for your project which can include logo, website, digital illustration, etc. To ease your process of choosing colors, I have come u...

I've heard a lot about Postman, people talk about it so matter-of-factly that I was concerned I was way behind the curve having never used it. Recently I completed a back-end coding challenge and I d...

Hola! Lazy dev here, and today we are going to discuss computer eyes that help us to test how our products look like. The visual regression tools that we are using every day are extremely slow. That ...

What is a Closure?A Closure is an inner function that makes reference to the environment in it's outer function. A simple closure looks like this:function outer(){ let name = "John Doe"; fun...

At the beginning of our career, every developer learns the if else conditionals and immediately start using it everywhere. I would say it is normal because the use case is quite simple to understand,...

I made a Rick and Morty dead or alive game using the Rick and Morty API. It uses React with Hooks, and Context for state. Waste 5 minutes on it and tell me what you think.Rick and Morty Dead or Alive ...

Spacing is one of the core elements of design. Its something every designer learns early on: Add whitespace. Elements need air to breathe.As a consequence, I add CSS margins and paddings every day. It...

The way we write, ship, and maintain software today has evolved drastically in the last few years. How we consume underlying infrastructure to run our software has matured significantly, in that we ha...

I've always wanted to build my very own portfolio website and blog. After many years of laziness.., finally, I mean, FINALLY I've done it.. I have built my own website dineshbalaji.in.. Please do chec...

Take a moment and try to put yourself in the shoes of someone whos just landed a job on a development team. You pored over page after page of job postings, looking for the perfect combination of chall...

The JAMstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. JAMstack applications are practically serverless. To put it more clearly, we ...

Before we begin here is the link to what you'll be able to create once you read this whole article.Yes, indeed, it is possible to capture images on the browser. Well, it is true that with the power of...

Hey Developer, Bringing you a blog post on some repos I found useful and will enhance your knowledge in the field of development. This post is for all the developer and aspiring-developers. You can us...

Deutsche Bank's (DB) new research suggests that remote workers should be taxed for the "privilege" of working from home! Why should remote workers be taxed?According to DB,Those who work from hom...

Id already worked with default plain shell for quite a long time until I recognized that I couldn't face that ugly and boring guy every day anymore. Being a developer, I spend time working with shell ...

There is one important prerequisite to becoming better at anything: Concentrate on the things that matter, and give up what doesnt. Developing is no exception. It is a process that can become problema...

PDFs Made EasyGenerating PDF documents in Python can be a pain, with lots of janky dependencies and HTML generation. I'm going to show you a much easier way with nothing but Python!Using Anvil, ...

I've been developing software using Django for a while now and over the years, there's a couple of resources and Libraries that I've come to depend on. They're tried and tested and can be easily exten...

Hello World In this article, we will see the order in which different useEffect callbacks and cleanups happen. We will also see how it differs when the app mounts, unmounts, updates.This image i...

Let's start with what is a Hook?A Hook is a react function that lets you use state and react features from a function based component. Hooks let you use the functions instead of switching betwee...

In this tutorial, we will create a React Weather App and use React's latest hooks. At the end of this tutorial, you will have knowledge about React's most common hooks and how to create a custom hook....

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

IntroductionI recently interacted with a friend who had just started out as a developer and she told me that she found it really hard to provide estimates against the user stories assigned to he...

IntroductionIn this article, we will learn about closures in JavaScript.Every JavaScript developer should be aware of closures as it's the most frequently asked interview question as well as und...

As a personal fun project, I challenged myself to do 100 CSS drawings in 100 days. I published a series of 10 posts with 10 images each. This article has all images in a single post, as well as links ...

How can you be like the type of person you would like to meet? I have been thinking of people that inspire me and what they have in common. They all have these character traits: courageous, persistant...

I have a short attention span for desktop Linux and take the destroy-everything-and-start-again approach to system configuration, so I reinstall Ubuntu a lot. Heres a rough list of stuff that I set up...

This is the final installment of the 100 Days of CSS Illustrations challenge... at least the last one with new drawings spoiler alert: there will be new drawings, there will be at least one more post ...

A search bar is a great way to make content on your Gatsby site discoverable. In this tutorial, I'll be walking you through how to add local search to Gatsby with FlexSearch.I'll be basing the code of...

Weve been living in the shadow of Ruby 2 for seven years now. Seven! Ruby 2 was released in 2013 (which incidentally is the same year as the initial public release of React 0.3.0!).In that span of tim...

I've been writing code for over 10 years now, and although I've been doing more management lately, at my peak I was able to write 500+ lines of well-performing code a day. Here are the principles that...

Hello in this post we'll be looking at some "advanced" features on terminal Git to deal with file changes, branches, commit hand, ling, and shortening repetitive work.This post is the continuation (ak...

More of us than ever are looking for jobs. Many are looking for their first SWE job.I'm hoping between all of us here on dev.to, we can provide enough advice to help even just one person land their fi...

A dream job comes in all shapes and sizes. It could be that perfect company, the perfect role, the perfect work/life balance, and many other factors.I was lucky enough to get all of them.How did I do ...

As the complexity of Cloud Computing is reaching clouds, we, as developers, are posed with problems that never existed before; deployment being one of them. Of course, one could always go for Virtual ...

As the complexity of Cloud Computing is reaching clouds, we, as developers, are posed with problems that never existed before; deployment being one of them. Of course, one could always go for Virtual ...

Everyone's a beginner at some time in their career, whether it's when you are in school, in a boot camp, a postdoctoral program, or as an experienced developer learning a new technology. Learn w...

TLDR; JavaScript is an exceedingly popular language and applications built from it exist in many places, not just the browser. It's also used to develop backend services, work with IoT and much more. ...

Strong business begins with strong resource management - the ability to plan, track and optimize the utilization of resources such as human resources, time, money, equipment. When it comes to managing...

So... I embarrassingly bombed a technical interview yesterday. It was... BAD. In all honesty, this interview had the potential to be great. Both people interviewing me were very calm and kind. And I h...

I'd like to introduce a pattern for writing CSS I've been using in production for almost a year now that aims at solving the hassle of theming and coloring in CSS. This pattern helped me reduce by 60-...

Become a well-rounded developer and keep improving IntroThis year I've spoken to couple of beginner developers who need advice on how to grow their skills and career. Here are some which are top ...

One of the great things about SSR is that we get to use the same code on our frontend and our backend to render our app. Well, sort of.When we use the same code, right off the bat we have a problem: t...

Let's admit that Dark Mode now is a thing, and people love it. It does look cool, like the terminal in your computer, or your code editor. I bet you prefer them to be dark as well (people who use the ...

Im using the new ECMAScript 2021 features for over a year, thanks to Babel. Almost all the features are useful, but I most liked only three of them. They saved me a lot of time and made my code more r...

Hello all! In this note I'd like to collect some useful aliases which you can use in your .pdbrc file which you can place to your HOME folder or current dir.So let's start from docstring of pdb module...

Hello! I'm back with Part 3 of this tutorial! As promised, in this part, we'll deal with authenticated requests like creating posts, adding comments and uploading images. Let's get started!If you get ...

When it comes to automating the test cases, one of the most difficult choices one has to make is to select the programming language that has good support for test automation. Python, Java, C#, Ruby, e...

Yes, the Angular version 11 just released as well as Angular CLI and Angular Material. I am really excited about that and I hope you too Here is quick overview Automatic Inlining of Fonts - Angu...

This post was originally published on https://vision-secrets.comIn this post, we'll discuss some important concepts of React Js. Some Concepts are not just related to React js instead they are univers...

You create a table of information somewhere and decide to transfer it somewhere else in markdown format.Only, when you go to copy the values into your code editor, you realize that the formatting is a...

The time has come for my Module 2 Sinatra Project. Dun dun dun! While my previous case study on Lakers < ActiveRecord::Base solely focused on the Model from MVC (Model-View-Controller), this Sinatr...

There is a reason why high performance athletes and successful business leaders always have coaches and mentors. The shortest path from struggling to being productive is advice from someone who has be...

The descriptions above are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of CSS Illustration.IntroductionIllustration is visual imagery that is best ...

One problem with many tutorials is that they try to teach you everything and forget to tell you WHEN and WHY to use it. In this tutorial, I am going to show you the most common use-cases of Flexbox, a...

If you're a developer like me who has problems connecting the disconnected abstract pieces of code and have a hard time understanding how and where the state is being updated. Then you might also be h...

In this post I want to explain how to test most popular React Hooks using jest and enzyme.To test react lifecycle, we need to use mount instead of using shallow. useStateTo test useState I create...

Note at the bottom that there is some disagreement on terminology hereI was messing around with event listeners during a pairing session yesterday and thought it'd make a fun post. It started with th...

React is a JavaScript library that uses a syntax called JSX this stands for JavaScript XML. It is a syntax much like XML/HTML that can co-exist with JavaScript code. This means we can write HTML like ...

Cover image background by Patrick Baum on UnsplashC is an amusing language, because there are some people who are used to writing in assembly or (I assume) knitting ones and zeros together by hand tha...

Were excited to introduce you to our two newest team members: Pat Hannon (Principal Systems Engineer) and Andy George (Senior Systems Engineer). Alongside @jdoss, our Principal Systems Architect, @pha...

SwiftUI becomes more popular as it gets more capable with each iOS release. However, it may take some time until it's a better option than UIKit to build complex user experiences such as chat and vide...

Hey! I'm back here with part 2 of this tutorial. As promised, now, we'll be working on the frontend. As always, the code is available on Github Interacting with the Strapi APII was supposed to pu...

Most, if not all, companies deal with complications and integration headaches somewhere in their data pipeline due to an inability or difficulty of connecting certain systems to one another. Sometimes...

If youre coming into tech from a different industry, or fresh out of college, the process of finding your first job can be painful and frustrating. Ive seen a lot of new devs struggle with the applica...

The "API Economy" is a popular term among VC's and tech media, but I find it curiously unappreciated by developers. I think this is partly because developers know this revolution by other names ("SaaS...

On many occasions, we dont value the importance of establishing a clean, understandable, and scalable architecture when developing a REST API (or attempting to have this pattern), but in the long run,...

Given an array of integers, find the largest possible product obtained by multiplying two adjacent numbers in an array. ExamplesadjacentProduct([1, 2, 3]) ==> returns 6adjacentProduct([3, 4, ...

Recently I had the honor to lead the learning module at the Collab Labs weekly meeting, where we discussed and brainstormed the ways of effective written communication for developers. The Collab Lab i...

i personally tend to listen to lofi ...so if anyone has a good recommendations let me know . ...

Custom User Model in Django. Steps Involve.Creating custom user model and manager.Update the settings.pyCustomize the UserCreationForm and UserChangeForm.Finally update the admin.py file fo...

In this blog post we are going to explore how to return multiple elements from a component's render(for class-based) or return (for functional) methods. What elements are returned?Let's refresh i...

As a front end developer one of the key tools in my debugging arsenal is the console log. The ability to log data and check that it renders as expected in the browser allows you to quickly debug speci...

Although the initial release of Svelte was back in November 2016, it's still more of an underdog amongst the JavaScript front end frameworks and just recently started to get its well deserved attentio...

Hello wonderful people of DEV! Thanks for 50 followers by the way, you're all awesome! I'm back with another tutorial for you guys, and today, I've got Strapi!Strapi is a CMS (Content Management Syste...

IntroductionThis series of posts will focus on creating a voxel engine, from scratch, based on BabylonJS for the low-level 3D routines support.To begin, here is in the video below, the first tar...

Create snippets of your browser and desktop applications for social media, text recognition, and other image processing stuff. Loading Video with Screen CaptureYou can of course load a video from...

After messing around with really getting to know the in's and outs of data frame management and other sides of data science in Python I have been reluctant to get into Machine Learning with the worry ...

Youve built a beautiful, or at least a functional, application with a Rails API backend and React frontend that you want to share with the world. Whats a dev to do? Heroku! Pre-ReqsYou are going ...

Once we have a controlled form set up in React, we have to handle getting that data from the form and to the appropriate location to update state, so that the new information can be rendered to the DO...

In this article we are going to train and save a simple model using ML5 and NodeJS.ML5 is a high level machine learning library that is very easy to use and that behind the scenes uses TensorFlow JS. ...

As I have been working on my EMXI Pure JS Library, I have been putting Functions inside of constants. It's not a difficult thing to do, but I feel like they should be used more often. So how do you ma...

As companies and organizations find themselves dealing with rapidly increasing amounts of data, there's a growing need for developers to effectively use databases to handle this data. SQL, which stand...

I published a npm library that allows you to write your conditional business logic in a declarative pattern like React does. It is currently being used at HackerRank in production and has made our cod...

I decided to write about this because I do think boot camps are a great intro to programming. Keep in mind that this is my personal opinion. I want to describe what is like behind the scenes of a boot...

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

We have all heard of Writer's block... A writer sits down at their computer ready to write a masterpiece. They have their steaming cup of coffee next to them as they open up Word. They see that flashi...

Being productive in VS Code can help you focus on just your code or can speed up some repetitive tasks you are doing. To start being productive all you need is to learn a few keyboard shortcuts and in...

Web apps that contain tables, charts, and graphs often include an option to export the data as a PDF. Have you ever wondered, as a user, what's going on under the hood when you click that button?And ...

You can use props.children in React in order to access and utilize what you put inside the open and closing tags when you are creating an instance of a component.For example, if I have a Button compon...

For years, I've been using Sourcetree as my go-to-tool for all Git related actions and repository management. It did all I could wish for and I couldn't imagine why someone would pay for a Git client....

This is my first post here, so go easy on me Essentially, a hook is just a javascript function prefixed with use which is allowed to invoke other hooks.1 Within reason, you can make a custom hook do w...

Hoppscotch just received it's 25,000th star on GitHub. We'll use this milestone to recap Hoppscotchs growth and other important milestones since its beginning as an experimental project in 2019. We've...

Containers have been around in Linux for years. It a concept where one or more processes are isolated from the rest of the system. The containers have all the files they need to run those processes in...

IntroAs you know, React is just JavaScript. That means it can be tested just like any other JS application. There are lots of testing libraries and test runners out there, but I find that the be...

I've been a professional programmer for the last several years. During this time I've risen rapidly through the ranks. I started as an intern, but I'm now the Lead Engineer responsible for a suite of ...

Why Quarkus is a good choice?Quarkus is one of the best frameworks for Java! First, there was the Wildfly, that as an experiment became a microservices focus project called Wildfly Swarm. Then W...

Fellow devs, I'm looking for some newbie-level Java courses, YouTube videos, books to brush up on my knowledge and go on with programming. What resources would you recommend?...

Introduction to Web AssemblyWebAssembly is a new type of code that can be run in modern web browsers it is a low-level assembly-like language with a compact binary format that runs with near-na...

You didnt choose the programming life, the programming life chose you! Hello World, Let's Begin!In this blog post, I will briefly cover and answer a few common questions on programming.Why ...

In JavaScript, undefined and null are very different from each other. However, there are only a few similarities that may confuse a beginner to the language. This article aims to explain the similarit...

This is not a :focus selector, which will highlight when you focus on an element.But a selector to fire when something within is focussed.In our case, we'll be focusing on forms (I see what you did th...

Long time no DEV! Been heads down but have some fresh content for y'all, originally posted on my blog. Photo by Anas Alshanti on UnsplashThis is monumental for me; I actually shipped something I said...

If you have a gaming hobby like me, chances are you have heard of or use the service Discord. For those not in the know, Discord is a voice-chat, messaging, and video streaming application. I have bee...

Lets take a look at how we can structure our Sass projects!As projects grow and expand, the need to modularize our directory and file structure increases dramatically. Thus keeping our files and folde...

What is SOLID?SOLID helps you to write code that is easy to maintain, extend and understand.It is an acronym for the following 5 principles:S = Single-responsibility principleO = Open-closed pri...

Today, I am not going to go into why you might want to become an engineering manager but I am going to share with you how you can approach this career transition.Note that I use the word transition qu...

In this post I will be covering the core concepts of Webpack which will help us to understand the basic mechanism and give us more clarity before building our own custom webpack plugin. So let's dive ...

A growing collection of things I consider code smells in React components.Too many propsIncompatible propsCopying props into stateReturning JSX from functionsMultiple booleans for stateToo many useSta...

IntroductionHello everyone, hope you're coding well. PrerequisitesIn the last article of this DevOps with Docker series, I explained how you can use Docker to make your life easy. I discuss...

Writing software is pretty fun, but there are lots of menial tasks that can get annoying. Things like testing, handling deployments, and other small tasks can take away from the fun of writing code. T...

Hi, Im Ulyana, a self-taught front-end developer switching careers from real estate analyst to tech. In August 2020 I got a job offer after only two weeks of interviewing. After sharing this awesome n...

Why a VGA Driver?Our operating system needs some way to interact with the user. This requires us to do some form of I/O. First, we want to focus on visual output. We will rely on the VGA 80x25 t...

If you're reading this blog chances are you really interested in Elasticsearch and the solutions that it provides. This blog will introduce you to Elasticsearch and explain how to get started with imp...

Everyone likes CLI's (or maybe it's just me). I have compiled a list of the CLI's I use on a daily basis, some are well known some are less so, but all of them help me get things done faster and some ...

There's been some fascinating discussion and debate recently about the modern web, and whether what we often take for granted as "the right way to do things" is really better than "the old way". A lot...

Sept 1, 2020 was the 7th annual DevOpsDays Chicago conference. It was also the first time we did it virtually. It was super well-received, and a lot of folks have been asking me for details on our imp...

I have a Node/Express app running on an AWS Lightsail instance with PM2 as a process manager. The app is currently running on port 4000. The IP address for the instance is attached to a subdomain that...

My publishing workflow is more or less automated. The only point is uploading images for linking and displaying. The dev.to API doesn't support uploading images yet. To automate this part I decide to ...

Do you want to make a car racing game using only simple HTML, CSS, and JavaScript programming code? If your answer is yes then I will guide you completely on how you can make a racing car game. A high...

Why am I learning python?I have recently made a career change from a Cisco collaborations engineer to technical writing. I became bored with the tedious repetitive tasks I was doing and knew tha...

The thing that makes a mechanic good at what they do are the tools in their toolbox. The same goes for coding. A software developer is only as good as his or her tools. Using the right ones can make f...

What is Monitoring?Applications get complex and are needed to be managed on a large scale in order to ensure that your infrastructure stays operational. You should have a way of knowing how your...

The Specifications.NET Core and ASP.NET Core have come a long way - and so have the different tools to version your ASP.NET Core APIs.There are three main ways to version your API endpointsPath ...

Property getters and setters allow you to change the default behavior when accessing or modifying object properties. This tutorial teach you all you need to know about them. You will learn what JavaSc...

npm is package manager for Node.js that allows JavaScript developers to easily share packaged modules of code. In this tutorial well be creating and publishing a simple npm package that displays a fun...

Hey everyone.I've decided to update my portfolio recently. It currently does not display client work I've done nor does it show my own personal projects. Older version https://braydentw.github.ioNewe...

Agile software development means different things to different people. In this post, we will define what agile software development is with a simple analogy that a five-year-old can understand. The an...

This article started out as an explanation of my approach to handling state management in Angular apps. Instead, it's turned into a list of lessons I've learned while using Angular for around 3 years....

At cinch, I work on the inventory team and we manage all of the vehicle inventory, tracking the status, location and all kinds of other data for thousands of cars. We have an event driven architecture...

My Programming Background (or lack thereof)My journey as a programmer started when I chose to pursue Software Engineering as a major after completing my High School Education. Since then, I hav...

When someone starts looking for optimizing the performance of their web application they immediately come across this tool called lighthouse by Google.Lighthouse is an awesome tool to quickly find out...

This morning I was counting the number of days from an appointment on my calendar. "0, 1, 2, 3..." I muttered under my breath. Good thing I said it out loud, or I wouldn't have caught my mistake. That...

Background StoryThis week has been great, I have gone through some fantastic designers who are inspiring on UI/UX design. I decided to share the links that you can follow and add them to your in...

Manual testing is by far one of the most painful things in the software development lifecycle, as your products evolve and more functionality is added codebases tend to grow, if your product is being ...

Hello Fellow Codenewbies There are many factors in CSS to be considered when we think about responsiveness.One of them is CSS Units.There are two types of units:AbsoluteRelative - to the size of font ...

This is my blog post series that explains the core concepts of programming to beginners. In my previous blog post I showed you how variables work in JavaScript, what data types are, and how the differ...

Here is a fun little tool you might enjoy. It doesn't do much other than displaying a bunch of info about your Git Repository along side an ASCII logo of the dominant language.Onefetch supports more t...

This is still a technical stack that I am learning so this is not meant to be a deep dive on all of the complexities of the language. It is just my thoughts and experience from working with it so far....

Ever wished you could just use typescript to write your infrastructure? You may or may not have heard about the release of the terraform cdk (short for cloud development kit). It's HashiCorps answer t...

What is React?React is the most popular front-end JavaScript library in the field of web development.React is created for building fast and interactive user interfaces for web and mobile applica...

Who doesn't love animations? They're fun, engaging, and versatile. In this post, I will introduce Lottie animations and how to implement them into your React website. What is a Lottie?A Lottie i...

GitHub Repo: https://github.com/resotto/goilerplateGoilerplate Clean Boilerplate of Go, Domain-Driven Design, Clean Architecture, Gin and GORM. What is Goilerplate?Good example of Go with ...

Technical coding interviews or code challenges on websites like LeetCode, CodeWars or HackerRank can often include varying questions that revolve around a singular idea. For example, a palindrome can ...

Hey there Dev.to community!I've been a Vue fan for a long time, even before time itself. Here are some questions I've had the experience of being asked while in an interview. Something to be clear fir...

Series IntroductionI have recently watched Preventing the Collapse of Civilization by Jonathan Blow - amazing talk - and was curious if I would be able to write an operating system from scratch....

The Fetch API makes it easier to make asynchronous requests and handle responses better than using an XMLHttpRequest. Fetch allows us to create a better API for simple things, using modern JavaScript ...

Hey guys, so this is my first dev blog post and all I can say is that I can't wait to share my thoughts and experiences here, be sure to stick around to read more and follow my podcast KCM (I prefer t...

This post will cover the following:Simple steps on how to add a search bar in React We'll use useState for managing the input text fieldFiltering methods: filter and includes Example: Step 1...

If you are thinking about starting a blog one of the first decisions you have to make is where to host it. If you want to just focus on writing it's perfectly fine to opt for ready-to-use blogging pla...

educational (courses,books...)health - quality food, exercise and restgrowth - push yourself out of your comfort zoneinspire - connect and learn from people who are where you want to beHow do you leve...

We continue with Flexiple's tutorial series to explain the code and concept behind common use cases. In this article, we will solve for a specific case: To check if an array is empty using Javascript....

How to manage containers with githubUsing Docker is common place, it's useful in various points of the SDLC, and solves some headaches when it comes to reproducing a code build on different arch...

I made a bot that speaks Python. Don't believe it? Check it out on Telegram @runPython_bot.This bot basically runs your Python code or evaluates a valid pythonic expression and returns the result.For ...

mltype is a command line tool for improving typing skills. It does so with a tiny bit of deep learning.If you clicked on this post hoping you would learn something about static typing, type annotation...

I will show you how you can easily create a snake game using simple HTML, CSS, and JavaScript programming code. The game of snake is a very old and well-known game. Which you can build using common HT...

You want to start a blog. That's a great idea! But don't know how to set up a blog. Every time you search on the web, you are overwhelmed by so much info and everyone telling you to do different thing...

1> NO DISTRACTION :Distractions like social media, texting, or even just the notification sound are proven to be the number 1 cause for low productivity in work. Decide on a specific period o...

Hi guys,In this article, I will guide you on how to do real-time vehicle detection in python using the OpenCV library and trained cascade classifier in just a few lines of code. a brief about ve...

Freelancing can be challenging, especially for those who are just starting, with no or low reviews what so ever you find it hard getting one single gig. And when you do, you have to sell your services...

As a software developer, getting time estimations for building features is often a tricky part of our daily work. One Sunday last month, I finished this digital art work within a day, and here's what ...

In the last blog post (see here) we looked at why need to wrap our React elements in a div, please see here if you haven't already read that post! At the end of that post we discussed why having unne...

Have you ever thank on how many ways we can iterate over a NodeList? I myself use a single workaround for a job but I was thinking about and I realized there's much more. Lets look at some optionsGett...

Photo by Maddy Baker on UnsplashIf you are like me and work for different companies, have several side hustles and fun projects, you will probably have the same problem as I have:You want to use diffe...

Nanowrimo has started, but its easy to lose motivation. This countdown tool will put a figurative fire under our fingertips and hopefully inspire you to write a tiny draft to get started with that mom...

Hacktoberfest 2020 was the second one for me. A year ago, I made my first open source pull request and was super excited about the whole event. I couldn't wait for this year to come - I had so many pl...

Has it ever happen to you that you wanted to make hover effects and then everything is completely ruined ? Like when you want to add background color and make the link/button bigger but then when you ...

Happy Friday!Looking back on your week what was something you're proud of?All wins count big or small Examples of 'wins' include:Starting a new projectFixing a tricky bugVoting in the U.S. general e...

Two months ago I quit a full-time job in a pursuit to learn coding. I know that most people would call me insane. You may even argue that the trade-off of giving up a steady paycheck to learn some ski...

There is no question that this year has been challenging for all of us. When we all stayed home in the beginning of the year a lot of us found ways to make the best of the situation, stay in touch wi...

Hey! I'm back here with another tutorial/guide. Today, we'll be looking at Serverless. An intro to serverless What is serverless?Serverless is where you don't have a backend. Yes, that's rig...

No time for introductions! I've been front-end-ing for a while. Here are some of the extensions that helped me along the way. Links on the title.Let's go! PesticidePesticide is great for debuggi...

What we'll coverNow that our server supports Lists, the next data type we will add support for is Hashes. We've covered the concept of a Hash, also called Map or Dictionary in Chapter 6 where we...

Here's how things went down:I finished developing a CSS game (Flex Box Adventure) using Gatsby.Deployed it to Netlify.Shared it with folks on Twitter and said, Share your feedback with me.Went to slee...

Do you want to start a new project but don't have any ideas? Here are some fun APIs you can use: PlaceGOAT: Because there are not only cats on Internet. The Bored API: Let's find you something to do....

This is a complete web development resource you need to build your next project. More than 150+ resources for your web development.This is a shortlist of my Github Web Dev Resources repo. To get all t...

The ideaLet's demonstrate the basic functionality on a useful idea. I have a folder/label in Gmail with a lot of emails. I want to list all email addresses - all senders.Everything I need to do ...

DAY 1 - Where to start?The #100DaysofCode was one of the goals which I've pushed back several times in the past either due to some time constrains or looming workloads that I was handling back then. T...

I recently had to configure all my tools after a fresh Windows re-installation.This went well and quick as I keep up to date a list of my favourites tools. This way, I just need to go through my list ...

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

Originally published at https://webup.org/blog/react-device-based-code-split/ by @moubi This article is a mix of arguments, reality checks and a code solution at the end. Its focus: device (touch/desk...

Were going to take a look at localizing a React app with react-i18next and i18nexus. i18next is one of the most popular JavaScript localization libraries around, but its power is truly unleashed when ...

Debounce, Performance and ReactWhile "debounce" is a more broad software development pattern, this article will focus on debounce implemented in React. What is Debounce?Debounce is a way o...

A small overview of web development approaches and when they appeared. Documents vs ApplicationsThis is a popular argument to justify SPAs and CSS-in-JS. The web was invented for documents, but n...

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 [email protected]_keith has some really v...

Want to learn a pretty new, cool and easy-to-use programming language? Crystal is a compiled language with the syntax ease of ruby and computational efficiency of C. Yes that's right, C. YouTube here...

Creating carousels for a website can be a complicated and stressful process.Well, this problem can be solved using SWIPER JSSwiper is a cool and easy to use JavaScript Library.It is a modern touch sl...

Deciding to participate in the 100 Days of Code Challenge was one of the best decisions Ive made this year. This challenge was created by Alex Kallaway, and the premise is simple. Dedicate at least on...

What is an API?API stands for "application programming interface". APIs allow one application to "talk-to" another, allowing for the transfer of stored data or instructions. API's are everywhere...

If you ever encountered websites with press logos, youll notice they are neatly aligned next to each other. For my sample Bootstrap website, I created a fake start-up company promoting an app for adop...

Earlier this week I released GraphQL Helix, a new JavaScript library that lets you take charge of your GraphQL server implementation.There's a couple of factors that pushed me to roll my own GraphQL s...

A search bar is a great way to make content on your website discoverable. In this tutorial, well be building an accessible search bar component using React. Well also be adding a couple of unit tests ...

In a constantly changing world, more and more new professions appear and gain popularity. But there is one of a few industries that remains popular decades later. It is programming.Lets face it: self-...

...

What is GraphQL CRUD Java?GraphQLCRUD java is an extensive framework built using the GraphQLCRUD spec which provides a specification for common operation on top of GraphQL. It provides numerous ...

What are some good interview questions that you have asked or have been asked? What resources do you use to come up with good questions?I am not asking for take home work, or whiteboarding questions....

Hello World In this tutorial, we will see how to easily set up authentication for Next.js apps. Step 1. Create Next.js applicationyarn create next-app next-auth# npx create-next-app next-au...

The world wide web is massive. In this post I will explore Internet architecture and web servers. Internet architectureHTTP vs HTTPS. HTTP stands for Hypertext Transfer Protocol.HTTP stands for ...

Hi. I'm Denis. I've recently completed a mega workshop called 30 projects in 30 days.I want to give a talk in my company about the lessons I've learned from it. But I'd like to know who can be i...

I have recently collected several interesting javascript libraries, each of which is particularly creative. Maybe you don't have to use them, but I dare say that when you add these libraries to your p...

particles-bggithub url: https://github.com/lindelof/particles-bg A vue.js version of particles-bg-vue is here https://github.com/lindelof/particles-bg-vue Online demodemo1 https://stac...

Well-configured code editor / IDE, browser, and terminal are the main tools for developers. What combo do you use in your daily workflow?To start off, I'm using VS Code, Google Chrome and Git Bash....

Imagine how much time developers from all over the world spend on dealing with bugs and issues that arise in code. In fact, it might feel like your abilities in this area can define how valuable you a...

The memory game is a pretty interesting game, and has been around for a while. You are given a set of cards containing images which are turned to the back, when you click on an image, it flips over an...

In this tutorial lets learn and master Simple CSS selectors. What is a CSS selector?In CSS, Selectors are used to select the HTML elements like div, h1, span and style them with CSS properties.Fo...

In the last six months I have tried several programming languages and frameworks. I have done projects with Django, Laravel, Rails, Vue and React.I loved all of this framework. They are all mature and...

JavaScript is said to be a Prototype-based language. So "prototypes" must be an important concept, right?Today I'm going to explain what Prototypes are, what you need to know, and how to use Prototype...

My favorite part about side projects comes after the initial build is complete and I can focus on scaling. At this point, it's valuable to consider tools that can help you focus on the main goal: Talk...

TDD (Test Driven Development), automated testing, unit test, integration test, are some of the popular keywords you find in recent software development job descriptions/requirements, most especially J...

We built the new Hack4Impact.org in a month-long sprint once we had designs in hand. To move this fast, we needed to make sure that we used tools that played to our strengths, while setting us up for ...

When I was seven, I was in a soccer league with my brother. I was scared of the ball. I would happily run in whatever direction the team was running, as long as I could stay far away from any tussles....

Next.js offers several ways for fetching data since it supports both client and server-side rendering. One is by using SWR, which is a set of React hooks for remote data fetching.In this tutorial, we ...

In this challenge, we will check if a string contains consecutive letters as they appear in the English alphabet and if each letter occurs only once.Rules are: (1) the letters are adjacent in the Engl...

As a new developer, I don't feel like I have a lot to share. The reality is that I don't. Many times a day when I am working on building a project, I need to search google or spend time in the docs of...

In the beginning, working with git can be quite daunting - things get lost and cant seem to be found in the depth of the terminal and all this talk about rewriting history and every developer's person...

I wouldn't say my code is beautiful but you can see all the code in the github repository.https://github.com/lechatthecat/oranI made a scripting language in Rust. You can try this language by$ git clo...

WELCOMEGood day, dear coders, enthusiasts, and lifetime learners!Today I decided to post about a simple project I developed recently. This project was both just for fun and a learning step for m...

At times, you may want to execute a function at a certain time later or at a specified interval. This phenomenon is called, scheduling a function call. JavaScript provides two methods for it,setInterv...

Hi Everyone!This is my first post on here. I'm currently in my third week of my Full stack boot camp with CodeOP. I'm loving every minute of it. CodeOp is a coding boot camp with a mission to empower ...

Article originally published on Tinloof.In this article, we'll build from scratch React Notifications (toasts) without using any third-party library (except React).The notification component has the ...

As some of you may know I recently joined the Marko team, but I've been working on a future version and haven't actually got to dig into the current. So join me as I learn about how Marko works.Today ...

Hello, I wrote this guide with the purpose to show how to develop a simple app using react, and configuring webpack and babel by hand. I hope that could be helpful if you are starting to work with thi...

PHP 8 will be available very soon. It's a major version with breaking changes, but also with excellent features. DisclaimerIt's a personal selection, not an exhausting list. Small details bu...

You've probably encountered an HTML code that looks like this:<!DOCTYPE html><html><head>...</head><body>...</body></html> Enter fullscreen mode Exi...

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

In the past 2 years I found myself having to install and configure Puppeteer to capture webpage screenshots on so many occasions.So I thought it would be great to have a generic API that captures webp...

Hi all,I'm curious: have you made recent changes to your workflow to boost productivity? And if so, what are they?Lately I've been using Zapier a LOT more heavily to help me manage my daily life (my a...

In computer science, functional programming is a programming paradigm -- a way of thinking about software construction based on a set of fundamental, defining principles.The fundamental, defining prin...

With cloud-native applications, there's always a chance that something could interrupt your services. Maybe a wire gets unplugged and that brings down your server or one of your services loses network...

We have recently finished our latest accessibility review on the platformOS Developer Portal. This article describes our approach to accessibility. As our developer portal is open source and all plan...

Programming is all about communication. We communicate with computers to tell them what we want them to do. We instruct them to carry out tasks to the finest degree of accuracy. We communicate with ou...

For the last 2 years I've seen hundreds of portfolios. Some of them were great, some of them are okay. But more than a half of personal pages are pretty bad and will probably fail to grant you an inte...

Benefits of freelancing as a dev on the side:Realize your own ideas according to your valuesLeadership experience Extra (/passive) incomeCollab with friends Be your own bossWhat do you think? ...

One of my current client requested a list of the bare minimum information required to publish their app in the App Store and Google Play. Once again, I did not remember where I saved such check-list ....

In this tutorial, we are going to learn about CSS media queries.When Steve Jobs first introduced iphone, little did website developers and designers knew they would shift from desktop only to mobile-f...

I had never contibuted to Hacktoberfest or any open source projects before.So when I came to know about Hacktoberfest for the first time i.e this year,I decided to participate in it.So today I will te...

When you're a junior, keeping up with everything you need to learn on the job can be intimidating enough. So how do you get started with open source, when you've only just started your software develo...

With Spring, data validation is a breeze in many common use cases (like validating a method's input parameters) - and is highly recommended for creating robust applications. Often, developers are call...

Hello World Hooks are special types of functions in React that you can call inside React functional components. They let you store data, add interactivity, and perform some actions, otherwise kn...

If youve followed me on this saga to shrink my original behemoth of a solution to Rock Paper Scissors, then you know weve moved 1,389 characters down to 864 by introducing modular arithmetic. Then, we...

There are tutorials for writing countdown from scratch. With momentjs, it should be a pretty simple task.But as the name suggests, easytimer makes it easy.First, set up the countdown variable with Rea...

I am always sharing clips and videos with my friends and often times the file size is ridiculously large to send over most social media (Discord, Twitter, Telegram, etc). To get around these massive f...

If you're like me and feel that there has to be an easier way of state-management, then you'd like what ActiveJS can do for you.I feel like I'm selling snake-oil, but I spent the last 10 months trying...

Hacktoberfest 2020 is a wrap! Its been so fun reading all of your reflections on participating as a contributor or project maintainer here on DEV and seeing your contributions to Forems own repository...

I consider myself a backend software engineer - and as any backend engineer would attest, a large part of our life is spent monitoring, troubleshooting, and debugging our applications. The fundamental...

I Santanu Jana I will teach you how you can make a calculator using only HTML, CSS, and JavaScript programming language. JavaScript programming language is more important when building a calculator. T...

We wrapped up the final week of Hacktoberfest and are highlighting the amazing people in our community who have contributed to Forem's codebase! Were thrilled to share that weve had 13 contributors t...

When you start learning about frontend and gain some knowledge to develop simple webpages, you might ask yourself a question: "Am I ready to get a first job?".Requirements in job descriptions often sa...

On October 22nd, DEV Community member Marie Antons joined Christina and I on the pairing stream to work on improving the Twitch liquid tag.Aside from code, we talked about culinary school, and some em...

As a 2+ years Python Programmer I would like to share some basics of Python, This Tutorial is for absolute beginners and who want to revise python in less time.This tutorial gives enough understanding...

I spend hours browsing through news & articles to find some quality content around remote work. Mostly, I end up knowing nothing new. If I am lucky, I stumble upon a great piece or a "breaking new...

Filling out a checklist is often thought of as a mind-numbing rote task. But what if I told you that checklists are actually essential to getting the job done right?Checklists have been proven to help...

Recently, I was given the responsibility of hiring a new engineer for our development team.Here are some of the questions hiring managers are likely to ask, along with a brief summary of the answers t...

Do you want to build projects, but you struggle to get programming project ideas? Do you wonder how you could get some ideas? In this article, I will explain how you can get some inspiration to practi...

When working on a project with tight deadlines, using free illustrations might both look good and save time.Some of my favorite resources include unDraw, IRA Design, Ouch, DrawKit and Humaaans. Downlo...

I feel like I should start off the blog post by mentioning that I am a Product Designer with little to no development skills, so I heavily rely on no-code tools to get my side projects up and running....

We recently shipped a series of improvements to the Forem API thanks to our open source contributors:Fetching articles by their slugsFetching podcast episodes commentsRetrieving a list of followed tag...

There are topics in JavaScript you as a developer may not know. Knowing about these topics can help you write better code. Memory life cycle, heap, stack and call stack are some of them. In this tutor...

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

For me, it is important to see analytics about my portfolio website. This way, I can see which posts got the most views, which country my users are from, and which browser & operating system they ...

IntroductionIf you are new to the concept of containers and the Docker & Kubernetes platform, chances are you will find plenty of theoretical resources online but there is a huge gap when it...

DevOps is a software development practice that keeps evolving. Organizations are moving from the traditional development practices (Waterfall model) to a more agile, effective, and adaptive software d...

This tutorial will help you to know how you can apply box-shadow on all four sides.So you have decided to apply some box-shadow for your buttons or other elements in your project. You try box-shadow f...

The cat is out of the bag now, I've joined Microsoft as an Azure Technical Trainer. Some of you might be wondering why, and if so, this post is for you. I've decided to write down why I've made this d...

The descriptions above are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of CSS Animation.IntroductionAnimation is a method in which figures are mani...

In this post, we'll take a look at how to integrate API tests with Jenkins as well as add JUnit reporting with it. Installation / SetupYou can check out this video to install Jenkins locallyPubl...

One of the most common questions I've been asked by my colleagues recently - when they start writing unit tests - is: well, what should I test? Regardless of the language, one of the main challenges i...

It is the most common question asked in a JavaScript interview. var was the only option for variable declaration in Javascript before ES6 but after ES6 let and const were announced.I have written thre...

As a beginner when you start to learn more about web development, You will be introduced to git which is a version control tool used to monitor and track changes in our files and push our source code ...

Hi there!My name is Miquel Camps, I'm a freelance web developer based in Spain, you can find me on twitter and linkedin.You can visit the Resume website here https://vivirenremoto.github.io/mariocv/en...

Cover Image Credits:https://onehack.us/t/which-os-you-use-windows-linux-macos-post-here-discussion/65891Hello Dev Community!I am currently using macOS as my operating system. I have been told that Lin...

This article is originally published on yoursunny.com blog: https://yoursunny.com/t/2020/GMT-0456/Recently, someone on the DCTech Slack community asked why the Date.prototype.toDateString function is ...

Photo by Rhii Photography on UnsplashAbout a month ago, I decided I wanted to build a game. I wanted to make a game that required the player to code, but also played like an old-school RPG.Seeing as t...

We do! Go @ some of the biggest names out there in the industry. Ask them how many unfinished projects they have. They couldn't tell you. It's an uncountable number! Jobs are lost, families are made, ...

In this post, I will show you how to include React Router in your react project. It's easy to use and it's great for improving the navigation experience.Here's a demo of a simple navbar (and the butto...

What are Add Event to Google Calendar Links?With the pandemic not seeming to go there are more conferences day by day. This has led to many apps and websites scheduling events on the user's goog...

DuckDuckGo, it is my personal favourite search engine, and has grown to more and more popularity over the past few years. It has a squeaky clean reputation when it comes to privacy, and it does not se...

Redux, without saying, is the most popular state management library for React. But sometimes it comes off as intimidating to beginners, well for me, it did.Last week, I was reading through YouTube vi...

A better shell with oh-my-zsh AbstractNot So Basic: Devenv is a series of tutorials where we aim to have a nice, productive and portable environment that take the best of both worlds betwe...

Today is Halloween, and this will be the last Halloween-themed CSS illustration for a while. I really enjoyed drawing this wicked witch from scratch.There are two time-lapse videos of how this illustr...

Imagine building a supervised machine learning ML model to decide whether a credit card transaction has detected fraud or not. With the model confidence level in successful applications, we can evalua...

Photo by Johann Walter Bantz on UnsplashThe Flyweight design pattern is a structural design pattern commonly used when we want to group similar data for multiple objects. The primary intent of this pa...

Images are very important on our websites and gives life to the internet. A website without one or two images will be very close to boring.Images like content can be uploaded on a database for easy ac...

Python is a dynamically typed language and allows us to operate fairly freely on variables of different types. However, when writing code, we somehow assume which types of variables will be used (this...

Chrome extensions are small HTML, CSS and JavaScript apps that we can install in the chrome browser.In this tutorial, We are going to build an extension that allows users to get covid19 case details b...

Hello Everyone,In this article we will see how to build a video conferencing app.Prerequisites:Basics of WebrtcTo implement this we will be using the following libraries:ReactNodejssimple-peersocket.i...

In this tutorial, you will learn how to make an authentication boilerplate with Go. We will use GoFiber and PostgreSQL. We will go from the ground up to build this project. Getting StartedYou nee...

I spent the last two days reading and learning some cool things related to steganography. Due to the recent youtube-dl takedown, I saw a few tweets of images and videos of the image/video form of the ...

I have been learning javascript and react for longer than I would like to admit and have 0 projects that I am proud of. I feel like I know a lot and can put it together but can't bring projects across...

This month npm has released a major version of their package manager npm 7. It shipped with support for workspaces.Why is it big news? Because the main advantage of npm over other package managers lik...

Github pages make it super simple to publish your static webpages quickly. You need to follow the following steps which will not take more than 5 minutes and your webpage will be published live.Create...

I've published this article on my blog in April, and it ultimately led to teamrank.dev, an app that ranks teams based on ideas presented here. Feel free to try it out and share your results!How?! Well...