Articles by Dev To from December 2020

How to use the new Bootstrap 5 with ReactBootstrap and React have both been around for a while now, but now that the Bootstrap 5 beta is out, there's finally something to cheer about! Now that B...

How to use the new Bootstrap 5 with ReactBootstrap and React have both been around for a while now, but now that the Bootstrap 5 beta is out, there's finally something to cheer about! Now that B...

As 2020 comes to a close, I decided to participate in Hashnode's #christmashackathon. I chose to create a "Today I Learned" Tracker on GitHub, and I made this an open source project. This tracker i...

This is episode #25 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...

This is a Single Page Application (SPA) built using React and context api. In this tutorial you will be able to build a Grocery Inventory Store that tracks expiration and quantity. We will be able to...

BackgroundI was a window user, I never thought to use Linux in my life time. But Suddenly it changed my world and I don't want to go back to the windows because I fell in love with linux. I am not a s...

In this tutorial, well look at how to build an e-commerce web application with React and Node.js.The app will demonstrate a basic cart management system, as well as a simple method of handling user au...

To put it simply: a web API (application programming interface) is a tool which tells a particular system what you want and gives the response back to you. Think of an API as a messenger. As you can i...

DID YOU KNOW?In Stack Overflows 2018 survey, 48.2 percent of developers identified as full-stack developers, compared to 57.9 percent for backend and 37.8 percent for front-end.In this article, ...

IntroductionBefore trying to understand what is hoisting and how it works we have to understand how the JavaScript code is read and executed because it is where the core idea of hoisting lies. ...

A common way of deploying our machine learning models is exposing them through a REST Web Service API. And because our focus is not creating web tools, we prefer to adopt a well-tested, ready-to-use f...

To design links or create animations of menu buttons, you might need to use underlines. From this article, youll learn about several methods of creating a CSS underline: using text-decoration, border-...

Keeping track of your progress can be a huge motivation booster.When you get stuck or out of inspiration, you can look back to what you have achieved and be grateful for that.A nice example: Florin Po...

Choosing a proper name for your product is equally important as naming variables, functions, classes, etc for code readability and future maintainability.Is it hard for you to come up with the product...

Have you heard Flutter and have no clue what it does? Have you ever wondered what the hype that surrounds Flutter is about? Or perhaps, you have just picked up Flutter and needed a guide on becoming a...

The one thing that developers tend to considers at the end of the development cycle is the security of the application. A secure application is not a luxury, its a necessity. You should consider the s...

If you ever made your own validation you will understand the struggle of getting all the form elements.I've made code that would loop over each type of input as such:types = ['input', 'select', 'textu...

Imagine this. You're designing a React component, and it's going great. You've been able to elegantly handle all the use cases you need in a declarative way. But then... You think of a new scenario th...

Standardised shipping containers. Photo by chuttersnap on Unsplash.Original publication date: 2018-11-06.With the Model-View-Presenter design pattern it is easy to use any application state management...

If selling products online is a core part of your business, then you need to build an e-commerce data model thats scalable, flexible, and fast. Most off-the-shelf providers like Shopify and BigCommerc...

Table Of ContentsIntroductionCreating your databaseAdding informationRetrieving informationUpdating informationRemoving information IntroductionOne of the key elements of a dynamic website ...

Traditionally, guitar players have used foot pedals to control their guitar sound. Pedals allow you to change volume, apply effects, modulate sound, and all sorts of awesome sound combinations without...

Hello Coders,This article presents a shortlist of React Dashboards that might help us all to code new products on top of modern UI Kits crafted by open-source enthusiasts (freelancers and agencies). T...

This is an opinionated list of best practices when designing applications that follow the Micro-frontend pattern. Each rule should be examined and its benefits/downsides evaluated against your specifi...

Okay, so before I start, I would confess that I don't listen to music for greater concentration, in fact listening music distracts me a lot more, but listening music keep me away from other noises whi...

Dark Mode is one of the latest features being widely adopted across apps and websites. Dark colours can prolong the battery life of mobile devices. The savings, according to Google with the Dark Mode ...

useState is considered to be the most basic of all the hooks provided by React. It is also the one you are most likely to use (no pun intended), alongside useEffect.Yet over the last couple of months,...

In my previous post, I gave a myriad of reasons why Tailwind CSS is a great option for new and existing projects. When first starting out, it can be daunting to learn every utility class name and know...

WHAT IS AN APIAn API stands for an "Application Programming Interface". It allows communication between softwares and provides ways of sharing data between applications. The REST API stands for ...

When coaching, its always helpful to visually explain to players whats expected. Using a whiteboard, you can illustrate set plays, formations, drills, etc. However, whiteboards are usually big, take u...

We'll cover some of the very basics of SEO. No black magic tricks, that would rank you on the first page, no promises, just some of the things that might matter when our sites are being ranked. T...

As developers, we put a lot of merit on our own technical abilities. When we chase client work or go for that new job, we obsess over emphasizing our technical skills."I know how to build a scalable a...

I recently finished the book "Deep Work" by Cal Newport, and I highly recommend it as a holiday read if you want to improve your ability to focus on complicated tasks without distraction - especially ...

As a developer, your career is a "never ending learning process". You know what i mean by that and if no, let's dive in a little. Learning a programming language is like learning a language, like Engl...

When exact matching is not enough.We already covered the basic CRUD operations in the previous article. Before wrapping this section up, I would like to introduce more advanced concepts that are often...

Apollo Elements' new docs site launches aboard the Modern Web Rocket. It's a ground-up rewrite that puts users first and presents the best of what Apollo Elements has to offer. The new site has live c...

You might remember I recreated this cool CSS frosted glass effect based on a dribbble shot.This was pretty cool to do, and I wanted to test out some checkbox techniques, so decided to look for a cool ...

As a developer that typically works on Mac or Linux, you will be disappointed with the out-of-the-box terminal in Windows. Lucky for us, Windows supports a fairly smooth Linux integration called the W...

These easy-to-follow tips will improve your output dramatically. 1. Remove Notifications Check your phone after a couple of hours. Keep an eye on the app with the most notifications.Block them.Do...

Amazon is a service known for convenience and efficiency. However, it is often frustrating to buy a product on Amazon only to find out that another site was selling it for less, or that the item was s...

Today let's create some truly awesome ribbons by using the CSS clip-path property for exciting shapes.Read the full article or watch me code this on Youtube: Result SetupThis is the basic ma...

2020 was a terrible year for a lot of things but it was a pretty good year for the Jamstack. We not only saw a lot of startups in the Jamstack space getting massive funding, but also big companies jum...

Want to make a project for your portfolio or maybe a side project but don't know where to start?In this video I'll show you 8 really cool APIs and give some of my own ideas for how to use each of them...

There is a chapter in the book Soft Skills: The software developer's life manual which says a resume is like an advertising brochure. The advertisement is trying to get a hiring manager to fork over $...

For a few weeks, I'm convinced to use Tailwind CSS more in my web development projects with NextJS. In this blog post, I want to tell you why it's a great combination.This post was originally publishe...

What is Django?Django is a high-level, open-source Python Web development framework used for building rapid maintainable websites with clean pragmatic design. Built by experienced developers, it...

Originally posted on cri.devI want to share how I maintain my connect / express middlewares for simple HTTP APIs in Node.jsThe code snippets below are taken from pomodoro.cc api source code. Defi...

This is episode #24 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...

In Ruby on Rails, there are several methods available for checking the state of an object.The most common ones include:blank?present?empty?any?nil?It can be pretty confusing to know which method to us...

Reading books still is a great way to discover and learn new skills, especially for developers, to stay relevant in the fastly changing tech industry. In this article, I'll present you with ten fantas...

D3 is one of the most widely used JavaScript chart library out there. It is free, open-source, and while it may be daunting at first, it provides unlimited customisation for your interactive data visu...

I've just submitted this app for Hashnode Christmas hackathon so I wanted to talk about it here in more detail.I didn't have a chance to work with HTML canvas and the Canvas API, so this hackathon gav...

Today, software engineers are at-bat while companies are competing for talent with attractive compensation packages. If you are a programmer or a person looking to hire one and guesstimating the costs...

Let's create a website using the Vue framework and learn how to serve it in a Docker container using nginx. If you enjoy this post, please give it a , , or and consider signing up for my free ...

Building a React application on your localhost or machine is one of those things we do as developers. After creating that wonderful app on your laptop, you would want the world to see that amazing app...

Technical interviews are difficult. So I decided to gather resources that will help you crush your next interview. Lets start! 1. Coding Interview UniversityA complete computer science study...

This year I started creating some content both on YouTube and Instagram. Today I'm here to share with you how was for me to run my developer Instagram page to 17k followers: what worked for me and wha...

If you've been hearing the term "Context API" and feel totally confused about it (like me, some days ago) or you have no clue what this even means, look no further! I've got you covered (for the most ...

In this post, we will see a docker build example of a node js API application starting from slow and ending up in a ~10x faster build. I have already talked about the reasons to use docker for develop...

Here is part 2 to what I've been learning about Node.js through The Net Ninja! Creating a Node ServerIf you have a basic understanding of how computers and the internet work, you know that it's a...

Since the isolation began some of us have more time than usual, and we want to invest that time in things that will help us improve either, finish that project we have pending for months, complete the...

Hi! In this post I'll be showing you how to create a simple 2D zombie shooting game using vanilla JS and the HTML5 canvas. All of the code can be found on my github. Live DemoThis project is hos...

Caching strategies determine how a PWA behaves when the app makes a network request and how it deals with network failures. Workbox is a commonly used library for creating PWA; workbox-strategies prov...

You've been there before you just want a quick way to debug your code so you do this:// some code hereconsole.log("Is this working?")// some code here too Enter fullscreen mode Exit fullsc...

What is this guide?This guide will be a compilation of several bits about CSS syntax and concepts, so you can read this straight through but meant more as a reference you bookmark and come back ...

Hello everyone! Hope you are doing fine! Today I am going to discuss some facts of Python Programming Language that you should know and understand as a Python beginner. So, lets dive into it!Python is...

Hello Coders,This article is a short introduction to Bulma CSS - the popular open-source CSS framework based on Flexbox. With more than 40k stars on Github and 300+ contributors, Bulma is a great alte...

Hi guys, welcome back to the backend master class!So far weve implemented several features for our simple bank system such as create, update, retrieve, or transfer money between bank accounts.However,...

Are you hashing your user's passwords? More importantly, are you doing it correctly? There's a lot of information out there on password hashing, and there are certainly more than a few different hash ...

filter, map and reduce are very powerful methods. They allow you to iterate through the contents of an array, similar to a for loop. Each method creates a new array, element or object, based on the ca...

I was thinking about writing this kind of a summary of my journey for quite some time. And even though it is still ongoing, I decided to share it as I truly believe that sharing is caring: maybe it wi...

In the world of computer science, Binary Search Algorithm is the ground of the Divide & Conquer algorithmic paradigm. This algorithm is the easiest illustration of how Divide and Conquer works. U...

Even today many people are asking the question "What is the difference between Java and Javascript". But not only that. The two terms Java and JavaScript are often used as synonyms, being mistaken or ...

Even today many people are asking the question "What is the difference between Java and Javascript". But not only that. The two terms Java and JavaScript are often used as synonyms, being mistaken or ...

Just before Christmas, the React team gave an early Christmas present, Server Components a.k.a the zero bundle size components. Let's have a look at what they are, what they bring to the table and my ...

Just before Christmas, the React team gave an early Christmas present, Server Components a.k.a the zero bundle size components. Let's have a look at what they are, what they bring to the table and my ...

Chatbot is computer program which simulates human conversation through voice or text commands.Now days every website contains chatbot (virtual assistant) that can be available anytime for better user ...

I know.Your learning SOLID to be a better programmer. But then you come across the second principle, and the first thing you read is:Software entities (classes, modules, functions, etc.) should be ope...

This might be a weird article.A few years ago I saw the terrific movie Arrival and it changed how I look at language. A little later, I encountered F# for the first time and it changed the way I look ...

In this post, we will look into how we can improve the performance of React apps that need to render a lot of components on the screen.We generally consider using pagination or virtualization for most...

Some useful git tricks I use all the time, the list can be updated later.# Stash track/untrack changes$ git stash -u or git stash --include-untracked Enter fullscreen mode Exit fullscreen mo...

Recently I came across what I found to be weird behavior when you type {x:1} into the respective browser developer tools (Chrome and Firefox). ...

Map, filter, and reduce are three useful functions which can help to simplify your JavaScript code.Below is a simple data structure which we will reference as we learn about these functions.const peop...

This is a post that I've been meaning to write for quite some time now.The question of "Should I become a Front-End or Back-End developer" pops up quite regularly, so I thought I'd pose the question h...

Writing programs can be stressful. As a developer, I have never been one to always pen down pseudo-codes before writing my first lines of code so it happens that at some point I do not know what to wr...

I recently led a corporate website redesign, which involved a move from Drupal 7 to Drupal 8. I wanted to share my process for tackling this kind of CMS-based project. Disclaimer: The process outlined...

I read a list of Things You're Allowed To Do on Hacker News recently. These are useful reminders for a well paid, technical audience, but one thing stuck out to me: It didn't mention making your own t...

There are many comparison operators in javascript but we are going to discuss double equal == and triple equal === operators. It is important to know the difference between these two operators and a...

When using asynchronous communication for Microservices, it is common to use a message broker. A broker ensures communication between different microservices is reliable and stable, that the messages ...

After, writing about STACKS, the positive feedback, and all the support and nice DMs I got on Instagram and Twitter has made me turn this into a series, yeah you read that right.This is going to be a ...

Hello guys in this tutorial, we are going to learn how create Animated Eyes Follow Mouse Cursor using JavaScript.First we need to create two files index.html and style.css then we need to do code for ...

make is one of the tools that we use heavily for streamlining tasks on our projects. It has proven to be helpful specifically for streamlining the development process, repeating mundane tasks with cus...

Hello readers, Today in this blog you'll learn how to create a Search Bar with Auto-complete Search Suggestions using HTML CSS & JavaScript. Earlier I've shared a blog on how to create an Animated...

In this post I will be discussing on how you can integrate Splash Screen to your react native app.Off late I have been working on my first react native app about budgeting which uses firebase as its b...

I will be sharing information about Open Source how you can and get started. Before we jump into the article here is something about me:a) Script Winter of Code 2020 Mentee.b) Devscript Winter of Doi...

The word passion can be overwhelming sometimes We've all seen some successful people who would tell you that they've always known what they liked and what they were passionate about. About a year ag...

Hi! Question is pretty self-explanatory. Which of the projects you have done were your favorite and why? I like seeing creative or personal projects of fellow developers, so please share!Share the sou...

In this tutorial, we're gonna build a Node.js & MongoDB example that supports User Authentication (Login, Registation) & Authorization with JSONWebToken (JWT). You'll know: Appropriate Flow f...

Acronyms explained CPACC: Certified Professional in Accessibility Core CompetenciesWAS: Web Accessibility SpecialistCPWA: Certified Professional in Web AccessibilityIAAP: International Association ...

Ever wanted to have a footer that's stuck to the bottom, but will push down if the content is bigger?To demonstrate I've created this image.What this illustrates is the following:left: Green box is th...

Before going into details about crontab, lets suppose you are running an online store and you want to send an email about latest deals on every Friday at 9AM MST. So how you can achieve this. Of cours...

Before going on to the topic JSON, I would like to discuss a simple example because it will be a lot easier to explainJSONafter the example.Suppose we are developing desktop software or a web applicat...

The Graal native image compiler is a great tool to significantly reduce the start time and memory consumption of Java applications by compiling them into native executables. However, compilation with ...

Hello, friends! As part of Hashnode's Christmas Hackathon, I decided to create a basic tarot card app using Python. For those who don't know, I was a former professional tarot reader many years ago. ...

Every PWA should have a manifest file, a JSON file specifying metadata of the app. Manifest.json is required to add PWA to the homescreen. It defines how the app should look like and configures the ap...

Lets imagine you want to play with a new language or technology. To do this you need:Some tutorial or exercise or katas/koansDevelopment environment and it is not that simpleSide note : possible candi...

Hi everyone! In today's Microblog post, we'll be looking at JavaScript closures and how you can use them to make factories.First, though why learn about this technique? Well, even though many people ...

Variables we declare in javascript with the help of const, are not purely constant. Let's say that if we have a variable called config with a bunch of properties and if we print it to the console you ...

I have always been a big fan of chess. Since I was 10, I am enjoying playing it more than anything else. Well, I am not a great player (not even close, lol) but I enjoy the way that the game of chess ...

IntroductionWe write tons of code to make an awesome, effective, and useful website. Initially, we can see that website on localhost but to make it public we need domain and hosting. Domain purc...

Ever think of creating a webpage using HTML with a simple Header and Footer? That's easy, right? But what if your application grows and you need to repeat the same code for the header and footer 5, ...

In this article, we will create and host a fake server that we can deal with it as a normal Back-End Server and use all the CRUD Operations using HTTP requests. 1.Creating the Fake Server.You can...

I think code review is one of the best sources of inspiration. I see it as an opportunity to learn new things from other software developers sending pull/merge requests. Moreover, sometimes you may ne...

Producing documentation may be painful and need a lot of time to write and operate. In this story, i will share with you, my way of generating docs using the devops approach. To make life easier, we w...

In this blog post I would like to show you how easy you can run 3 different Docker containers all at once using single command. Docker ComposeIn order to understand what problem Docker Compose so...

In this tutorial, we're gonna build a Node.js Express Login & Registration example that supports Token Based Authentication with JWT (JSONWebToken). You'll know:Appropriate Flow for User Signup &a...

We are all raised by the feeling we can do everything. Our brain convinces us this every time. We want to go for a walk, hear a podcast, try to learn new things, and every time we feel proud of being ...

It was just recently, that I opened my google analytics account and added it to this website. I wanted to get some insights, about my website's visitors. But compared to the google search console, the...

Welcome back developers .Create React App or react-scripts is a great tool to scaffold out our React Apps. And one of the best parts of it was that we got a readymade serviceWorker.js file with ...

You can deploy static apps/website on AWS using S3 or Amplify. I prefer AWS Amplify and in this tutorial, I am going to quickly show you how you can deploy your Next.js app on AWS Amplify within 5 min...

We've all seen those videos with sound in negative decibels. Sometimes even external-speakers are not enough. (i.e.: 100% YT, 100% PC, 100% Speakers, is still not enough)There are browser-extensions o...

Web development is constantly changing. In order to stay relevant, programmers must analyze trends and learn the next "big" technology stack. The debate between PHP and Node.js is fairly old news. Tha...

Learning Regex (Regular Expressions) is not fun or easy at first, but it is a beyond important skill when strategizing solving problems with strings. Here is a brief overview on ways to best learn reg...

This is part of my full-stack developer series, where you'll go from never having written a line of code to deploying your first full-stack web application to the internet. Click this link to get an o...

Visual Studio Code (VSCode) has rapidly become the favored editor/IDE for a huge swath of web developers. This is in no small part due to its robust extensions marketplace and the fact that you can ch...

Cybersecurity is important, theres no dodging that fact. It is also nothing like the hacking that is shown in most popular media.However, that does not mean it isnt interesting, it is undoubtedly so. ...

A few years back, JavaScript added a long awaited feature to the language: Classes. Developers coming from other languages with the classic object oriented paradigm where happy to find their old frien...

In this tutorial I will show you how to get the user's location with the JavaScript Geolocation API.You can use it to redirect them to a site in their language or on sites such as a News or Weather Ap...

IntroductionWorkers threads in Node.js are a way to offload CPU intensive tasks away from the single-threaded process which Node gives you. Firstly, we need to understand why you can't put a CPU...

Applications are made to be deployed. At some point during development you will need to think about the environment in which your application will run and the potentially sensitive or environment spec...

Hi Devs!6 months ago I had an idea to make a browser extension to see the console logs like toasts (temporary pop-up notifications).So I made a proof of concept, posted on Twitter, and BOOM! It had o...

Who doesnt love the simplicity of arrow functions? Introduced as part of the ECMAScript 6, arrow functions went viral. The new syntax to declare functions saves us time and enhancing clarity in many s...

Similar to my last article, I want to focus on the thought process behind creating and implementing something. Often, it can be more enlightening than delving into code. I will highlight how I made so...

ContentsIntroTitleExampleSummary Intro Tooltips! Aargh, I still don't know how I feel about them.I understand they are useful, but part of me feels like there must be a better way to get th...

This is the fourth post in my series about Docker. You needn't have gone through the previous one in order to understand this. The only prerequisite is that you have an idea about what Docker containe...

Flutter is a cross-platform mobile application development framework that offers a widget-based mechanism to implement the pixel-perfect UI. Creating a state of the art apps with beautiful UI is a cha...

Originally published at deepu.tech.Please follow me on Twitter for updates and let me know what can be improved in the post.This is a multi-part series where I'll be talking about concurrency in moder...

The advantages of knowing multiple programming languagesHere's my statement: personally, I'm convinced that every programmer should know more than one programming language. In other words, when it com...

This article is about sharing your localhost as a link that anyone can access. We will achieve this using ngrokAs a Web Developer, whatever you work on has to be shared as a link that others ca...

Most of the time of a developer is spent on an IDE/ Code Editor. So it is very important to work in an environment that suits your needs and is comfortable for you.We will be talking about customizing...

VS Code is one of the best editors out there in the market. And not just for the sake that is launched by Microsoft, it has some really amazing features, the primary one being, allowing developers to ...

We've all been there. You're working on a new piece of functionality and have the markup done. Now it's time to work on the styles. No problem, right? You add the base styles and when the page reloads...

I hate to admit it but certain stereotypes about developers kept me from even considering a career in programming for decades. I thought the same way that many people outside of tech still think - so...

Micro-Frontends, where you take large UI components and live share them between applications, have huge potential, but the mechanics of implementing them can get in the way of realizing that value. In...

The problemWhen building up a backend API, it is common that we need to fetch data from a third-party API, clean, format and merge them, and then forward it to the front-end. For instance, NASA'...

Hey there! I'm a @aidenybai, co-maintainer of Lucia, a tiny 3kb JavaScript library for prototyping web applications. This article will detail how to create a barebones Lucia todo application.If you've...

React is a frontend UI library for designing user interfaces of web applications.When writing a React application, it is very necessary you understand the concept of React components and what they act...

The default macOS window management and desktop environment is great don't get me wrong. However, after using alternative window management solutions on Linux distros, I've craved a better solution. I...

Have you missed out on a hot holiday gift? Me too... until I used NodeJS to send my phone an alert to buy!This holiday season I saw a deal for a Nintendo Switch bundle which was perfect for my brother...

Introduction to ElixirElixir is a functional, dynamically typed language that is built on top of Erlangs VM and compiles down to Erlang bytecode. Since its release in 2011, it has become one of ...

React.js is currently the most popular JavaScript library for front end developers. Invented by Facebook, but available as an open-source project, its used by developers and corporations all over the ...

Yes, you can!There are many articles on how to use an iPad as a development machine. Mainly concerning browser-based solutions like GitHub Codespaces or similar tools. My approach is traditional...

ContentsIntroDetailsExamplesSummary Intro I love creating User Interfaces (UI) and often times well need a section to expand and collapse for example in a FAQ section.I used to reach for NP...

Could you recall some portfolios that stood out due to their uniqueness and creativity? Something extraordinary, one of the kind. Share them below!To start off, I'm gonna give it to Ben and Jake....

If you are an active GitHub user you must have come across this file README.md.So what is README.md?README.md is a file that contains information about a GitHub project like description, how to use it...

*This post was first published on my blog.One issue that I have run into multiple times in the past is how to manage multiple GitHub accounts on my local machine. Whether you are working on git reposi...

Today is a special day for me: I finally created my blog, what I has been thinking of for years . If you are reading this on another platform, it is an automatic crosspost, feel free to check out my w...

Are you getting the most out of your dotfiles? Time and again I see engineers under-utilizing the power of their dotfiles. They either don't maintain a version-controlled set of dotfiles, or they do b...

Today I bring you a way to create a highly reusable React component using an advance pattern called Compound. Compound Components patternThe keyword in the patterns name is the word Compound, th...

The React team announced React Server Components this week with a talk, RFC, and demo. It is a lot to go through (especially for a holiday week), but I did. Here are my notes. TL;DRWhat are React...

Duck TypingThe phrase originates from the saying: "If it walks like a duck, swims like a duck, quacks like a duck, then it probably is a duck." Cool saying, but what does this mean?In practice, ...

Hello Coders,This article presents a shortlist with useful hints and features that might help developers code faster a Flask project. For newcomers, Flask is a lightweight WSGI web application framewo...

Needless of a lengthy introduction, Rust is a systems-level programming language that puts "performance", "reliability", and "productivity" at the forefront of its core values. Namely, its most notabl...

Though this year has been quite different for everyone, the team at HarperDB has made great strides from both a product and organization standpoint. Before 2021 arrives, we wanted to take a moment to ...

When you ask how much does it cost to make a business website to a developer, the answer can be. How much are you looking to spend?OrWhat kind of platform do you want to make?There is no denying the f...

So, I use Discord every day. It is a nice piece of software that let's you connect and do more with people very.. no VEEEERY easily. So I'm talking to my friend and then I suddenly got the idea to cre...

Imagine scrolling down on twitter when suddenly the whole page refreshes on you! Imagine this happening every ten seconds just so twitter can show you new tweets. You were probably reading comments or...

IntroductionOkay now. I want to start with that I have never played in a hackathon before. Boy, oh, boy did I learn a bunch of new stuff. I always admired people who write their hundreds of line...

Hello there guys!Today we will speak about IIFEs and why sometimes could be handy for your projects.IIFEs in javascript stands for immediately invoked function expression,in simple terms just a functi...

Get started with Git Cola, a graphical user interface for Git.Git is a Linux command to help you manage versions of your work. Its been ported to BSD, macOS, Windows, and more. It serves as the basis ...

Here's a practical guide to learn the CSS Grid System/Model with High Efficiency in 2021 by Building 5 Responsive Layouts across all screen sizes. Check The Figma Design HereOriginally Inspired ...

ContentsIntroReturnSingle Purpose FunctionsSummary Intro I've been a developer for over 5 years now and one of the best things that I've learned is functional programming. Which gets a lot ...

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

This blog post describes one of the websites I have built using a powerful tool for building responsive websites - CSS Grid layout. I have watched WesBos tutorial while I was learning Grid and practic...

The purpose of this tutorial is to show how to use ChartJS in React. In this tutorial, a small activity logging system is created from scratch. Based on the activity logged and hours spent, the user ...

HTML5 achieved W3C recommendation in 2014 and added a lot of new tags. Some of them like <main>, <nav>, <header> or <footer> are semantic replacements for common used <div&g...

The Zen of Python by Tim Peters are guidelines for how your Python code should be written. Your code doesnt have to follow these guidelines, but it's good to keep them in mind.>>> import this...

What is Cybersecurity?Cybersecurity is the protection of internet-connected systems such as hardware, software, and data from cyber-threats and attacks. The practice is used by individuals and e...

In this post, we are going to use a library which will allow us to create outstanding graphical user interfaces (GUI's) for our day to day python scripts.We have a bunch of options to create GUI's on ...

REpresentational State Transfer (REST) is a software architectural style that defines a set of constraints to be used for creating Web Services. REST APIs are one of the pillars of modern web developm...

NOTE ABOUT COPYRIGHT INFRINGEMENT There is an online user going by the name of Stefanie Sayson who is copying and pasting various articles including this. Please do not read them at all because that w...

Over the summer I had the wonderful opportunity to work as a Software Development Engineer at Amazon. As an international student, getting to work at a prestigious company from FAANG was definitely a ...

What Is Glassmorphism?If you're hearing the term "Glassmorpism" for the first time, well... It only just got my attention a few hours before this post so, What is glassmorphism?Glassmorphism is ...

AWS Lambda is an awesome offering. You provide the code, AWS handles the infrastructure and execution for you.But where is your code actually executed? How does AWS do it?I recently tried to find it o...

Originally written for and published on the Draft.dev blogC# is a language loved by its users for being versatile, productive, and keeping up with the current problems programmers need to solve. For e...

ContentsIntroForm DataGotcha'sExamplesSummary Intro I have a love, but sometimes hate, relationship with HTML Forms. HTML Forms are absolutely brilliant for out of the box validation, acces...

Over the past couple of weeks, my colleagues and I at Stairway have been working hard to improve our product process and become a more empowered and collaborative product team. Ive recently read Inspi...

PWA? What is that?Progressive Web Applications (PWAs) are web applications (duh!) that use emerging web APIs and modern technologies to make the web app behave similar to a native application on...

If youve ever half-written a software project before taking a few days off, this is the article youll discover you needed when you reopen that IDE.In the technology teams I lead, we make a constant ef...

Code snippets are a key part of writing for any developer. In this post, I am going to walk you through a simple way to add code snippets to your posts.Install plugininstall the prism.js plugin by run...

I'm happy to announce that I've finished development of Omatsuri open source React PWA that includes 12 Frontend focused tools. In this post I'll share some insights on how these tools were built. ...

I'm working on a trips section on my personal website. To visualize the countries I have visited, I wanted to show a map and highlight every country I visited. Since this was not a straightforward tas...

The best way to learn machine learning, AI, and data science is by creating projects. This way you learn all the concepts you need to know in a real-life situation. What project should I make? I will ...

Last week I read a few tweets that really caught my attention. Most of them targeted the 'anti-academia' movement.It is not the first time I read some people are anything between skeptical to angry ab...

The JavaScript event loop is one of the most important things to understand. It helps you understand how things work under the hood. In this tutorial, you will learn what JavaScript event loop is and ...

IntroductionIn this article, we will talk about Emmet. A very popular and highly useful tool that is built into almost every IDE out there like Visual Studio Code, Sublime Text etc.If you're usi...

Introduction to the world of application designHello, everyone!Today, I would like to introduce you to the world of application design.Designing applications can be called a multidisciplinary ta...

Today I wanted to try and recreate a super cool dribbble shot from Dede Dwiyansyah I came across.It's actually a Figma tutorial on how to create the frosted credit card effect. I decided to try and re...

It's time to start learning Node.js! I'll share what I'm learning with the help of the amazing Net Ninja's tutorial on this topic. What is Node.js?Node.js is an open-source platform that runs Ja...

Var, let and const are different type of variable declarations. In this article, I'll be doing a quick rundown of the differences between var, let, and const.I would say this is more for readers who a...

I attended Next.js Conf 2020 and was impressed by the high-quality content and virtual conference setup. It was streamed all around the world and provided an opportunity to share the best practices, e...

JAMstack is an architecture that combines JavaScript, APIs, and Markup.That is not limited to a specific technology, but it has the following architecture (The right one is JAMstack, the left one is a...

After some time working with CloudFormation to manage infrastructure on AWS, a few months ago I switched jobs and started to work with terraform. I feel that the learning curve was really smooth, desp...

I love digital media - blogs, e-books, the more the better. But as a self-identifying bibliophile, I never go long without picking up an old-school, paper and ink book. When I want to deeply learn som...

Hey,I have created a video where you can learn how to create a menu like in cyberpunk!If you just want to see the code it is here:https://github.com/lampewebdev/cyberpunk-menuSay Hello! Instagram | Tw...

Here's a fun project utilizing react-app basics to create a functional calculator. Please Check Part 1 for the wireframes and styling used in this project. If you'd like navigate to my github, clone ...

BackgroundI created a very small npm package that solves a very specific issue (for me at least). I found a particular step in my work flow that could be automated, creating the files for a stat...

Now, more than ever, people want to learn to code, with many hoping to be skilled enough to land themselves a job. A sizeable proportion of these individuals will be looking to become front-end develo...

This post is designed for beginners at Linux and circuits. If you've done a project like this before, maybe just skip to the code.With COVID-19 on the upswing again, I thought it would be nice to buil...

Have you ever wondered what's the difference between GET and POST requests, or what does 404 Not Found means? You're not alone. Having a basic understanding of the different HTTP Methods and HTTP Stat...

If you have multiple projects that are using the same design system (inputs, buttons, other reusable components, etc.), then you probably have a good enough use case to create a shared component libra...

In this post, we will be creating Postman Tests and take a look at some of the advantages of using Postman Tests. Advantages of Postman TestsWe can validate the response of the API to ensure its ...

Have you ever encountered a situation where a website acts unexpectedly? For instance, you are trying to click a link, but it actually is not a link (even though it looks like one)? Isn't that frustra...

Even with great tools, one of the challenges with crawling and extracting data from pages at a large scale is you dont really know what structure a page is going to have before you get to it. Here are...

As I write this I'm taking good care of myself, working towards contentment. This article serves to remind to my future self what tools I have at my disposal to help escape misery. I'm using misery as...

This time last year, I placed a bet on the idea that software developers wanted to write more content and become better bloggers. This idea is not new, it's not novel: software developers have been bl...

Beyond the print() function in PythonHey guys, today I am going to talk about some features of the print() function in python. You will probably have come across some of these functions while ot...

Hello Coders,This article presents a short and comprehensive introduction to Flask and a curated list with Flask Templates provided with basic modules, database, ORM and deployment scrips on top of mo...

OverviewI started to write this just about Lifecycle Methods but realized that an intro about React might be helpful. When I began learning React, I jumped into the syntax without fully understa...

Hello, Javascripters ,Recently Scrimba decided to bring the festive fun to developers and so came up with 24 days of javascriptmas challenge to end the year on a merry note. For those who don't know w...

What if I say - at the end we all connected with Cables...Yes, the network you are connected maybe wireless but whom you pay for your network is also connected with someone called INTERNET BACKBONE......

In today's article, we will be looking at how to greet our users based on their timezone.We will check for three different times and greet accordingly.< 12: Everything before 12 should say Good mor...

Hi everyone! Welcome back to part 2 of The Ultimate Beginners Guide to GraphQL tutorial series. Before we start, if you havent seen part 1, you might want to check it out here. This tutorial will buil...

Using Webpack with the Serverless Framework is handy if you want to use the latest Javascript features along with Babel. It also helps to optimize the packaging of functions so we can make sure we're ...

If you or someone you know participated in this year's AP Collegeboard Exams, you probably recognize the stress of submitting handwritten work within a small time constraint.Bunnimage aims to help all...

This post was originally published in programmingtechie.comIf you are a Java Developer, your day to day activities while working on Java Projects includes writing code, compiling code, testing, packag...

This is the world of technology, and almost everyone wants a bright career in tech, but what if you are not from a tech background, and you will be confused, and think that all the work in tech requir...

Okay, the title might have been a slight exaggeration - programming has played a very beneficial role in both my academic and professional development. I have noticed recently, however, that programmi...

#SelfTaughtSaturdaysPost on my BlogAs a self-learner, it is important to create a structured curriculum that you follow in order to be able to make progress. Working on personal projects is something ...

In this article I'm going to go over my most recent project - JavaScript Guide. The intention of this guide is to help beginner developers ace advance their Frontend knowledge and ace their interview ...

Anna is an ex-physiotherapist. Matt is a former airline pilot. You may think they are part of distinct worlds and are used to communicate in a different way. It is reasonable to assume their first pa...

Oversized images have a negative impact on your site's speed, accessibility, seo, and on the climate. The average byte size of images per web page is nearing 1MB. On the average WordPress site it's al...

Cover image by Alice Achterhof on UnsplashIn this blog post I would like to show you how to run your Angular application in a Docker container, then Ill introduce a multi-stage Docker build which will...

I recently discovered this tool that allowed me to rapidly build my own website. Hope it might be useful. What is TailwindcssTailwindcss is a utility based css framework for rapid development and...

IdeaWith Covid and so many people working remotely, managing your team could be a challenging task. Keeping an eye on what your team is working on is going to be crucial. There are many managem...

I've been coding wrong my whole life.I thought it was okay to just sit down at my desk, open my laptop, take a task from my to-do list, and code it until I felt tired.But in reality, this style of wor...

Hello devs, let's understand event delegation.To understand event delegation, firstly, we'll need to get a hold of how the event listeners work.Look at the code below.const sampleDiv = document.getEle...

As a Dev, it's very important for us to stay updated with the latest and greatest in the industry. One of the easiest & fun ways to do that is listening to Podcasts. Here is a list of the a...

I was playing with Houdini css and built this. It is a worklet that allows you to render stars in the background.It takes in two properties number of star and maximum size of a given star. you can use...

Call me old-school, but I love to see video headers. Hardly do I have a use for them on my personal website, but I love to implement a video header for clients with stunning videos.Today I wanted to s...

IntroductionGitOps is a DevOps approach to maintain Kubernetes-based infrastructure as code in git, and operate it with git tools such as push, revert, pull request.OneDev (https://github.com/th...

There are many ways to conduct a technical interview, and they depend from company to company. You might get whiteboard designing of architecture system, writing an algorithm, or some coding challenge...

2020 is almost over. (INSERT JOKE ABOUT HOW CRAPPY 2020 WAS FOR MOST PEOPLE HERE). Regardless of the year, I like to give myself an "annual review" every year. Part of that review is to see how much I...

What's Redux?Redux is a predictable state management library designed to help you write JavaScript apps that behave consistently across client, server, and native environments and are easy to te...

You have launched the best React application in the world, your users love it, but as the skilled software engineer that you are, you notice that you have created too many components that have similar...

Let's be honest, starting to learning about electronics, microcontrollers and hardware can be very hard, especially with a lot of experience in Software- but none in Hardware development. I personall...

In this post I'll show you how to design four different example apps - a SimpleNote clone, a Twitter clone, a Slack clone, and an E-commerce store. And we'll do it with the coolest new toy released at...

What is Firebase?Firebase is essentially a Backend-as-a-Service (BaaS) mobile and web application development platform developed by Firebase, Inc in 2011 and then acquired by Google in 2014. It ...

Yesterday I came across this npm while searching for different ways to display alerts in my React app. It's react-toastify! In their own words: " React-Toastify allows you to add notifications to your...

After working on a remote team for over 2 years, I've gained some insights about what it takes to communicate without being in an actual office together. My role at this startup ranged from web develo...

We all know that docker is a great tool to build and deploy applications. However, it is rather difficult to get the source code of a 3rd party image as a developer. In this guide, I will attempt to c...

In 2015 after getting the hang of some HTML/CSS/JS and Angular JS, I thought I'd try my hand at freelancing. Most of the work was building out templates/wordpress and maybe a single-page app.Here are ...

In this series we would be discussing on some of the gotchas that I encounter while working with JavaScript. As evident from the title, in this one we would be looking at a problem statement related t...

OverviewThis article is Part 5 of Working With NodeJS, a series of articles to help simplify learning Node.js. In this topic I will cover working with the file system. IntroductionTo be abl...

Heya, welcome to another brief article of mine.This time I would like to share a silly, just-for-fun, unfinished, and never-to-be-finished pen I wrote back when I first started learning web dev - a si...

Hello there!For the past 6 months at work, I have been busy analyzing, experimenting, testing and sometimes suffering, while exploring the depths, the benefits, the cons of micro frontends as an archi...

One of the best ways to drive traffic to your website is to have strong Search Engine Optimization (SEO). You can provide search engines with all the URLs for your website using a Sitemap. This allows...

Its no secret that testing is important. We rely on tests to describe intended behaviour, catch any subtle bugs and prevent regressions in our code. But why are tests always such a pain to write well?...

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

I had been coding on my project for hours, and it was starting to get late in the day. I decided it was time to finally come out of my office at home, and focus on other (non coding) things before the...

Hey there!New week, new design pattern to learn. This week I'm writing about the FlyWeight Design pattern. This pattern is a little bit different from the ones I've written before because I feel like ...

This article was originally posted on my personal website. You can subscribe to my newsletter here.As 2020 is coming to an end, I have been reflecting on how much I have learned this year.For many, in...

How do I know that it's time I get a personal website, or a portfolio to present when asked?I am currently learning Python, and I don't think I have that many projects that I can show, but I hear that...

This is a common problem I couldn't do the common layout when I started to learn React. The problem is getting bigger as the scope of work increases. That is why there is a need for a common layout an...

This is not an official API support and etc. This is just a scraper that is using TikTok Web API to scrape media and related meta information. Installationtiktok-scraper requires Node.js v10+ to ...

Ah Yes, Where Were We?In part 1 of this tutorial, we learned how to set up the part of the deadman's switch that allows us to reset the switch.In part 2, we will get to the main part; how to set...

In this tutorial, were gonna build a React + Redux Application for Token Authentication example with JWT, LocalStorage, React Router, Axios and Bootstrap. I will show you:JWT Authentication Flow for U...

Technical interviews are a nerve wracking experience that can demoralize a developer. In the past, these consisted of weird brain churning questions where you had to calculate how many golf balls can...

Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition/subtraction) let me know.<?php//Naming convention$first_name = 'Mike'. // all lower case with u...

I started my career as a Java Software Engineer without any prior Java knowledge. I didn't study Computer Science at the university and I didn't do any software internship. All I knew was how to creat...

Could you share some amazing apps, tools, or services that you have come across recently and thought deserve more spotlight?Some of my recent discoveries would include:FontJoy - an online tool for exp...

What I built (am building)STILL IN DEVELOPMENTHey there people on the web. I hope everyone is building marvelous stuff for this amazing hackathon and I am looking forward to seeing a lot of cool...

Recently, I have been exploring and experimenting with serverless databases and built a Telegram Bot to manage a to-do list with Fauna. So I decided to create something a bit complex this time around ...

So, youve started to learn Java programming and wonder how to make the learning process faster and boost your career prospects. While reading books and watching tutorials on YouTube is a significant p...

The Github integration for Slack is great for team productivity. Having the ability to give Slack channels full visibility into Github projects, for real-time notifications, is an amazing way to keep ...

Although many workplaces have become much more diverse over the past few decades, the vast majority of software engineering, cybersecurity, and other tech jobs are filled by men. However, a diverse wo...

The debate over whether to use a schema or not has passionate support on both sides. One side appreciates data integrity constraints and predictability, while the other prefers more flexibility (or ag...

Hi all. Today, I'd like to show you the power of pure HTTP stream, which allows us to do screen sharing, video chatting, real-time text messaging, SSH, VNC, and so on. The demo videos below show SSH a...

I want to look at some code in a .class file in VSCode (which usually works when I do ctrl+lclick on the class I want to view), but instead it brings up the terminal/console as if it's trying to execu...

Jump to video version of this post. Hey, Im Franck. I run a developer-first e-commerce solution, and I try my best to grow a healthy bootstrapped company. Its called Snipcart, and were based in beauti...

When I started my first coding project at Flatiron School, I got this feeling that I hadn't felt in a long time. It was this itch to keep coding because I was enjoying myself so much. I wanted to add ...

This post was originally published at kais.blog.If you like my content and you want to see more, please follow me on Twitter!Questions, feedback or just wanna chat? Come and join my Discord!In my last...

Today, Spring Framework is used as an umbrella term for Spring projects and Spring ecosystem, However, Spring Framework is basically a Dependency Injection Framework and we can use its Dependency Inje...

When writing a function that's supposed to return a sequence of results, returning some data structure like a list or dictionary is often the most obvious choice, yet not necessarily the most effectiv...

Rate LimitingThe term "rate-limiting" is known to almost everyone who has worked with web servers. I think It's one of those subjects that we often just use and don't think about it. But I think...

IntroductionBackpacking is a great way to explore the world on a budget. With its great transportation network, affordable accommodations, and thousands of attractions, Europe is the perfect tra...

Why should we make a To-Do?To-Do is super helpful for beginners.Any Django project needs a database and for that you must know how to handle databases in Django, making a To-Do app makes us lear...

VS Code is among the most popular, free, open-source code-editors out there, and one of the reasons for such high demand is the extensions and plugins it offers.If you are a VS Code user you must be f...

Hello Fellow Codenewbies We've learned in the previous post that applying display: flex to a flex container by default will turn flex items into columns. And when the total width of flex items is bigg...

REST APIso this is the second part to my previous post 'Understanding REST api',in this part we'll make a small REST - API in node JS. so without further ado let's start making your first ever APITOOL...

Following are some of the ways of styling in React.Inline CSSNormal CSSCSS In JS libraries like styled-componentsCSS ModulesSASS/SCSSIn this article, we will explore how to use CSS Modules. What ...

What?When conceptualizing my personal profile site, the number one thing I had in mind was that I needed something to reflect my personality, to 'pop'. I had been searching for ideas for a while...

Hi! My name's Flor, and I've been a front-end junior developer for about a year, after being a trainee for over 9 months. During the past few years, I had more than enough time to reflect (and discuss...

I remember when I first tried setting an image background in CSS.What I thought would be a simple task took me down a rabbit hole of learning 8 different background-* properties. It took me hours to f...

Let's make our websites accessible for everyone!As a self-taught front-end developer, when I discovered the concepts of accessibility and inclusive design a few months ago, I did not know much a...

Catch S3E6 of DevDiscuss here on DEV: S3:E6 - How to Gamify Coding DevDiscuss Your browser does not support the audio elem...

BackgroundThe following is my first blog to achieve 8k+ view and 1st in Google SERP rank. However, it has some concerns and I decided to rewrite it. How to prevent m...

These both feature appears in ES6, both work very well together !First, ProxyA proxy is an exotic object, he doesn't have properties ! It wraps the behavior of an object. It needs two arguments.c...

There will be a time when you have to make a custom dropdown, I happened to make one recently at work and this is the approach I took.I will be creating a Nuxt.js project since that's what I am usuall...

Intl.RelativeTimeFormat enables localized formatting of relative times without sacrificing performance.We've all seen websites using Just now, an hour ago, a week ago etc. to describe when the post wa...

Generators can help you write reusable and scalable Python code, but the problem is that complicated processing often requires using the same data multiple times. However, the issue with generators is...

Generators can help you write reusable and scalable Python code, but the problem is that complicated processing often requires using the same data multiple times. However, the issue with generators is...

See the effect here I decided to set myself the challenge of updating a favicon dynamically to show the users percentage scroll through the page.First up, we introduce a function to generate an SVG as...

Angular SpringBoot CRUD MySQL Examplehttps://loizenai.com/angular-springboot-crud-mysql-example/Angular SpringBoot CRUD MySQL ExampleIn the tutorial, I introduce how to create an SpringBoot Angu...

In this post you'll learn how to set up CI / CD with Next.js on AWS using GitHub Actions and the Serverless Framework.Click here to see the video walkthrough.Click here to see the completed example pr...

In this article, we'll see how to use Airtable to store realtime messages using a group chat app as an example. We'll use Ably's realtime infrastructure to power the chat app and make use of WebHooks ...

In 2017, technology firm Navigant Research released a report showing that there wereat the time250 projects in the world revolving around constructing smart cities. The report went on to mention how f...

I have the habit of making new-year resolutions and setting goals for the year to come, so back in January 1st I published what I considered an ambitious list of professional goals: Speak at an intern...

There are several operators used in PHP to carry out programming operations.= is the assignment operator, this assigns a valuee.g $x = 'hello world== is the equality operator , it is used to test for...

What I builtThis is a fun color game that I made using JavaScript. This project was made thanks to this Bootstrap course. Category Submission:Random Roulette App Linkhttps://game.boya...

Improving our users' experience is now very compulsory in every application we build in this generation. Every step we take to make the user's life easier matters. Adding a chat, call or text function...

This is the second post in my series called "Demystifying Docker". While having read the first post is not a necessity I do recommend you to check that out as it explains "what" docker is. In this pos...

Hey Developers, Today i'm gonna be teaching you how to make REST ful APIs using node js and express. (part 1 of 2)what is REST api (according to internet's definition)Representational state transfer i...

Most of the Color Pickers I've seen and used, haven't been accessible. They've been touch-friendly, but not keyboard-friendly.So, I set out to create a Color Picker with range-sliders, which are both ...

Recently I had to learn the Go programming language and now I want to share my thoughts from the perspective of a Java developer.We decided to create Kubernetes operators for the DevOpsBox (https://ww...

When you search for the definition of an API online, there will be some very ambiguous results. I found myself and many others a bit confused when it came to the explanations provided.I will explain a...

Creating CSS illustrations can be interesting and fun. If you visit CodePen or any other similar website, you will find how incredible designs and artworks can be created with CSS. Let me show you an ...

Google Analytics is a free tool offered by Google to assist you in analyzing your web traffic. The topic of Analytics and User Tracking is a pretty deep dive and out of the scope of this tutorial, if ...

Originally published here at xtrp.io, my blog about computer science and just about anything programming.The HTML5 Gamepad API is one of the more exciting HTML5 APIs in my opinion. It allows a website...

Hey There! Here is my simple "like" animation that uses only CSS. I like to use the checkbox for my CSS animations so first we are going to begin with a quick boilerplate.<!DOCTYPE html><html...

IntroductionCoding in any language needs some type of order. Strangely enough, not all developers truly understand how important it is to maintain logical naming conventions, a lack of excessive...

Python is one of the most famous programming language in 2020, it is widely used for machine learning, data analysis, scripting and much more.In order to improve as a developer and add a new skill to ...

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

If you're reading this article, you might be interested to learn how to implement user management for your application, understanding the complete picture of how identity management services work. Tha...

TL;DRYou should pre-sell because you can validate your idea and create word of mouth and get money upfront to do it. ElaborationI had the pleasure of chatting with Dru Riley of Trends.vc fo...

A lot of you have things in mind like: Can I do this? Can I learn this tech in this much amount of time? Can I even start a YouTube channel? Can I write technical blogs? Can I add some value to someon...

One thing I've noticed in my devops career, either when working on my own project or a project for a company/startup is that there isn't always a tool or library for your needs. This is one of the bri...

...

In 2020, facial recognition became one of the most talked about technologies due to its wide adoption and highly controversial use by the Chinese government. However, the use of facial recognition tec...

This blog is a part of my "rework" series where I rewrite a blog post that I wrote while I was an apprentice software developer. I have lots more knowledge and want to revisit these old posts, correct...

I recently stumbled upon a design on Dribbble and learned about this new UI trend that has caught a lot of attention. Read through to find out about Glassmorphism and how you can implement it using HT...

I had a blast during my previous hackathon, which was DEV x Twilio hackathon, so I've decided to give my best shot for DEV x DigitalOcean hackathon, too.I'm doing it solo, so It's more of a challenge ...

Through this blog, I would help you create a translation web app using HTML, CSS and JavaScript.If you are new to these technologies, you can refer to my blogs on HTML & CSS. They are pretty simpl...

Creating responsive wen designs is a routine for professional web developers therefore mastering the skill is very important.today I will give you tips that will get your frontend skills to another le...

Hi all, I was working on this illustration for a few days and now it's completed and I am very excited to show you all. How it startedI am an artist besides a software engineer. I am always illus...

In JavaScript, you can represent a number as type number (ex. 12), or as a type string (ex. '12').But both are not same. At times while coding we might have to convert the data from one type to other ...

This blogpost continues series of posts exploring React components. It describes High-Order Component, a popular advanced React pattern, to deploy reusable logic across React components. Introduc...

Kubernetes is a popular, open source container orchestrator which takes care of creating, running and managing your app composed of microservices across multiple nodes. Kubernetes is an ideal choice f...

After we build a JavaScript text-to-speech application, now let's turn the tables and make the computer listen to what we say!We will create a piece of code that will start listening to us and compile...

Starting to Code at 47Most people would agree it is a good thing to be curious and to have a wide range of interests. It is good to be inspired by many different people and many different discip...

This is a quick react exercise to establish the usage of some key frontend concepts. This tutorial will cover the following react hooks:useState useRefuseEffectA fun creative project, this should help...

When you look for advice on how to authenticate users of an Express/Node.js API, the most popular answer seems to be "use JSON web tokens".I took this advice as read when I was building my first few A...

So, finally, you now know how to write code or you have been doing it for a while but do you still feel like you could be doing more? A good place to start will be to go through your projects and take...

You should never underestimate the importance of refactoring. If you're new to Ruby, you might be making a detour without knowing how to write shorter code or how to use convenient syntaxes. Since I l...

So, do I have to understand what DNS is, as a Web Developer? Lets find out!Lets be honest as a Web Developer, we only hear about HTML, CSS, JavaScript, MYSQL, MongoDB, Git, etc. How about DNS configur...

Your mind is busy.Sometimes you dont hear your own thoughts or notice how you feel.Then again, other times, your thoughts are so clear that you notice every single thought coming and going.This second...

For all the self-taught developers here that have not been able to get jobs yet, I'm curious: what is your biggest obstacle to landing that first job?...

Adding animation can be a quick way to ensure your user knows where to look and what to do when they interact with your application. Plus it just looks really cool, and we like cool points!Here is a s...

Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition/subtraction) let me know.Variables declaration# stringfull_name = 'Mike Taylor'# integercount = 20...

In our new 2.3.0 release, we included an often requested NoSQL upsert operation to HarperDB*. This new hybrid operation will insert new records, if they do not exist, or update them, if they do.This ...

Short JavaScript Array methods cheatsheet, that help you to learn, remind or prepare to JS interview.lengthconcatjoinsliceindexOflastIndexOfmapsortreverseforEacheverysomefiltershiftunshiftpoppushsplic...

If you're not happy with current state of state-management,you're not alone; most mainstream state-management solutions are unnecessarily complex and excessively verbose.In pursuit of an alternative, ...

"In tech, interviews are harder than the actual jobs". This is a joke, but it can be true in many cases. Thus, in this article, you will see 7 GitHub repositories that will help you ace the interviews...

Introduction Hi dear developers! Christmas is coming and I have a gift for you :) My name is Alexey. I'm a software developer and I'm building a tool that I hope you'll find helpful. In this ar...

A lot of people that talk about building their own programming language, have a lot of lofty goals for them. They want them to have this feature, that feature, to conquer the world and back.Me? not so...

Symlink is a phrase you'll hear a lot in relation to local development. But it applies in a number of situations and it's a helpful JavaScript concept to understand. What is a symlinkA symlink is...

If you've been studying JavaScript, chances are you've come across a few frameworks. Most people are familiar with Angular and React, in this blog I will tell you about the pros and cons of Vue.js ...

Whether youre leading a team of people or leading yourself, its important to take account of all the important things that need doing in your organization. This does not mean that everything can be eq...

This is the final article of the lighthouse series, I hope you enjoyed this series as much as I did. You can check out other Lighthouse articles below: How to Improve Lighthouse Score - Search Engine ...

There are plenty of articles that will try to convince you that you should use the map, filter and reduce methods. Less of them mention forEach, and not many of them mention the more traditional for l...

Friends, let's talk. It has been a hard year for everyone, and something that happens in hard years is that we have less patience for little annoyances because all our energy is spent keeping... /gest...

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

After several years of the microservice hype, now it seems monoliths are cool again! Does it mean, we have learned a lesson?I guess at least we accepted what Neal Ford stated in his book Building Evol...

With the recent release of Bootstrap 5 Beta 1, now is a great time to dip your toes into working with the new major updates and getting your tools ready for when the final release drops. Setting ...

With the recent release of Bootstrap 5 Beta 1, now is a great time to dip your toes into working with the new major updates and getting your tools ready for when the final release drops. Setting ...

Many JavaScript developers try to avoid using the this keyword. One reason is that what this refers to changes. This guide will help you with it. You will learn what this keyword refers to in specific...

Creating a timer is a very simple task. We will only be using variables, functions and THAT'S IT!HTML code:<html> <head> <title>JavaScript</title> <link rel...

Alright so this week I'm going to continue working with node. This one should be pretty short and sweet but I'd like to cover how to build out a login request and how to produce a token for verificati...

The aim of this post is to succinctly describe an effective and robust architecture for self hosting your NodeJS web applications. Im going to stay relatively high level, describing the technologies, ...

This article covers how to allow SVGs to be utilized as imported (tagged) components in your React app, which can be used and styled in congruence with imported icon packages.React Icons is a robust i...

On modern keyboards the Caps Lock key is undeniably the least useful key.It was fine on the IBM 84-key keyboard where you had CTRL in its place.Where did we go so wrong?It likely has given developers ...

What is it?Docker is a containerization platform that bundles your applications and all their dependencies into something called a 'Docker container' so that your application can run agnostic of...

Cover photo by Anastasia Taioglou on Unsplash.Updated to Nx version 11.0.2.Nx version 11 has built-in support for Angular version 11 and ESLint using Nx and angular-eslint plugins which add Angular-sp...

Originally posted on my blog harrisgeo.mePhoto by Stephen LeonardiTesting is a really important part of coding that is very often ignored by developers. How many times have we all experienced that pus...

I know many people have already written a lot about arrays, but most of them only contain the most used and basic methods.But there are lots of not so popular methods that you can use to manipulate, i...

Summary: Responsiveness is fundamental in web development. With multiple devices and screen resolutions, you want to build a website that works on ALL these screens. In this article, I would be taking...

What are Custom [HTML] Elements?Custom Elements are reusable html elements which can encapsulate implementation details into components. Custom Elements are part of the Web Component spec, which...

In this article I will guide you through the process of installing and configuring a highly available load balancer. But before we start, we have some names and concepts to decode, which may still be ...

More often than not, when I'm creating a presentation, I find myself being distracted on each slide by the looks of it and start editing and altering the fonts and colors and sizes.All I want is to wr...

HTML elements move around the screen because of the way we scroll documents on the web. Furthermore, embracing responsiveness with regards to screen size means that elements might change size and posi...

In this post, we will do a quick introduction to Postman Scripts. Learning scripting will give you the power to automate your API collections, so its really important you understand how Scripting work...

You do not have to code 13 hours a day.You do not have to be up to date with the latest libraries and frameworks.You do not have to write top libraries.You do not have to build 3 side projects in para...

What is Internationalization?Internationalization is the term used for making a website suitable for multiple locales (i.e. one or more places and/or languages).Internationalization is oftentime...

Hello Coders,AdminKit, a professional admin dashboard template based on Bootstrap 5 is now available for download in Flask and Django. The products, released under the MIT license, can be used for unl...

_Today, We will learn how to use the JavaScript arrow function to write more concise code for function expressions.IntroductionES6 arrow functions provide you with an alternative way to write a shorte...

Hello Coders,This article presents a curated list with modern, open-source documentation generators useful when we want to explain in deep how a software product can be used by others. All tools are f...

Two weeks of vertigo from every head movement has been among the most unpleasant experiences of my adult life. I could work if I kept my head still, but it took a lot of energy and concentration. Ever...

The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. How Can I Forma...

I have quite an intriguing background in the TTS (Text-to-speech) field. It always caught my eye.Back in my school period, my projects would always involve either some kind of TTS or webcam interactio...

Here are 9 useful apps for developersToday i am going to share to you the apps i use on all the time when developing. Web ScreenshotAs the name goes, this is an app that enebles you to tak...

Next.js is a framework based on React, its quite popular lately, thanks to some awesome features, like SSR, SSG... some advantages over react vanilla. A common task to do in web development generates ...

Hey fellow developers!This post is about how to create a simple weather app using React and OpenWeatherMap API.This is how the app will look like.So, let's get started Here's the github link in case y...

Operating systems offer different accessibility settings so users can customize and personalize their experience when using a computer. One of those settings is the "Reduce motion" option.MacOS counts...

When I first started my self-learning journey I would try to memorize everything, from every HTML tag to every use case of every CSS property. Because of that, I felt like I was making no progress. Ev...

I remember my first code review as a software engineer. I was pretty nervous about opening the link in the email saying my code review was complete. I was afraid to look at the feedback.I'd never had ...

Originally published here at xtrp.io, my blog about computer science and just about anything programming.Cronjobs are tasks that can be run periodically, such as every five minutes, or every day at mi...

Lets talk about one of the biggest pains in web development: connecting your app to a database. While you might not share the same opinions, this is one of my least favorite parts of server-side devel...

Nope, not Froot Loops. That cereal is nasty. I'm talking about JavaScript loops, and thank goodness for 'em!Loops are something you should feel confident with when coding. You're going to need it, and...

What I builtI created a website to showcase the open-source eBook that I wrote a couple of weeks ago.The website was built with TailwindCSS and Tails .The website also includes an interactive t...

I occasionally write blogs at my website, lenvingonsalves.me, but with a lot of spelling mistakes. Since I use a code editor to write most of my content, using Grammarly is not an option. Being the de...

Wondering what the <meta> tags are in the <header> section of your HTML document, then read ahead & get all your queries resolved.Meta tags:These are the tags that provide additional d...

I was writing a static page for an open source project recently and I wanted to insert some links. Personally, I prefer the links that pop up in a new window. That way I can have one bajillion tabs op...

This article was originally published here: https://thewholesome.dev/p/traits-of-a-distinguished-softwareSoftware engineering, also identified as the art of finding elegant solutions to complex proble...

In this post I will explain why you should have some knowledge about firebase if you are a react or a frontend developer.On Dec 10, I made my first react project which is a budget app which can track ...

*knowledge dependencies for understanding this article include beginner's SQL(including ON_DELETE CASCADE) and beginner's database designThe first thing I want to do is acknowledge that the inspiratio...

Intro If you're a front-end developer, you've probably heard of the DOM, or used some DOM methods in JavaScript. However, you may not know exactly what it is, or how it works.This article will g...

...

Many developers like myself, use GitHub for sharing their code with others. GitHub is a fantastic platform for collaboration on open-source as well as personal projects. An important part of code coll...

Hey there!In this week's post, I'm bringing you the proxy design pattern. Proxies may be used for a lot of things, such as communication, logging, caching, etc. So in this post, I'm going to show you ...

Hope you read about What browsers are doing when you make a request for a resource and How do browsers make websites because today we are going to continue this series with How Browsers communicate.We...

Trying to learn a new skill deeply, with a family to support, in 2020 of all years, while networking with others and job hunting, well...it was bound to happen.I had my Linux VM setup on my Windows ma...

This article is part of the C# Advent Series check it out for more articles from others in the communityI love C#. Ive been working with the language since 2001 and still view C# as my favorite and pr...

Photo by Christopher Gower on UnsplashSilicon Valley Season 2 ruined it for me. Richard had worked so hard on Pied Piper, but Gavin is almost able to steal it from him. Why? Cause Richard pulled down ...

The second week of AWS re:Invent brought a surprise major announcement from the AWS Amplify team: You can run Docker containers as AWS Amplify APIs now!!!The main Achilles heel of migrating to serverl...

TL;DRMy name is Gilbert, Im an engineer for +30 years (and CEO for +10 years). I designed a technology called WarpJS to integrate JavaScript Front end & Back end, and I wanted people to be a...

Java Release CycleUntil version 8 , Java version release was one every 3 years ,so there were few versions with many features.It was therefore complicated to deliver a new version of Java and c...

Photo by Gia Oris on UnsplashI am not sure anyone will ever need the following tricks but, at my clients place, we have an application which can only be accessed through an URL which contains a dynami...

Here at Shamaazi, weve recently gone through a round of hiring and wow, hiring is hard!Its challenging finding engineers who have the right qualities, attitude and personality to join a team. Were a t...

In React - a component is a function that returns a DOM tree (possibly by calling other component-functions). To test the function, you call it with different arguments, and assert different results.I...

Q1: what do you mean by OOP concept?Q2: List of OOP Features?Q3: Why use OOP concepts or advantages of OOP?Q4: Disadvantages of OOP?Q5: Difference between Procedural and OOP programming?NOTE: For deta...

Hello folks, this first post is a short introduction to my series, reviewing and summarising the epicReact.dev Course by Kent C. Dodds.In this series I want to review the most important principles tha...

One of the strongest trends in the tech world is working remotely. It introduced great opportunities to work for your desired company that, in many cases, was only hired locally before the pandemic. I...

Vanilla JsVanillaJS is a name to refer to using plain JavaScript without any additional libraries. All major web browsers have a built-in JavaScript engine that executes the code on the user's d...

Okay, if you've stumbled on this article, chances are you probably want this information as quick and easy as possible. I'll keep things as short as I can, but we will be walking through everything st...

Today we are going to set up an automation which will deploy our react code on surge whenever a push request is made to main branch of the github repository.First step would be to create a React app u...

Nowadays, it's hard to get your first job without impressing somebody with your portfolio. Everybody is creating weather apps, but does everybody have custom CSS-based images in theirs? Let's create u...

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 is episode #23 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...

There are many ways to monitor and set alerts for your web server using third party apps but they don't come with free, be it Pingdom or Amazon's CloudWatch. In this post I am going to show how we ca...

Your web app is most likely vulnerable to an attack right now. In fact, according to this recent survey, 9 out of 10 web applications were vulnerable to attack in 2019, and 45% of production apps had ...

From a young age, we're taught that we need to be the best at one thing to be successful. But, this idea is becoming increasingly untrue in this age of infinite leverage.This path of being the best (t...

This is a weekly roundup of awesome DEV comments that you may have missed. You are welcome and encouraged to boost posts and comments yourself using the #bestofdev tag.A job well done, @debugagrawal!...

Whether you love, or hate, object oriented programming, "What are the four pillars of OOP?" will be a question you get asked on interviews again and again. I know this because a good friend of mine, w...

When I was working on my portfolio I had already decided to start blogging on dev.to. With the simplicity and community I prefer this platform for blogging. With this in mind, I wanted my portfolio to...

As a junior developer, I struggled a lot with NPM.Do you remember copy/pasting all the npm commands without knowing what they do ? Or the first time you freaked out while opening the package-lock.json...

On this edition of Serverless Expeditions, we take a look at how to deploy a GitHub repo on GitHub, though Cloud Run's new "point-and-click" integration, no Dockerfile required. Check out the video ve...

(although I dislike Race-based situations) Theres an increasing number of black people who look like me in the CompSci Industry, but those numbers still arent what I would love to see. It can be impor...

A couple of weeks ago I and my two colleagues from Vincit were having a streamed presentation about "Web development in an hour" in Mimmit Koodaa - This Is Not a Webinar event. In this post, I'm going...

I've been seeing articles from people claiming that VSCode is the best editor, so I'm here to tell you why they're wrong. That first lineSince I wrote my first line of code a surprisingly long ti...

It's underrated how tough it can be to get a new thing off the ground, and how delicate that phase is. Ben Halpern @bendhalpern ...

We have heard about Different types of numbers and series.For example Ramanujan Number, is the smallest number which can be expressed as the sum of two different cubes in two different ways.Today we a...

Hi all! With the end of 2020 just a few weeks away, I've started doing my end-of-year reviews.My questions to you all: how did you do this year with content creation, and what do you plan on doing dif...

...

Today Id like to share with you real-life code and schema example how one can successfully integrate GraphQL into PHP and how to optimize the result. At the moment its hardly unlikely to meet web-deve...

6 Things Programmers Can Learn From WritersThe art of writing actually has a lot to teach programmers about good software. Here are six tips you learn as a writer that can also be used by develo...

Explain how to read and write a file using JavaScript?const fs = require('fs')fs.writeFile('index.js', 'Content of the file goes here', (error) => { if(error) { console.log(error) ...

In today post we will develop a simple shopping cart in reactjs by using usetheform, a react library for composing declarative forms and managing their state. Lets start it. InstallationTo instal...

Recently I came across the Aggregation facility of MongoDB for the first time, and it was a bit hard to understand for me... So, I decided to write this, to help others, as well as understanding more ...

IntroductionJavascript is a powerful programming language especially in web development that is used to create and control dynamic website content, i.e. anything that moves, refreshes, or otherwise ch...

OverviewThis article is Part 4 of Working With NodeJS, a series of articles to help simplify learning Node.js. In this article I will cover Streams. IntroductionWorking with large amounts o...

There are various ways to add or append an item to an array. We will make use of push, unshift, splice, concat, spread and index to add items to array. Lets discuss all the 6 different methods one by ...

This is follow up article from our previous post. Stonksmaster - Predict Stock prices using Python & ML Nirvik Agarwal Dec 2 8 min read #machine...

Last years neumorphism trend was horrible and awful. This year, Glassmorphism seems to be the new design trend. In this tutorial, I will be showing you how we can create this effect - the CSS way!Befo...

Hi there! If you need to improve your Python development skills, the best place for practice or review some other's projects is GitHub. There tons of interesting repositories and gits that can help yo...

GIT is the most widely used distributed open-source Version Control System that allows you to track and manage changes made to the files locally on your computer.However, the tool is so powerful and e...

While building projects in JS we all need to make http request for exchanging data between two end points.Most of the projects I have build in JS I have used fetch() for handling my API requests.While...

You've created a new project, and it's currently saved on your computer. Great! Hopefully, you haven't gotten too far into it yet because it's always a smart move to have version control of your code....

In this article I will retrospect the first chapter of the book "Eloquent Javascript" Table of Contents: Bits Values Numbers Precedence of the operator Special Numbers Strings and Character...

I have been trying to work out life's riddle for the past 8 months. After having a conversation with my roommate on how lost and clueless I felt in my job search, she recommended that I read the book ...

I'm new to JavaScript and I've been struggling with iterating with for loops. The early classes were easy to understand when the condition was simply i < 9 or i > 9. The issue I have now is know...

Feature flags is a concept meaning that you switch features on and off via a flag. Why would you want to do that?Here's some good reasons:Early integration. Usually you work on a feature in a branch. ...

The other week my friend Amy Kapernick reached out because she was having a problem with React. She was working on a project that used a headless CMS to build and control multi page forms and the fiel...

In this post, I will walk through how my team mapped performance characteristics for a web app we created for a customer, and how we picked between using just an App Service, a CDN (Content Delivery N...

How are things going friends? I know 2020 has been a garbage fire but we are almost through it. Cheers to 2021! I wanted to bring you an article on color, the web, and how CVD's (color vision deficien...

This post was originally published at kais.blog.If you like my content and you want to see more, please follow me on Twitter!Questions, feedback or just wanna chat? Come and join my Discord!Arrays are...

Why Developers fear Blogging?Blogging can be an intimidating task. Especially when you're new in the field of development and programming.Let's talk about the common reason new developers choos...

Hi! My name is Holly and I am learning to code at 40 years old. I started my coding journey at the young age of 37. It stalled for a year while I was dealing with some life moments, but a year ago ...

Back in October I did a series of faces made with CSS for Halloween. Now that it's holiday season I'm was looking around for blog ideas. I thought about ornaments but I wanted something that was more ...

Hello everyone,I'm back with another Linux tutorial. We are going to talk about something which is also my personal favorite - VIM.We are all fed up with iDE's and text editors which takes years to op...

There is so much choice when it comes to buying an external display to use with your computer. I currently have an Apple Thunderbolt Display which is cool however the product has been discontinued. An...

In my previous post, I had a bit of a rant about people not learning the idiosyncracies of the language that is bash, and more generally those of shell languages as a whole, leading to a lot of frankl...

In my previous post, I had a bit of a rant about people not learning the idiosyncracies of the language that is bash, and more generally those of shell languages as a whole, leading to a lot of frankl...

People always ask "why this repo" and never ask "how is this repo", so I created an app that finds how happy a repository is.TLDR; The app runs a sentiment analysis engine on your repo and finds how h...

Ever since web accessibility became a pressing topic on the project I am working on, we have been working hard to convince both (some) colleagues as well as the client that improving accessibility is ...

Dark mode designs and functionality that enable to toggle between Dark and Light theme is trending UI/UX Design. So, here's the guide to create Simple dark-light toggle.I wanted this to be simple so I...

As I was finishing my blog post about defining service boundaries, I had a very strong feeling that there must be some abstract concept of what I was trying to explain on concrete examplesOf course, t...

IntroductionThe idea of having to sync different tabs within the same browser is not something new and there are tons of different ways in which it can be done, there is no right way to do it; i...

Any nodejs project carries a bulky folder - the node_modules - that carries all the modules and dependencies that the application would need. If you try to peep into that folder, you can see a huge ch...

A New BeginningAs all coders out there, we all have a beginning. Each of us has different motivation - excitement, finances offered, popularity, trendsetters - to keep us sane in coding, for any...

Running tests is an important part of the code-writing process, but typing the same commands over and over again can slow down your workflow.Earlier this year, I was pair-programming with a new friend...

IntroductionYAML is most useful data format to describe structural hierarchy in these days. It's more simple and collision resistant.It is useful to describe your configuration attributes in you...

Introductionthis is a keyword in JavaScript which works very differently based on how you are using it.In this article we'll go through all different possible cases and see how this keyword work...

Front-end JavaScript frameworks have become incredibly popular over the last five years, including Vue, Angular, and React. These modules have allowed beginners and exports turn their ideas into reali...

Custom ArgumentsLets imagine that you have a NPM script to lint your application. Something like that:"scripts": { "lint": "eslint './src/**/*.{js,ts,tsx}'"} Enter fullscreen mode Exi...

I've been thinking lately about how much I absolutely love to code, like just taking a task and building something cool. And I've also been thinking about my future with development, I'm a Senior Engi...

Passing data in React is straightforward. It is top to down, from the parent to the child component. But what when you need some data in the root component and have to pass it a few levels down? It ca...

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

BackstorySome time ago I was asked to introduce an automatization which would check if committed files fit linter rules responsible for uniform code formatting and code quality (e.g.: eslint, pr...

This article was originally published at https://thewholesome.dev/p/here-are-8-questions-you-should-ask Working as a developer is a lot of fun you get to solve challenging and complex tasks every day...

Make sure your project is responsive by viewing it live on your mobile device.Before you get started with this tutorial you should have VSCode installed as well as the live server extension. The...

Netlify makes deploying your front end quick and easy, and Netlify functions makes running a serverless backend just as easy.In this guide, we'll get setup on how to use Netlify functions. As an indi...

Python is my first and favourite programming language (not that I've been learning lots of them). It's friendly for new coders, almost like writing in English. There are also lots of resources for lea...

A few weeks ago when I started this serverless & container series we talked about how to use Docker in your AWS Lambda projects with SAM. Who could have known that today I get to share in the rece...

Technical debt is a natural part of software development. New frameworks come out, better ways to do things are found, SDK and languages updates are a thing, plus a hundred other external influences i...

Sometimes it's necessary to abort a fetch request. In this post, we explore how to quickly do so using AbortController! If you enjoy this tutorial, please give it a , , or and consider: signing ...

WhatsApp is now one of the world most used social media platform for communication. The fact that all you need is a mobile number, makes it so suitable. Jump to:React WebsiteHTML WebsiteConclusio...

Dont aspire to make a living, aspire to make a difference.- Denzel Washington Table of Contents Introduction HTML Form Events onblur onchange oncontextmenu onfocus oninput oninvalid onre...

Notion is an amazing tool that helps you organize your work and you can pretty much adjust to all of your needs. Also, there are a lot of templates to choose from made by incredibly creative people. ...

This blogpost continues series of posts exploring React components. It describes 2 types of components - Presentational and Container - together, because they can be better understood as a couple :) B...

Many of you especially beginners are confused about Git.On Google there are millions of answers that explains about the concept of Git.The technical definition about Git says that Git is a Version Con...

Being in the world of programming comes with a lot of challenges and opportunities for developers like you and me. Theres a lot to learn and master we have JavaScript frameworks like React, Vue, Angu...

In this post, I will discuss about localStorage in JavaScript and React.jsI made my first react project using localStorage as a database.As in react, the state vanishes when we reload the page, localS...

For the longest time, I have used this method to filter out undefined/null values from arrays in JS.const filteredArray = arrayToFilter.filter(x => x !== undefined); Enter fullscreen mode ...

Hey there! If you haven't seen Part 1: Vanilla JS Hamburger Menu, please check it out before reading this. In Part 1 we created a simple hamburger Nav-bar using HTML, CSS, and JavaScript. This code wa...

We all feel enthusiastic at the initial stage of a project, but after a few days, what happens?I know we all face this situation, where we don't want to continue a particular project, for which we hav...

In the previous lectures, we have implemented and tested the HTTP APIs to mange bank accounts for our simple bank project.Today, we will do some more practice by implementing the most important API of...

I don't work for Elastic, but I'm a big fan of their products. In fact: 'fuck' is such a wholesome word @theshalvah E...

Hello ! Today we will talk about state management.Because my article about the problems I encountered switching from Vue 2 to Vue 3 was quite popular, I decided to continue writing about my journey t...

-Introducing the DOM -The Document Object -getElementById -getElementsByTagName and className -querySelector and querySelectorAll Enter fullscreen mod...

About a year ago I wrote a guide on how to migrate to typescript from javascript on node.js and it got more than 7k views. I did not have much knowledge on javascript nor typescript at the time and m...

cover image by Berend EikelenboomSometimes it's hard to keep working, how do you keep up that energy?...

I am so, so excited about the brand new Amplify Admin UI, which the team that I'm on at work launched this week. You can create and configure a backend for an application in minutes, start building it...

When first creating emails in a new project in Python, I usually start by creating the email text within the Python code itself. This is quick and easy and gets the job done. For example, one of my or...

This is my approach to implement strongly typed routing using React Router and TypeScript. So that if I try to create a <Link> to an unknown path, tsc can warn me appropriately. Of course there ...

How do you gracefully deal with a failed HTTP request? Here's the few lines of Angular code you can use to manage HTTP failures.Some Angular apps can be as clumsy as a soccer-playing elepha...

This blog will give you samples of awesome new feature added since Java 7. Ill showcase at least one major improvement for each Java version, all the way to Java 15 which was released in fall 2020. Ja...

CheatsheetList all files and folders in current directory:find Enter fullscreen mode Exit fullscreen mode Find files/folders that match a pattern:find -name "*pattern*" Enter fu...

I believe I get a dozen questions regarding what to learn to break into web development. As a result, I thought of writing an article about it, so my answer reaches more people.Be aware; there is not ...

The Cross-Site Request Forgery (CSRF) attack vector is often misunderstood. Today we'll gain a better understanding of CSRF and why cookie-based CSRF tokens are a good option for Single Page Applicati...

The SoundtrackI tried to write a post about JavaScript Promises using Ciara - Promise, but it didn't work so instead have this genre-agnostic playlist of 10 songs with the title Promise. Don't l...

After completing my DevOps project last month, I wanted to take the app I had built and turn it into something more permanent, something with a graphical user interface that could be used outside of t...

Today I would like to do some coding work on Adapter Pattern in Python. Adapter is one of the Structural Patterns.It works as a bridge between two incompatible interfaces. This pattern involves a sing...

TypeScript has some incredibly nifty utilities that can be used to make your codebase more readable, efficient and safer. In this article, I've compiled a list of four of my favourite utilities that I...

This blog post was originally published in Tes Engineering blog here.I recently completed the JavaScript Security: Best Practices course by Marcin Hoppe and wanted to share some key practical take awa...

I have been working on many Symfony projects in my career and one of the most common problems where customers call our company is that their software is blocked in the old framework version, or they a...

A significant part of the process of creation is the ability to imagine things that do not yet exist. This skill was instrumental to the creation of the Internet. If no one had imagined the underlying...

Package.json is a file in the root directory of a Node.js project that holds various information relevant to the project. This file gives information to npm that allows it to identify the project as w...

In todays tutorial we're going to briefly go over what glassmorphism is, and create a design using it in Figma. IntroductionThe new UI trend we're going to be talking about today is Glassmorphism...

Breaking into engineering is no easy task.Over the past year, Id gradually built the skills needed to transition from the only career Ive ever known - sales - into UI engineering. Prior to beginnin...

If you've worked with Ruby, you've likely encounter attr methods such as attr_accessor, attr_reader, and attr_writer sprinkled at the top of the class.To truly understand what each of these attr metho...

Hey there! So I'm trying to figure out how to use canvas element in React.Here is how my playground looks like. Canvas element, a dot travelling around the board and a button to start / stop the anima...

If it looks like a duck, swims like a duck, and quacks like a duck, then it probably is a duck.Dynamic Typed languages like Python and JavaScript have an interesting characteristic of letting an objec...

Photo by Flix Prado on Unsplash What has happened so far?On December 21, 2019 I migrated my blog from Medium to my own infrastructure (this blog post has more details). The main reason was to own...

The snowman from the image was drawn in CSS, without using JavaScript or HTML, as you can see in the following snippet:And here you can see a video of the drawing being coded step by step just using C...

Hello Enthusiasts of the Computer Science World! What is JavaScript?JavaScript can be the biggest step you can take in your developer career, however when first starting JavaScript it was the har...

Reverse interview questions for Software EngineersAs a Software Engineer, you will go through several interviews in your career. These interviews are typically set up by the potential employers...

Build a CLI with NodeJsHey there. In this tutorial, I am going to show you how to build a CLI app using NodeJS. This is going to be a simple app that will print a greeting to user, provided his/...

Hello Fellow Codenewbies You probably use px or em to set up the size of your image in CSS.Well, I did.But there is a good practice that I learned recently on how to set up the size of images, particu...

I consider myself an advanced beginner in programming. I lack a lot of knowledge in best practices, gotchas, elegance... let alone algorithms, optimizations... I have no clue.I'm quite sure I won't ma...

Beginning to write Dev.to articles was intimidating for me, and a tutorial on writing articles would have helped reduce the barrier to entry. Now that I've written six articles, I've settled into a co...

Queue is one of the most important data structure. Using queues, we can model many computational tasks easily and efficiently. Queues are used everywhere, in Operating systems, they are used to schedu...

If you really want your Readers to Read All of your contents, then having a dark mode is a must on your website.Because, A dark theme reduces the irritation on readers eyes compared to light mode. Tod...

While coding in JavaScript, I'm always perplexed on how JavaScript works. It's just as Kyle Simpson says -"I dont think anyone ever really knows JS, not completely anyway."Any programmer who is learni...

This weekend I'm going to setup a new Macbook Pro 13' for work. Here are my current preferences for setting up a MacBook Pro. > System Preferences :Keyboard Input sources - set to regular A...

I like to look at the "What's New" tab in Chrome Dev Tools every now and then.This time the update is 87, and I've noted they updated the CSS Grid debugging options!Time to explore what's new and what...

The introduction of ES6 ushered in a handful of incredibly useful features for Javascript developers one being of them being the ability to destructure arrays and objects. What is destructuring and w...

This year has been an interesting one, not least of all because many people around the world - especially in the tech sector - ended up working from home for an extended period of time. Working from h...

When Svelte 3 launched in 2019, the top demanded feature was TypeScript support. And when TypeScript support was finally announced in 2020, the reception was ecstatic. But the secret is - not much nee...

We're in the days when static websites are beginning to fade out and replaced with a more dynamic website, from an e-commerce website to a management system such as school management system, human man...

One commit for every feature, regardless how long you'll work on it? One commit a day, regardless which features or bugfixes you worked on?Or do you go full git-style? Particular Branches for dev and ...

I'm building a social media network and collaboration tool based on mind maps, documenting my work in this series of blog posts. Follow me if you're interested in what I've learned along the way about...

Pixel art games have been making a huge comeback in recent years, but this time not because we are limited by technology, but because pixel art is really great. Some game developers are adjusting thei...

No wonder programming is like any other gig, hobby, or passion. But as every field of interest has its individuality, programming has its own quirks. I have listed out three things that would have mad...

In this day and age being a developer and being in a fast-paced environment we have to deliver as quickly as possible.While trying to deliver quickly, we end up building functionality in an un-optimis...

Intro Computer networking is a confusing topic. So much jargon. So many complicated technologies. As a new developer, it's easy to get overwhelmed by it.In this article I'll demystify the fundam...

Lately, Ive been working on creating an online platform for eco hotels and resorts, and found myself needing to render a map with some clickable marker pins (which we are going to reproduce in this tu...

If you are a beginner in React and are using classes all-around in your code then you probably would have noticed that sometimes it's not easy to keep track of your states, how to update them, how to ...

Its not easy being a new Dev. We get this overwhelming feeling of what in the hell am I supposed to do now?- at least, I do. Whats the next project? Whats the next thing to learn? Why does everything ...

As a new user of Kubernetes, I want to understand the importance of Pod Security Policy, and how to create it, so I can secure a Kubernetes cluster. What is a Pod?A Pod is the basic (and smallest...

Who is this for?If you want a mid-level understanding of closures.If you are curious why closure is called closure.You want real-life examples and not simple counter or greeting examples. This a...

I needed to implement Devise and JWT using Rails (Rails 5), and I thought, how hard could this be? Boy was I naive... Now there is a lot of information out there on how to do this, but each resource...

JavaScript turns 25 years old today. While its made an impact on my career as a developer, it has also impacted many developers like me and users around the world. To commemorate the our favorite lang...

"Some people, when confronted with a coding problem, think "I know, I'll use regular expressions." Now they have two problems."Jamie Zawinski (world class hacker)What are Regular ExpressionsA regular ...

Hello! Today I'm going to detail how to easily implement user authentication in your react projects. I'll keep it as brief as possible.1) In your project directory, install the easybase-react library ...

Are you modern? Is your web app state of the art? Then you must be doing micro frontends! Quite provocative isn't it?All the complexity. All the trouble. For what? Your frontend is outdated anyway in ...

Another week is coming to a close!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 projectLanding a new jobGetting s...

Ever wondered how travel booking sites are able to list thousands of flights and hotels for a destination and showcase the cheapest option...The answer is API.In technical terms, API is Application Pr...

When it comes to creating or just adding graphical assets to the website, you can choose raster formats like popular PNG, JPG, GIF, or vector, like SVG, AI, or EPS. Nevertheless, using SVG format on t...

Advent of code is going on, and I just felt like nudging folks towards that DEV tag if you're interested in following along. Why You Should Be Doing Advent of Code (it's n...

Software job descriptions and roles are filled with a bunch of noise. They span front-end technologies and frameworks, back-end technologies and frameworks, sometimes they mention types or styles of p...

Prerequisites If you are new to GitHub Actions, I suggest you to read these articlesIntroduction to Github Actions - GitHub Actions (Part 1)Working with environment variables - GitHub Actions(Part 2)...

Hey there. You just created your first AWS account, and you can't wait to dive into all the exciting services and technologies that AWS has to offer you to start to build the next big thing. But, wait...

Local environments are complexWorking on a full-scale project and keeping our local development environment up-to-date is definitely not a simple task! Today, microservices are all around, we wr...

When we decided to build Checkly's browser checks, we chose to do so with Puppeteer, an open-source headless browser automation tool, later adding Playwright, too. We wanted to support users with synt...

In this Blog, we will understand how to make a CLI Quiz App using Javascript. Im using JavaScript because is one of the most used programming language today thats the 1st reason. The 2nd reason is tha...

Microservices are a great tool when it comes to designing scalable and extensible architectures. They can be used to encapsulate different behaviors or responsibilities in a way that not a lot of othe...

IntroductionIt's almost the end of 2020 (yay!), which means it's time to make sure you've used up all of your professional development (PD) budget for the year!Out of ideas? Here's a list of som...

Object-Oriented Programming is a design philosophy also known as OOP. Object-Oriented Programming(OOP) uses different sets of programming languages than old procedural programming languages(C, Pascal,...

What is Flexbox?Flexbox is a layout in CSS3. Flexbox is used to make responsive layouts and components on a webpage. Using is a good choice to use in CSS so you can design the page responsively....

In this tutorial well be building a custom React star rating component. This type of component allows users to give something a rating between 1 and 5 stars with a single mouse click.Heres how the com...

This is a repost of a Medium article I wrote a few months ago. I decided it makes sense to share here too in case anyone in the dev.to community is experienced with JavaScript and trying to teach them...

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

During re:Invent this article is being constantly updated. Keep checking in to see new reactions! Jump to the reactions Preamble What is re:Invent?re:Invent is Amazon Web...

If youre using Jira and have projects with repeating tickets that need to be added monthly, weekly or even daily, you know it can require painstaking manual labor to administer to all relevant project...

When it comes to web accessibility, many developers think that it's a lot of added work, and that it's too hard to get right. I wanted to break that myth when it comes to HTML Tables, based on an arti...

This is a weekly roundup of awesome DEV comments that you may have missed. You are welcome and encouraged to boost posts and comments yourself using the #bestofdev tag.@mpodlasin shared this on-point...

The DevDiscuss Podcast begins with an interview and ends with commentary from listeners and we like to feature the actual voices from our community! This week's prompt: What do you like and/or h...

We're back with another episode of DevNews... S2:E6 - Salesforces Slackquisition, PHP 8.0, Amazon Sidewalk, and Computer Fraud and Abuse Act DevNews ...

The pointer is not a thing that every developer needs to know, but it's still a thing that exists. This question is kind of a stand in for concepts like pointers and not just that one thing.I wonder: ...

This is the last article in a series covering all the various aspects of creating forms for the web. Each article can be read independently, but I wrote them in the order that makes the most sense. If...

Welcome back! Its been a minute since I explained something most of you probably know better than me . For WebSocket, I knew very little before I did my research. I understood that it was widely used ...

If you swung by my Twitter profile in the last week, you probably saw this:I'm not sure of the precise causes of me being locked out, but I have several abnormal usage factors that probably put me on ...

IntroductionToday I worked a little on Observer pattern. I'd like to note down all that I have done today in this post. Firstly I want to cite a short introduction of Observer pattern copied fro...

The European SituationSo any British expat / foreigner, like me, that lives in Spain knows how incredibly difficult it is to book an appointment and get your paperwork in order.There's always so...

When building apps or websites one of the most powerful tools developers have at their disposal is the ability to manipulate the DOM (Document Object Model). This post explains the basics of DOM Manip...

Last time we set Gatsby up and made our first page(s). Now let's look at the common things you will do when building out an actual site.For this series of blog posts, I am working on a hypothetical re...

This could be anything from some specific technologies/tools, data structures, design patterns, programming paradigms to advanced concepts like Machine learning, Neural networks, AI, etc.Which concept...

This blog post is providing some more insight and the source code to a youtube tutorial, that I consider being worthwile looking at more closely.Original Youtube video that inspired me: Github code re...

Most devs are aware, that Git Branches are awesome for developing new features collaboratively in complex apps. For personal projects, I've seen most devs pushing everything to master, tho.Is this bec...

When we talk about gradients in CSS, we talk about gradients of colors.This is ultimate post to master css gradients easily!I hope you all will help to share this post with everyone you found anywhere...

ProblemIn present times, security is the main concern for all of us, and if you're a developer you spend a lot of time making a perfect security system for the apps, and APIs so that every user ...

IntroductionLitElement is a base class for developing web components. It's very small, efficient at updating, and takes a lot of the heavy lifting of writing web components out of the developers...

We have all been there. Not getting promoted when you expected to. If youve been in the workforce for longer, youd have experienced it more often than those at the beginning of their career journey. U...

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

Regular expression is a powerful tool, and it can save lots of lines codes sometimes. What is RegexRegex(Regular Expression) describes a pattern of a certain amount of text, so it can be used for...

A good friend of mine asked me to write this post. Actually... to be more accurate, he asked me to write something about the hesitance of corporations to support remote work - and why they're being s...

I know it's needed when making an array with no initial value, but, what's the difference betweenchar[] carr = {'a', 'b', 'c', 'd'}; Enter fullscreen mode Exit fullscreen mode andchar[] c...

These are 11 useful JavaScript console commands to know about. 1. console.log()The first and most common command is the console.log() command. It takes in a message and prints out the resul...

I think long-running test suites are the bane of the development flow. They cause friction in what is already a fairly fraught process and often times don't even lead you to the correct results.How lo...

Is it true?Yes, it is true. Docker is now deprecated in Kubernetes.Ref. https://github.com/kubernetes/kubernetes/blob/master/CHANGELOG/CHANGELOG-1.20.md#deprecationDocker support in the kubelet ...

Hello Coders,This article presents a few commands that I use from time to time to cover my programming mistakes or just shortcut things in my GIT repositories. I must warn beginners (and not only) to ...

In my last blog post I talked about how to get started with writing tests for a JavaScript project using the Mocha testing library. As I mentioned at the end of that post, this time I will talk about ...

First before anything else: SPOILER ALERT! This blog post will discuss possible solutions to the first puzzle of Advent of Code. If you haven't completed it yet, and want to do it before looking int...

GitHub is where developers share their code, work on open-source projects, and collaborate with others. It is one of my favorite platforms to share my work and even collaborate on school and real-worl...

As I handed in applications to companies and read countless job descriptions, I realized that I really want to be a Frontend UX/UI designer. During my UX/UI research, I became more aware that I can ge...

Like many people, I would like to get my hands on the new Xbox. And like everyone but the most diligent online shoppers, I have so far failed in my efforts to do so, and have instead been relentlessly...

If you work with JavaScript code, you come across a package.json file in every project. Every time you run npm install or yarn those package managers look through that file and grab the dependencies y...

First off, if you dont know what atomic design is, Ill give a brief primer below but I suggest you go to Brad Frosts website and check it out.Atomic design is Brad Frosts methodology for building desi...

This post is an attempt to compare state management between Mobx and the standard state lifting method on a tiny example. It exposes a starter's viewpoint on how both methods can be used and focuses o...

As per previous posts, I've been working on setting up for streaming events and for each iteration I wanted to improve my face-to-face. What I've learnt so far from live-...

IntroductionThis tutorial will help you to set up a secure Ubuntu server from scratch.Keep in mind that this is not a common tutorial, this is the culmination of all the knowledge I have gathere...

Newbie to Machine Learning?Need a nice initial project to get going?You are on the right article!In this article, we will try to build a very basic stock prediction application using Machine Learning ...

proxy-compare and proxy-memoize IntroductionIt's been a while since I started developing reactive-react-redux and react-tracked. These libraries provide so called state usage tracking to op...

GitHub is the one-stop-shop for everything related to (web) development these days. Frameworks, demos, collections of all sorts theres probably nothing you cannot find on GitHub. However, this huge q...

The topic of testing is always mistreated online. It's easy to check that on a hundred articles explaining how to develop a certain functionality, only one or two include a description of how to test ...

What is Asynchronous Programming?The term asynchronous in programming means that a particular section or block of code can execute independently of other sections of code. Use casesAsynchro...

Feels good to be back on this amazing platform. I am just back from a writer's block. Thanking note Rohith Gilla @gillarohith ...

What do you think the most important git practice is? What is a practice?But before you answer it, tell me what a practice is? How do you define the most valuable practices? What characteristics ...

Before reading this article please make sure that you have a basic understanding of data structures and algorithms. Thanks!!Suppose we have to create a system where we have to store a person's phone n...

There are three things that are needed for an application-input,processing and output.For processing in this app means translation.We will be using funtranslation api which returns translated content....

Logging is one of the best way to keep track of what is going on inside your code while it is running. An error message can tell you details about the state of the application when an error happens. ...

A while ago, I stumbled upon the term "Serverless databases" and got to know about Fauna. Out of curiosity, I decided to try it out and I was honestly impressed by its simplicity and the whole concept...

If you're a JavaScript developer, you might have heard of TypeScript already.Or maybe you've had a quick dip into it, but the merit isn't immediately obvious.Or perhaps your colleague hasn't stopped t...

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

Web performance can mean a lot of different things to a lot of different people. Fundamentally, it's a question of how fast a web page is. But fast to whom?When this page loaded moments ago, was it fa...

About this SeriesIn this series, I'll be exploring how to develop an event-driven web applications in Javascript. We'll use Vue on the frontend and FeathersJS on the backend to accomplish this. ...

I've been a hiring manager for several years at Uber and Skyscanner. During this time, I've read hundreds of developer resumes. I've been researching the topic of what good resumes look like, while wr...

Routing in an application is the ability to change urls and go from one page to another. It's a major component in any web application. Thankfully, Next.js comes with a built-in logic concerning routi...

HarperDB and WebSocketsWebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection. WikipediaTCP stands for transmission control pr...

Reporting measurements from Python code in real timeA simple example of how to send measurements from Python code to the real-time monitoring solution (Telegraf/InfluxDB/Grafana).Code-reported m...

It's been awhile since I've set up a React app for testing with Jest and Enzyme. Since I had to look up more than one of these steps to remind myself how to accomplish this, I decided to write a super...

We preferred to think that String in JavaScript is an array of characters.const name = Nickconsole.log(name.length) // 4 Enter fullscreen mode Exit fullscreen mode Variable name has 4 cha...

I'd like to document a few neat JavaScript tricks and patterns I've recently learnt from Twitter and other online resources (which I sadly haven't kept track of). All the credits go to the online Java...

I was an artist in the conventional sense. I have spent the last 7 years creating conceptual art pieces were the outcomes have been traditional art objects; photographs, cyanotypes, video installation...

In our previous post we looked at protecting audio assets for playback on a client's browser using the HTML5 <audio> tag. The downside is that the underlying audio track can still easily be down...

For me, being a software developer is one of the best jobs in the world. I love to code and getting paid for it is just awesome. But the weather isnt always bright, and Ive struggled so many times in ...

Hey folks,I recently decided to learn SVG to see how it could help me with creative coding / generative art. Safe to say, I was blown away by how incredibly simple and easy it was to create truly resp...

I've used Google Fonts in prototypes and in 10M+ MAU products. It's incredibly easy to get started with and provides an amazing font discovery. That's also why it's currently still used on over 42M we...

As a coding newbie, I still question and sometimes overthink concepts that might seem pretty basic to most programmers. During my pre-bootcamp preparation journey, one of the topics I had to focus on ...

Over the last year, I've experimented with a handful of different programming languages. Some of these have been functional (which I will refer to as FP), some object-oriented, and most of which are h...

We're going to build a Typeahead component using React, ActiveJS, and RxJS. We'll search for Wikipedia articles in the example but we can point it to any REST API once we have the setup in place. ...

Tools Needed:NodeJS and NPMany modern web browserany text editorFull Source: GitHub.Framework: Collider.JAM, run npm i -g collider.jam to install. IntroPong was created in 1972 by Allan Alcorn, t...

This post was going to be about troubles I ran into testing Portals, but in the end after writing three quarters of this post, the problems I thought I had were not problems and I ended up simplifying...

Table Of ContentsMy BackgroundHow I Got The JobWhat I Currently DoStressful 1st MonthProductive 2nd MonthFrustrating 3rd MonthLife During Those 3 MonthsWhat I'm Looking Forward To My Backgr...

This post represents my perspective of events and could depict an imagined narrative. I'm reflecting as I believe the Hooks announcement to be the most important turning point in front end development...

Hello,I feel like I haven't written in a long time, so today I decided to write about something that has been my favorite subject these last few months: Developer Relations.While Developer Relations(D...

SpeechToChess tutorialLets play chess by using voice! In this tutorial, well build a simple chess game with JavaScript that can be controlled by using voice commands.After completing this tutori...

Your website is coded, everything's shinny and sparkling, now it's time to display your creation on the beloved first page of google.What are the biggest beginner mistakes to avoid ? 1. LinksGoog...

Docker is an open-source tool designed to help programmers in development and deployment. It makes use of a structure called "container" which wraps the application and its dependencies together so th...

React is a JavaScript library used for building user interfaces. ReactJs is used as a base of a single webpage or mobile applications. It deals in the view layer of an application.It is maintained by ...

In this post I will show you how to create a simple image classifier, without any machine learning knowledge using a pretrained model form the TensorFlow team.Checkout the demo and the source code. ...

I had this idea after reading the article of @Chris Bongers about automating morning routine I read that article and loved the idea to automate some tasks that we do everyday.So i decided to take a ...

I have the opportunity to participate to Owlly, an amazing and meaningful open source project, founded by Sandro Scalco, which aims to enable digital democracy in Switzerland.Last week, as we were dis...

In my previous post I discussed my latest small project of building an external music player for Bandcamp. What I realized is that many similar sites and services can easily be abused for pirating con...

In 2017 I started a new project with a single goal: learn unit testing. Since then a lot of things happened with react-content-loader (a React skeleton package) and it reached a status that I could ha...

This is the first post in my series Interview Insights. This week, I will share my thoughts and steps an individual should take to increase their chances of getting an interview as a software develope...

JavaScript is single-threaded, which means that only one thing can happen at a time. Synchronous code is executed from top to bottom in the order that the code is written. Synchronous code is also "bl...

Welcome to the third post about my journey of transforming a Java Swing app to Compose for Desktop. Today I will cover the actual search for duplicates. Before we start: I found out that the official ...

Tutorials are no doubt an incredible way to learn how to code. With the growth of popular websites such as YouTube, tutorials have become almost accessible to anyone.This also means that most tutorial...

IntroductionToday we will discuss some tips on manipulating lists in Python 3 that will help you especially in competitive programmingWe will discuss four techniques:Performing Multiple Swaps on...

Hello Everyone,In today's tutorial, I am going to show you How to use Git and GitHub inside of VS Code Editor.After reading this blog, you don't need to remember all those git commands.If you prefer t...

Lets start! 1. filter()The filter() method creates a new array with all elements that pass the test implemented by the provided function. 2. forEach()The forEach() method executes a pr...

Currying is a very popular concept in functional programming, but it might sound confusing. This tutorial will help you understand what currying is and how it works. You will also learn how to use cur...

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 server-side.Most tutorials only cover one p...

Here are some things that I didn't know when I started with Figma. These tips really boosted my workflow and got me really nice designs in the end. Use a grid, and not just a 12-column.Okay, so f...

One of the most confusing mechanisms in JavaScript is this keyword. Even a seasoned developer can get bewildered sometimes. So, lets see if it's really that complicated!this is a special keyword thats...

Hi! I'm Helen, one of your friendly mods looking after the #sql, #postgres, #mysql, and #database tags. At the end of each month, I'll be showcasing some of the great posts, projects, and insights fro...

Limitations of create-react-appOnce you start learning web development, sooner or later you'll learn React and use create-react-app to kickstart the building of your first React app. Or at least...

Why do you need multithreadingIn the distant past, computers did not have operating systems. They only executed one program from start to finish, and that program had direct access to all of the...