1. StayFocusd StayFocusd increases your productivity by limiting the amount of time that...


Appwrite Announces Loot V2
Do you love swags as much as we do? The Loot V2 is the perfect opportunity for you to get your hands...


Digital Agency Website Using HTML CSS JavaScript
How to Build Digital Agency Website Using HTML CSS JavaScript This video will show you how to...


My developer workflow using WSL, tmux and Neovim
Hi! Today I'm gonna talk about my daily developer workflow and all the tools I use to set up a...


System Design: The complete course
Hey, welcome to the course. I hope this course provides a great learning experience! This course is...


12 Things EVERY JavaScript Developer Should Know 🕛
There's no better feeling than mastering a programming language. In today's post, we'll explore 12...


Building a chat app with Socket.io and React 🚀
What is this article about? We have all encountered chat over the web, that can be...


Create a Amazing Movie Website Using HTML CSS Javascript
How to build a responsive movie website using html css javascript In this video, I will show you...


Meme Monday! 🤑
Welcome to another Meme Monday post! Today's cover image comes from last week's thread. DEV is an...


Top 9 ways to become a successful self-taught developer
Introduction The term "self-taught" developer is frequently used to refer to people who...


Browser extensions - adding Tailwind CSS
Yesterday we made our very first new tab browser extension. However, it was solely powered by plain...


Dark and Light Theme Toggler + YT Channel
In this Article, I'll tell you how to create a DARK and LIGHT THEME TOGGLER with Pure HTML,...


Lada is better than Ferrari
Lada was the laughing joke of the 20th Century. It was a true communist manufactured car,...


React Hooks: useThrottledValue and useThrottledFunction
This article explains the new React 18 hooks useDeferredValue and useTransition and compares them to...


The Regular Expression (RegEx) Cheat Sheet you always wanted
I get it even though Regex is incredibly useful, it is extremely hard to master! This is a cheat...


Care about your code, like an artist about their painting
Hey there 👋 I'm back with another little rant! The other day I was thinking about what makes good...


CSS Icon: Google Pay
I will create the Google Pay icon in this article using CSS only. Let's look at how we do that. ...


Drag and Drop Kanban Board with React TypeScript
Demo (TLDR) This is the source code and the Kanban board that we will be building. ...


How to Build Creative eCommerce Website Using HTML CSS JavaScript
How to Build Creative eCommerce Website Using HTML CSS JavaScript This video will show you how...


Appwrite Community Report #18
Howdy people! 👋 We are back with our weekly community report, to share with you all what Appwrite...


Build a full stack app with create-t3-app
Hey there! Today we'll be building an application with the T3 stack. We're going to building a...


Forging GraphQL Bombs, the 2022 version of Zip Bombs
GraphQL Bombs are a new and widespread vulnerability exploiting file uploads on GraphQL endpoints


The Console API.
Know the functions of the console object that makes debugging a lot faster.


We are trending on Github, This is how we did it 🤯
We are trending on Github! To be honest, Github has an extraordinary algorithm, and it's...


9+ Beautiful Toggle Designs for Your Component States 😍✨
A toggle switch is a component used to control two mutually exclusive states (for example, ON and...


Browser extensions - our first extension
Now that we learned the different types of extensions, let's see how we can create our first browser...


List of Best GitHub Repos for Web Developers
In this post we are going to check best GitHub Repositories for Web Developers to learn fundamentals...


Run README.md in your terminal
Documentation has always been a crucial part of onboarding onto a non-trivial system. For this...


VS Code Tip of the Week: Sticky Scroll
This week's VS Code Tip of the Week is the new sticky scroll functionality. The nice thing about...


Flutter multiplatform navigation sidebar / drawer widget
SidebarX - package to create beautiful and convenient sidebar navigation widgets easy...


How to develop strong problem solving skills as a software developer
Introduction It is generally known that problem solving is an essential skill for software...


How to raise funds for an open-source company 💵
I had a pleasure talking to Igor Kotua VC @ RunaCapital, a VC company that invests mainly in...


Learn AWS (Amazon web services) for FREE😎😎 in 2022 (Updated)
Hello everyone, and thank you for taking out your precious time to read this blog and investing in...


The MongoDB CRUD Database Operations🍃
This article explains MongoDB CRUD operations to you, the four primary database operations in any...


Discover the New ASP.NET Core Features in .NET 7!
It is no news that Microsoft is working very hard on improving and bringing new features to the .NET...


Getting ready for my first website: Choosing the right platform
After my last article about Typescript, I've decided to move forward and start building a...


How to build a real-time Auction system - Connecting Socket.io With React 🔥 (Part 2)
Hi everybody and welcome back! A small recap Like an actual auction, if you bid for a...


My Neovim setup for React, TypeScript, Tailwind CSS, etc
Hi, it's Takuya here. As you may know, I mainly use Neovim to code my app called Inkdrop, a...


Simple auth system using JWT
Continuation of the last post, I will try to implement auth system by using JWT (Json Web Token) for...


How to Google Like a Pro
Search for a specific site Put "site:" in front of a site or domain. Example:...


Meme Monday!! 🐘
Welcome to another Meme Monday post! Today's cover image comes from last week's thread. DEV is an...


Non-standard Flutter custom bottom navigation bar
Are you tired of the usual navigation solutions in Flutter apps? I have something to show you 😎 ...


Tabbing Tactfully
Try your hand at HOCUS :FOCUS or spend today tabbing instead of your typical mouse navigation....


The JavaScript Paradox
I'm not sure if there's ever been a language more loathed, yet so widely used, as JavaScript. I'm...


5 Good practices to scale your React projects easily
For most React developers, it's easy to just get our hands on writting new lines of code. However, we...


7️⃣ VSCODE Shortcuts for Developers you should know Thread🧵
ID and CLASS Attributes Add ID attr html tag div#info 👇 <div id="info"></div> ...


Bringing perspective to CSS
The other day I started exploring 3D in CSS and began with a dice. The dice is excellent in 3D....


Showing Flutter custom error messages
Error handling is a complex process. It's very boring and takes a lot of time. One of the problems is...


Side Project Sunday! How's it going?
Let's hear about what you have going on! If you've shared your project before, what's new?


How to Make a Responsive Admin Dashboard Using Html CSS JavaScript
How to Make a Responsive Admin Dashboard Using Html CSS JavaScript This video will show you how...


How to Use the Best Job Boards to Find a Software Engineering Job
With so many job boards out there, it can be terribly confusing to know where to start when you're...


HTML fallback images on error
The other day I encountered some issues with images for external sources not loading. I saved a link...


Simulating OOP in Bash
Everyone knows that OOP stands for "Object-oriented programming". But what is in fact OOP? Is it a...


✨Useful Css Shorthand Properties
In this post we are going to check the most useful and commonly used Css Shorthand Properties which...


6 Ways To Make Money With Your Code
Many of us know what “Coding” is and maybe some of you’ve built really cool projects and have many...


📚Angular Interview Questions Part 2
In this article we are going to see a well curated list of angular interview questions 2021 and...


📚Angular Interview Questions Part 3
In this article we are going to see a well curated list of angular interview questions 2021 and...


Delete unused node_modules in a second and enjoy some free space! ♻️
Intro In this article I'll tell you about a cool tool I just found on npm, called npkill,...


I stopped using Visual Studio Code
Not because it's bad, not at all, and to be fully honest, I use it for my blog still 🤫. But because...


Change your old methods for writing a JavaScript Code - Shorthand's for JavaScript Code
1. Shorthand for if with multiple OR(||) conditions if (car === 'audi' || car === 'BMW'...


Create a No-Touch QR Code Menu with GitHub Pages
I created a no-touch QR Code menu using GitHub Pages, and I built different versions of the menu with...


How I obtained all AWS associate level certificates in two weeks.
Introduction Hi, my name is Nicolas, and I was able to pass all the AWS associate level...


Pure CSS Woman with Long Hair
Speed Code Video https://twitter.com/asyrafhussin4/status/1555103135869218816


The need for social interaction
This is an opinionated article on the need for social interaction. The other day I got a message...


5 Rules for Every Code Review
Code reviews are the glue of any effective software engineering team. A code review is the stage at...


Better Programming Productivity- Techniques and Attitude
Techniques to improve productivity As a programmer, there are many things you can do to...


Creating a business card for the terminal
Recently I came across Scott Spences fantastic business card, and I can't believe I missed this trend...


Explain the difference between shell, console, terminal, command line, etc. like I'm five
This is an anonymous post sent in by a member who does not want their name disclosed. Please be...


TypeScript - The Best Way to Use It with React
Why TypeScript? I have another article that explains a lot about TypeScript, what it is...


7 Free APIs That Nobody Is Talking About
1. Evil Insult Generator How many times have you tried to insult your best friend? Now you...


Appwrite OSS Fund Sponsors InvenTree
Hi readers 👋, welcoming you back to the "Appwrite OSS Fund" series, where we celebrate open-source...


The Hidden Power of Programming: How it can make you more successful in life?
Programming as a tool Learning to code is about more than just getting a job. It's about...


This new GIT push config will save you lot of frustration!
If you have 59 seconds and in particular you're also on mobile, you might enjoy watching the YouTube...


We Released a New Next.js Ecommerce Storefront with Ready Integrations to PayPal, MeiliSearch, Stripe, and more!
Last month, our team at Medusa built a new advanced Next.js storefront that can be used with a Medusa...


5 Tips on How To Create The Perfect Freelancer Profile
UpWork, Freelancer.com, People Per Hour, Guru.com, are all great freelance platforms you can use as a...


Announcing the Redis Hackathon on DEV!
Join us for this opportunity to build an awesome application with Redis while earning some great prizes


How to build a real-time Auction System with Socket.io and React.js 🤯
What is this article about? Like an actual auction, if you bid for a product, you get...


I was creating Forms the wrong way all along in React.js 🤔
Introduction When I was creating a signup form, I found myself creating dozens of...


Roadmap to becoming a Flutter developer.
As we all know, Flutter is booming in the market, and everyone is talking about it. Most companies...


I Created A Simple 1 To 1 Meeting Tool
Introduction Hello! I recently heard about the PlanetScale X Hashnode hackathon, so I...


List of Free Image Tools Every Frontend Developer Needs
This is a list of free tools every frontend developer probably will google for one day. These...


Side Project Sunday! What's the latest?
Let's hear about what you have going on! If you've shared your project before, what's new?


The Importance of Clean Code in Your Startup's Success
Clean Code has become a bit of a buzzword recently, but it is important, both as a developer and as...


Unit testing frontend code is (probably) useless
I love unit tests. Magic and its satellite projects has 1,000+ unit tests, and some of the satellite...


7 Best Tips For Web Developers
A web developer is a programmer who especially, always busy with the development of the World Wild...


How to Build Responsive car rental website using Html CSS JavaScript
How to Build Responsive car rental website using Html CSS JavaScript This video will show you...


Javascript cheat sheet: .slice() and .splice()
I recently came across a twitter post where the user challenged others if they knew the difference...


Undo wrong Git changes
The other day I got a lovely email from one of my readers asking how to revert a commit that was made...


You need to learn Kubernetes RIGHT NOW!! 🚀
Why Should I learn Kubernetes? 🤔 Because Kubernetes can deploy 100 Docker...


10+ things I always setup in git when I prepare a new environment
When you buy a car or a bicycle, you first adjust the seat position and saddle height to suit your body size. It is the same with git configuration.


12 Must Have Browser Extensions for Developers
One of the cool things about using Chrome as your default browser is all the extensions you can use....


Appwrite Community Report #16
Hello everyone! Greetings from team Appwrite 👋 Welcome back to yet another weekly community report...


Follow Friday: UX/UI Edition (29 July 2022)
Happy Friday, friends! 🎉 Follow Friday is your weekly opportunity to shout out fellow DEV Community...


From Cairo To FINN
Hello, lovely fellows! My name is Monica, and I have lived my whole life in Cairo until I relocated...


7 Daily Hacks For Programmers To Make Coding Skills Faster
In 21st century, programming is everywhere. Some people are passionate about programming languages....


8-Bit Learn to Code Platform!
👋 Hello Devs! I’m Sonny, Founder and Chief Vibes Officer of Codédex, a brand new learn to code...


Become A Data Analyst
Note: This post includes affiliate links; I may receive compensation if you purchase products or...


How to Build Crypto Website Using HTML CSS JavaScript
How to Build Cryptocurrency Website Using HTML CSS JavaScript This video will show you how to...


Magento alternative: How it compares with Medusa, a JavaScript-based ecommerce platform
My background for making this comparison: I worked with Magento for over the past 3 years across...


Building a CRUD app with Material UI and Strapi
Introduction We will build an admin panel that supports CRUD operations, has built-in...


Cloud Cost Management Software: Top 6 Solutions for 2022
Tracking the cost and usage of cloud-based services can be a tough nut to crack even if you’re using...


Everyone Can Do DevRel (But Should They?)
One thing that I can say, having spent three years in communities and over ten months as a DevRel...


Improve your product notifications with Digest, Separate Feeds, and Notification Action Buttons
Product Notification - What are those? Product Notifications are everywhere - Emails,...


Useful tools, libraries and resources for developer to speed up the development
Javascript libraries Particles.js — A library for creating beautiful floating particles on...


15 Best Terminal Commands That You Should Know
As a developer, they are working with SSSL(Server Site Scripting Language), Programming languages,...


15+ Must have VS Code Extensions for Web Developers
Extensions provide add-on features & tools that let us customize & enhance the...


Help fight spam in our community! 🙌
Hey folks! 👋 I wanted to write up a quick post about spam fighting in this community as it's a never...


How to Send a Tweet with GitHub Copilot
This month, I learned how to send a tweet with GitHub Copilot. It was so cool! I'm anticipating that...


Appwrite Loves Open Source: Why I Chose to Support Flow-Launcher
Open source is at the ❤️ of everything we do at Appwrite, and we want to enable and foster the...


Create a notifications system using in-app (bell icon) and emails
In this article, I will guide you through sending notifications in-app and via email using Novu in a...


Features of JavaScript - That You Should Know
JavaScript is a front-end language, the most utilized language nowadays by developers to design web...


Meme Monday 😍
Welcome to another Meme Monday post! Today's cover image comes from last week's thread. DEV is an...


Top 25 Tips for Building an EXTREMELY FAST Website!!!
I recently did a live stream explaining what I considered the "Top 25" things I'd done to my website...


Big O Notation
Understanding how the Big O Notation is used to measure algorithm performance. Big O is a...


Clean Architecture: Applying with React
This text is part of a series of texts about Clean Architecture analysis applied with different...


Grid vs Flex: Where to use which? 🤔
Perhaps you are a beginner to CSS and wondering if you should use flex or grid for your layout, or...


JavaScript object destructuring tips
Regarding JavaScript, we get an extremely useful way of extracting properties from objects. Note:...


Let's build and deploy a full stack MERN web application
I am sure that when you first begin learning full stack web development using the MERN stack, you...


12 Rarely Used JavaScript Web APIs that Will Drive Your Website to THE MOON 🚀
There are over 97 Web APIs, and you’re only using 5% of them. Let’s unlock that other 95...


How to Build a Digital Marketing Agency Website Using Html CSS JavaScript
How to Build a Digital Marketing Agency Website Using Html CSS JavaScript This video will show...


System Color Theme Check In JavaScript
A few days back, I was wondering how to know if the system theme is dark or light in web using...


The History of JavaScript
On Christmas Day 1990, Sir Tim Berners-Lee introduced the world to the first web browser he had...


What was your win this week?
Got to all your meetings on time? Started a new project? Fixed a tricky bug?


Coding an extension that blocks Social Media Websites with HTML, CSS and JS.
In this post, I will show you how you can create a Google Chrome extension that will block social...


Fantastic CSS border animation
In this article we will use CSS to create a variety of wonderful border effects.


Free Plug-and-Play Kubernetes Cost Monitoring
Kubernetes poses many challenges around cost allocation and reporting – from learning which team adds...


Say no to Tailwind, embrace plain CSS
Tools like Tailwind may help you develop your hobby project faster, but the thing is... ...


You should really not work
If you followed me for a while, you might have seen I like traveling around. I've recently been to...


20 Git Commands Every Developer Should Know
20 Git Command I Use All The Time — Git CheatSheet In this article, I just want to lay down a quick...


5 things to keep in mind as a programmer
Here is a list of 5 things to keep in mind when starting programming. 1. Languages are just...


A Web Developer's Ultimate Guide to the Terminal on macOS
When learning web development, you will likely come across someone who insists on using the terminal....


How to get 2000+ stars on GitHub with 11 places to promote your project
My React Boilerplate with Next.js has recently reached 2000+ stars on GitHub. In the last months,...


The roadmap to technical writing
I recently joined a Twitter space hosted by Emy around technical writing. At one stage, a question...


Core Team vs. Contributors
You can to it listen here 🚀: Just a quick background about us Novu is the first...


Creating an app using Drag and Drop with React without libraries 👆!
Drag and drop applications are very common nowadays, they are great for the user experience inside an...


Engineers don’t have to be bad at communication: how I successfully learned communication skills
When I was working as an engineer, I would often hear people from non-tech departments complaining...


Microsoft Releases New .NET Rate Limiter in .NET 7 - And It's Amazing!🤯
It’s official — Microsoft has released the new .NET Rate Limiter in .NET 7! It’s amazing, and it will...


Where do you stand on "magic" within languages and frameworks?
Let's discuss the concept of magic — what are your opinions? Magic (programming) ...


Appwrite Community Discord 3.0
Howdy everybody! 👋 For Appwrite, our community is the biggest strength and we want everyone to feel...


How I Integrated Live Chat into Gatsby with Tidio and Medusa
Live Chats on your ecommerce storefront allow you to communicate with your customers and provide them...


JSX for beginners (and how it differs from HTML)
What is JSX JSX or JavaScript XML is an extension of JavaScript used to write React...


The Best Github Repos for Self-Taught
Project-Based Learnings Free Programming Books Developer Roadmap Public API’s Coding...


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


Amazing Pure CSS Scrolling Indicator Effect
Using Linear-Gradient Implement Scrolling Indicator Effect


How To Make Personal Portfolio Using HTML CSS JavaScript
How To Make Personal Portfolio Using HTML CSS JavaScript In this video, I will show you how to...


Meme Monday? 🤔
Welcome to another Meme Monday post! Today's cover image comes from last week's thread. DEV is an...


Sending real-time notifications with Socket.io in Node.js
How do websites work? A user provides a URL to the web browser. The browser sends a...


We're open-source! The data-centric sibling of VS Code
Hello, open-source world! We have been working tirelessly towards this day for a long...


7 Tips for Clean React TypeScript Code you Must Know 🧹✨
Clean code isn't code that just works. It refers to neatly organized code which is easy to read,...


An Approach to Continuous Learning
Being a successful developer requires continuous learning and skill improvement. But there are simply...


Appwrite Community Report #14
Hello World!👋Greetings from team Appwrite! We are back with our weekly updates! TLDR; This week...


React Hook: useRunOnce
Sometimes we need to run code only once. useRunOnce is a hook that runs a function one time when a...


Side Project Sunday! What do you have going on?
Let's hear about what you have going on! If you've shared your project before, what's new?


Create a react app with bun
Want to use bun for your next react projects? Install bun First run the...


How the CSS Box Model Works
The CSS box model is a term thrown around in CSS with very little context, but is probably the most...


JavaScript find min/max from array of arrays
Let's say we have an array of users, but each user is also an array. For the example, we'll use the...


Soft UI Dashboard - Free Django Template
Open-Source template built with authentication, Docker, and dark-mode support in Django.


Why ORMs Aren't Always a Great Idea
Recently, I talked with a bunch of people across several Discord and Slack communities about their...


Feature update: Markdown Toolbar coming to Comment Editor!
Hello, dear DEV community! I have a quick and exciting update for you today: we have brought the...


Follow Friday: Git Edition (15 July 2022)
Happy Friday, friends! 🎉 Follow Friday is your weekly opportunity to shout out fellow DEV Community...

![Cover Image for How to Build Uber Clone with React (Ep. 1) [FREE & DETAIL COURSE]](https://res.cloudinary.com/practicaldev/image/fetch/s--qGObGZzb--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s88l3o3fvykriycmm78y.png)
How to Build Uber Clone with React (Ep. 1) [FREE & DETAIL COURSE]
Course Content No. Topics 1 How to Build Uber Clone with React (Ep. 1) (You are...


How to Make a Real Estate Website Using Html CSS JavaScript
How to Make a Real Estate Website Using Html CSS JavaScript This video will show you how to make...


The most important ESLint rule: max-params
Let me ask you: What do you think this code does? resizeImage(imagePath, 300, 200, true, true,...


Front End Interview Question
We as programmers lead a hard life. Especially when it comes to the interview process. There are many...


Javascript best practices🔥
Declare and Initialize Arrays in javascript Find out the sum, minimum and maximum value in...


PhpStorm Plugins You Should Know
If you are a PhpStorm user you know that it comes with many great features that make programming in...


Stepping Outside My Comfort Zone
Hi, everyone! Thanks for taking a moment to read my first ever blog post, ever. Shout-out to Fireship...


What is Deno?
I got to hang with Deno core team member Luca Casonato a couple of weeks ago to discuss a framework...


5 C# Tips from a Senior Developer to Help You Program Better
Senior developers tend to pick up many tricks and workarounds over the years, but most of them never...


Add vector emojis to your websites
Using Emoji cloud you can to add 300+ custom vector emojis to your projects in seconds 🌐...


How Open Source Can Help You Level Up as a Developer
Why Should I write Open Source Code? In the world of software development, there is always...


😍🔥 😍🔥 😍🔥 😍🔥 How you can easily Code For 8+ Hours Without Feeling Tired 🔥😍🔥😍🔥😍🔥😍
I’ve been coding wrong my whole life. I was thinking that its okay to sit down at my desk, Open...

Moose facts
Cassidy learned a lot about moose and needs to tell people, namely you, about them


Early Merge Conflict Detection Across All Branches In IntelliJ
We are happy to announce that GitLive's flagship feature, early merge conflict detection, now works...


Git basics: remove all local branches
There will come a time when you optimize your workflow to ensure PR requests are as small as...


The Cost of Consistency in UI Frameworks
Sometimes there are problems that have no universally good solutions. There is some tradeoff to be...


The Serverless API Versioning System you wish you had ⚡
Learn how to implement a blazing fast Serverless API Versioning system


What It's Like To Code For Amazon
I haven't blogged in four months. I've been really busy because... I started working for Amazon. ...


Cloud Technology News of the Month: June 2022
There’s a wave of layoffs and executive step-downs running through the industry, that’s for sure. As...


GitHub Actions: a New Hope in YAML Programming Wasteland
The main superpower of a programmer is her ability to automate almost everything. That's where GitHub...


How to send an SMS using Twilio
Communicating with users from a software application is a common feature in modern software...


Meme Monday!! 🦖
No Meme Monday last week due to USA holiday — but we're back! DEV is an inclusive space! Humor in...


What is DevRel and how can you start doing it today?
When I first heard the term "DevRel" I was not sure what it means exactly. Before I joined Vue...


11 Advanced React Interview Questions you should absolutely know (with detailed answers)
1. What is the React Virtual DOM? Virtual DOM is a concept where a virtual representation...


7 Reasons Why React is King of JavaScript UI Frameworks
React is still the best JavaScript framework to use for frontend web development in 2022, the...


Detect object changes with JavaScript Proxy
Let's say we have an object for our users. How can we detect when a property changes? const user =...


Learning Resources for TypeScript
I've had folks ask me for Typescript resources a few times over the past couple of months, so I might...


Top 10 Celebrities Who Code
Trust me if you want, but here are the ten most famous celebrities who also has a career as...


7 Mind-blowing websites that you as a developer will not hate.
Without wasting your time! 💡 1. Witboard Witeboard is the fastest real-time online whiteboard for...


Introduction to Storage with AWS
Although legacy storage players are tired of talking about cloud’s impact on their business, the...


JavaScript Proxy a first introduction
Recently I had my first production use-case for the Proxy object. So let me tell you a bit more about...


Open-Source contribution, a beginner's guide (in 2 minutes).
Open-source is not a new concept but in recent years specially it has gained more attention from both...


4 Most Common Git Mistakes
1. Discard changes to local files in git As a programmer, it happens every day that...


CQRS is Software Development Schizophrenia
CQRS is an acronym, and it implies "Command Query Responsibility Segregation" - Which again just...


How to insert an element at a specific array index with JavaScript
In this article, I'll teach you how to add an element to a JavaScript array but set it to a specific...


Keep Cloud Operations In Top Shape This Summer With Automation
A Gartner survey of infrastructure and operations leaders revealed that 58% of them deal with...


Using Dark Mode in your react app! 🌙
Dark mode is one of the features that would look excellent implemented in your app, as it would...


How I began using TypeScript
I hope this post will convince you to give TypeScript a try if you haven't already. It really is an...


If you could add one feature to DEV, what would it be?
If you could add one feature to DEV, what would it be? Feel free to take an existing feature and...


Some useful JavaScript One-Liners
JavaScript is one of the most powerful language in this modern world. In this article we will go...


Using the native web share JavaScript API
Did you know there is a native share function you can invoke with JavaScript? You might have seen...


What is a wrong turn you took your career?
What is a direction you took in your career that turned out to be the wrong direction, and you had to...


How to become a web developer
How to become a web developer | All-time-dev If you are interested in learning web...


JavaScript overwrite property in an Object
In JavaScript, we work a lot with Objects, and you'll have to modify some of the object data from...


Show dev: I built an open-source landing page for Tailwind CSS
Hey devs 👋 Together with my friends we have designed and built a totally free and open source...


The Hard Parts of Developer Advocacy (for me)
Pivoting from software engineering to developer advocacy is the best career decision I have ever...


12 APIs that you as a developer will love it 💖
Are you starting a new project, learning a new technology, or building a new feature and you already...


JavaScript check if property exists in Object
You might need to determine if an object holds a particular property. Let's say we have a user...


Mastering the Docker networking
Few months ago I demonstrated through a practical example the reasons to understand and take...


The Best .NET Decompiler Comparison Guide ✅ (Free and Paid)
Decompiling .NET assemblies is an invaluable skill for any software developer or security engineer...


10 Tips To Get More Readers on DEV
Writing a good blog article is only half part of blogging, you also have to present it...


Docker Container Lifecycle Tutorial | Create, Run, Pause, Stop, Kill
This tutorial was originally posted on SigNoz Blog and is written by Muskan Paliwal In this...


Optimize WebStorm For Productivity - My Top 5 Extensions
A while ago I migrated from VS Code to WebStorm, and it’s been great. Like all JetBrains IDEs, it...

![Cover Image for Use git-secret to encrypt secrets in the repository [Tutorial Part 6]](https://res.cloudinary.com/practicaldev/image/fetch/s--qkZ3zM4P--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://www.pascallandau.com/img/git-secret-encrypt-repository-docker/yt-preview-image.png)
Use git-secret to encrypt secrets in the repository [Tutorial Part 6]
How to use git-secret to encrypt secrets and store them in a git repository This article appeared...


VS Code Tip of the Week: The Thunder Client Extension
This week's VS Code Tip off the Week is the Thunder Client extension. Thunder Client is a...


7 Amazing GitHub Repositories Every Developer Should Follow
GitHub is the dominant player in hosting Software Projects on the web. With 200 M+ public...


How I make my GitHub Profile Interactive
After commiting changes and editing for continuously four hours, I finally finished my GitHub Profile...


Relocation: yes or no?
As the younger generation of developers are now graduates and looking for their full-time jobs, the...


Struggling with Promises? You Are Not Alone!
Do you like to cook? I’m not sure about you, but I enjoy cooking. I usually cook by myself, although...


THE LIVING EMOJI
🥳 If you haven't read How I make my GitHub Profile Interactive ❗, Then you missed a lot. Go check...


a11y-twitter: a browser extension for making Tweets more accessible
Just over a year ago, I made a post on Twitter, and I realized that I had forgotten to add alternate...


Create ToDo App With Nuxt 3 Composition API
Hi there again, Together we will develop the Nuxt 3 version of the Create ToDo App With Vue 3...


Enhancing images with srcset and picture
In the previous article, we moved the images to Cloudflare images to serve them in modern...


How to Make a Gaming Website Using Html CSS JavaScript
How to Make a Gaming Website Using Html CSS JavaScript This video will show you how to make a...


JavaScript shorthand tips and tricks
Let's checkout some shorthand tips and other tricks. Remember, some of these might not seems relevant...


Appwrite Community Report #12
Hello everyone! Greetings from team Appwrite 👋 We are back with our weekly community report, to...


Best YouTube Video Downloaders 2022
These are the Top YouTube Downloaders for this Year In 2021, the following YouTube video graber tools...


Bootstrap CSS is still the sh*t. But we can make it better.
Bootstrap is an amazing CSS framework for those who struggle with design, css, or need to build...


Follow Friday: React Edition (1 July 2022)
Happy Friday, friends! 🎉 Follow Friday is your weekly opportunity to shout out fellow DEV Community...


Make the web fast again
As some of you loyal readers might know, I'm a big fan of optimizing the web. As mentioned in the...


Appwrite OSS Fund Sponsors Mockoon
Hi readers 👋 hope you are doing well. Today we will be talking about the OSS Fund and the first...


Chrome Extensions of the Month - June
In this article, I am going to give you some of the best extensions that you need to install for...


How to make your website rank on google 🔍
Introduction If you run a business or a brand, you know how important it is for you to be...


One small step for you, one giant leap for yourself
Many people are following my articles and the articles of many others because they want to become...


React is awesome but have you tried fresh?
Lemme start by asking you a simple question -- "Have you used react?" or have you used any JS...


Early Merge Conflict Detection Across All Branches in VS Code
We are happy to announce that GitLive's flagship feature, early merge conflict detection, now works...


Level up Your Webhook Security With Appwrite 0.15
Don’t Know What Appwrite Is? Appwrite is an Open-Source BaaS, which sounds complex but is...


Nobody talks about this in the IT world
This is not a post where I'm going to share with you some tips on how we can manage our anxiety in...


Phone Authentication with Appwrite and Twilio
Appwrite 0.15 was just announced and brings with it one of the most anticipated Appwrite features!...


What the hell is <!DOCTYPE html>?
<!DOCTYPE html> <!-- What the hell is this?? -->> <html...


Appwrite Autodesk OAuth Integration
Appwrite 0.15 is out now!🎉 We have released some amazing features, and also added a few more OAuth2...


Building a Realtime Chat Application Using Angular and Appwrite 🤓
Appwrite is an open-source backend-as-a-service that provides developers with a core set of...


Custom Svelte Store with Appwrite and Caching
Who wouldn’t love cache, right? Let’s see how we can cache data with Svelte & Appwrite! We're...


Gaining remote access to a computer with a reverse shell attack in Node.js
I recently learnt what a reverse shell is and got excited to experiment running this kind of attack via a Node.js module. This post will go through my thought process and the different options I tried.


Introducing $createdAt And $updatedAt On Each Resource
Appwrite is an open-source backend-as-a-service that abstracts all the complexity involved in...


Fastest ever Laravel deployments via GitHub? You decide.
Laravel is a much-loved, free PHP framework for developing web applications. Using expressive and...


Git the Parts to Avoid
Git is a great tool for managing code changes over time and allowing code to be integrated by teams...


Meme Monday! 🥸
Welcome to another Meme Monday post! Today's cover image comes from my favorite submission from last...


.NET 7 is on the way! 5 Features that will blow your mind 🤯
It’s no secret that Microsoft has been working on .NET 7 for quite some time now, and every time...


Pure CSS Woman Wearing Face Mask
Speed Code Video https://twitter.com/asyrafhussin4/status/1541307022297030656


7 Lesser-Known VS Code Shortcuts to Speed Up your Development (with GIF Demos)
VS Code has a plethora of tools and commands to make your life easier. But often, people don't know...


9 useful code snippets for everyday JavaScript development || Part 1
Hello Everyone! Welcome to this JavaScript snippets post, In this post we will look at some of the...


How to create a portfolio website for free?
As an aspiring developer or designer 😎 you'll have to showcase your great projects for hiring...


MERN CRUD Setup - 1
Hello Guyz today i am going to show you how to setup a MERN App in VScode. I have Learnt the basics...


Which YouTube channels do you follow and would recommend as a programmer/developer?
The question is simple, which YouTube channels do you follow and would recommend as a...


CSS Battle: #1 - Simply Square
In this article, I will solve a Simply Square CSS Challenge on CSS Battle. Let's look at the problem...


How to disable text selection with CSS
On a web page, we typically should not disable text selection, but there are a few cases where having...


How to embed YouTube and Vimeo the light way
You've probably embedded YouTube and Vimeo-videos dozens of times, using the standard...


Preaching 'Clean Code' is Lowering the Quality of Developers
Okay - first things first... I am in no way anti clean code, and I'm not saying it is necessarily a...


React Props complete guide for beginners
Table of Content 📌 Introduction 📌 React Props 📌 Pro Tips ➡ Reduce HTML...


Flutter state management 🔥
Sup reader!! How have you been? we going to go through different state management approaches in...


How to build a responsive header component with Tailwind CSS
Today I would like to show you how you can build a responsive header component using Tailwind CSS and...


JavaScript is not an untyped language
JavaScript's popularity At the time of writing this post (Jun 2022), JavaScript is #3 in...


Monitoring a full-stack Nodejs application with open-source tools
Nodejs tops the list of most widely used frameworks for server-side programming by developers....


Say Goodbye to console.log from Production environment
I have been working on a project with Next.js since last month and used the console.log statement in...


Git Commands ( to ease your development 🤗 )
Git is a prevalent version control system ( VCS ) used by most programmers. In this blog, I am going...


Happy 110th Birthday, Alan Turing!
note: We published a version of this article last year. You can read it here. Today, June 23,...


How Do You Overcome Imposter Syndrome?
"**There is only one thing that makes a dream impossible to achieve: the fear of failure".-Paulo...


How to be productive and deal with time management
Hi, my name is Julia, and I'm a self-taught Accessibility & Frontend Developer in my 30s who is...


Why Estimates Are Waste
Software development is unpredictable but people waste hours every week trying to guess how long...


Control Cloud Costs and Build a FinOps Culture with Grafana
Before the cloud, engineers could only dream about allocating servers without involving anyone on the...


🎯 Free Icons sites for web Developers
✨jam-icons. com ✨smashicons. com ✨streamlineicons. com ✨www.flaticon. com ✨feathericons...


How to Thank Sponsors for Supporting Your Open Source Project
Benefits of thanking sponsors Slowly but surely, people are starting to acknowledge the...


I Made an entire FULL-STACK App using ONLY my Phone 🤯️
Thanks to Cyclic.sh for sponsoring this article! After a long day of programming, I came back...


Why Mocks Are Considered Harmful
Automated testing during software development involves many different techniques, one that shouldn’t...


Create a Marketplace with Medusa Part 3: Implement User Management and Permissions
In the previous parts of this series, you learned how to build a marketplace using Medusa and Medusa...


Get Up And Running With The useEffect Hook.
Hooks are new features incorporated into React 16.8. and the newer versions. They basically help you...


How we built a themeable multi-brand design system with Vue.js
At Monisnap our goal is to enable users to support their friends and family abroad by providing...


I love listening to music when coding, and you should too!
Hello, buddies! Most of us (developers) love to listen to music. But why? You may have many answers....


Prometheus vs Elasticsearch stack - Key concepts, features, and differences
Prometheus and the Elasticsearch stack are both used for monitoring applications. But while...


Discorver the First .NET MAUI (Release Candidate) Features!
.NET MAUI is now a reality! After so many months of speculations, previews and rumors Microsoft...


How to properly set up Prettier in less than 2 minutes
My step-by step guide to set up Prettier in any project, and integrate it with ESLint and...


Meme Monday!?!
Welcome to another Meme Monday post! Today's cover image comes from my favorite submission from last...


Practical WEBPACK Basics: Pure Javascript frontend
Contents Inspiration Prerequisites Setup Webpack basics Sample App and...


TypeScript Utility Types: The 6 Most Useful
I have been working with typescript for almost a year now, and I have learned and implemented a lot...


Cheatsheet for Web Developers
If you are searching for cheatsheet, here I am sharing all the cheatsheet which will definitely going...


Dev Tools Unleashed: 7 things you probably didn't know Dev Tools could do
The Chromium Dev Tools provides a powerful toolset for debugging and testing web apps, but most...


JavaScript to TypeScript | Complete Guide with React ⚛️
Table of Content 📌 Introduction 📌 Introduction to TypeScript ➡ Variables ➡...


Serving Single-Page Application in a single binary file with Go
Although there are many alternatives to deploy a single-page application (SPA), you might find a...


Use the power of a JavaScript framework right in your HTML file!!
frameworks are overrated, let's use HTML! Intro Jokes apart, this blog is about yet...


10 Algorithms Every Developer Should Learn
There seems to be a large misconception from a lot of aspiring devs that memorizing standard...


CSS Logos: Instagram logo
I'm pretty sure everyone has seen this one before, the Instagram logo. For reference, it's the...


Hoisting in JavaScript(Variables & function)
Hoisting What is Hoisting in JavaScript? When the JavaScript engine executes...


Python:Functional Programming
Defining functions Python can also be used for functional programming as it can for structural...


React Horizon UI - Open-Source Full-Stack Starter
Open-Source full-stack starter crafted on top of Chakra UI, react, and powered by a simple NodeJS API Server.


15+ VS Code Extensions For Web Developers 🤯
Interested in some great extensions for Visual Studio Code that will make your web development life...


CSS Logos: daily dev Logo
Of course, I couldn't resist recreating my employer's logo in CSS. We are talking, of course, about...


From Student 👨🎓 To DevRel 🥑: A Memoir 📃
It was only this week that I got my final semester results from university, finally knowing that...


How do you make folks who sponsor your open source projects feel valued?
Hey, yall! I've been talking to folks about how they've maintained relationships with folks and...


These 5 C# Guidelines (Revealed by a SENIOR DEVELOPER) will Change your Coding Style
Learning how to code can be challenging, but following the advice of more experienced developers can...


How to use ESLint and Prettier for code analysis and formatting
ESLint and Prettier are pretty much the two most popular tools when it comes to doing code analysis...


Pure CSS The Queen's Gambit
Speed Code Video https://twitter.com/asyrafhussin4/status/1526580125113864193

![Cover Image for Top 11 MYSQL monitoring tools in 2022 [open-source included]](https://res.cloudinary.com/practicaldev/image/fetch/s--Htfvo_nW--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5z53ndo7yagxb36qg2au.png)
Top 11 MYSQL monitoring tools in 2022 [open-source included]
Database monitoring is a critical component in your application performance monitoring. Apart from...


Using Google Sheets as your CMS
Spreadsheets. They are everywhere. Managers especially seem to love them, which is why the world...


Which Frontend Framework to Pick for Your E-commerce Storefront?
An ecommerce storefront should provide users with the best experience to facilitate their purchases....


CodeLand is special, and I'm not just saying that.
I've been to every CodeLand — well before I was officially involved in it. It's been one of the best...


Designing a Scalable and Secure REST API Gateway
Design patterns in microservices: API Gateway, Backend for Frontend, Event-Driven...


How to use Docker in your Node and React Applications
Docker gives developers the ability to package all of their applications inside of containers. These...


People rarely use complicated git commands on the weekend, and I have the data to prove it.
Preamble: We've been running an experimental project to catalog good evergreen guides on DEV. Some...


SVG Spinners!
I have created a collection of 24 x 24 dp SVG spinners! Use them for free! I'll be adding new...


I built the trendiest admin dashboard for React using the latest UI trends! Use it for free!
Hey guys, I built the trendiest admin dashboard for React & Chakra UI using the latest UI trends!...


React + TypeScript + ESLint + Prettier Full Setup ✈
Table of Content 📌 Introduction 📌 Why this configuration 🤔? 📌 Configuration 🛠 👉...


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


Wasp - language for developing full-stack Javascript web apps with no boilerplate
Meet Wasp: a new programming language for developing full-stack web apps with less code. Wasp is a...


Writing a Game in Typescript
I know people make all kinds of stuff with <canvas> but that's all black magic to me. Time to...


7 Tools To Make Kubernetes Management Easy
In the emerging Cloud-Native environment, Kubernetes is everywhere without any question. It has...


Building a live chart with Deno, WebSockets, Chart.js and Materialize
Introduction This is a self-contained example of a real-time chart powered by Deno, Web...


Is Virtual DOM overhyped?
Brief Origin of where the hype began On the 29th of May, 2013, the pain of building...


Meme Monday!
Welcome to the second Meme Monday post! Today's cover image comes from my favorite submission from...


Monitoring PHP applications with OpenTelemetry and SigNoz
PHP is a widely popular server-side language and enjoys the top spot in terms of market share. Many...


15 Beautiful Color Gradients using CSS
👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS...


From No Programming Experience to Web Developer in 11 Small Steps
Web Development can be difficult, especially for beginners. But don't fret! This article will provide...

![Cover Image for GitLab CI/CD for Beginners [FREE Course]](https://res.cloudinary.com/practicaldev/image/fetch/s---0UBEB_K--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc3id5vajlck99318j5b.png)
GitLab CI/CD for Beginners [FREE Course]
In this GitLab Crash Course, I will teach you everything you need to know to get started with GitLab...


Modern JavaScript, 10 things you should be using, starting today
10 JavaScript features you should adopt today


Sites where you can get free hosting
🎇Netlify.com 🎇Firebase 🎇Vercel.com 🎇GitHubPages 🎇Surge.sh 🎇Render.com 🎇Amazone Web hosting 🎇Google...


How to create a scroll to top button with vanilla JS & CSS
In this tutorial, you will learn in a few short steps how to create a scroll to top button with CSS...


How to find Open Source projects to contribute
I often get asked about how to find Open Source projects to contribute to. In this post, I’ll show...


This is why everyone is using Reactjs
React Js is one of the most popular front-end frameworks to use these days. It is playing an...


Kubectl Top Pod/Node | How to get & read resource utilization metrics of K8s pods and nodes?
Kubectl Top command can be used to retrieve snapshots of resource utilization of pods or nodes in...


Tailwindcss is beautiful 👌
If you’re not a fan of writing manual css then Tailwindcss can save you a lot of time. And it’s...


Appwrite Community Report #9
Hi! Greetings from team Appwrite 👋 Are you excited to see everything we’ve been working on this...


Are you a YARNer or a NPMer?
An age old debate about package managers Each have their pros & their cons I...


Rick Roll Your Friends Using Appwrite, Twilio, and .NET
Being the fun-loving guy and absolute geek that I am, I've always looked for ways to use tech to...


The experience of creating my own JavaScript runtime - #1
Hello everyone, for a while (a few months) I came up with the idea of developing my own JavaScript...


Trendiest Admin Template for React & Chakra UI!
Save hundreds of hours trying to create and develop a dashboard from scratch. The fastest &...


5 (Surgical) Tips to Program More Efficiently in C#💉
Writing efficient code isn't always easy, but it can be done. Here are five ways to program more...


Convert your website into an android app using capacitor 😱.
According to Atwood's Law, "Any application that can be written in JavaScript, will eventually be...


How I Created an Ecommerce App from Scratch Using React Native and Medusa
React Native is a cross-platform mobile app framework that allows you to build native mobile...


MEVN stack tutorial | Build a CRUD app using Vue 3, Node, Express & MongoDB
This tutorial was originally posted on SigNoz Blog and is written by Sai Deepesh MEVN stack is a...


Redux Without React
In this blog i will try to explain redux library without react. Just Redux. Why? Because if we...


A new community space for open source maintainers and contributors! 🚀
Today I am highlighting a new Forem dedicated to the success of contributors, maintainers and OSS...


Getting Your Conference Talk Proposal Accepted 🎙
Ever wonder what it takes to get your conference talk accepted? In this episode of DevDiscuss we talk...


LGBTQ+ Flags Coded in CSS
The meaning behind different LGBTQ+ flags and how to code them with CSS and a single HTML element.


Patterns for Building JavaScript Websites in 2022
Deciding on the approaches and tools to use to build on web these days can be a challenging prospect....


Why FontAwesome is still awesome
I read an interesting post in which the author stated the reasons why they were officially done with...


As a developer, how to estimate the time for a task?
It's hard to calculate the time you will need to finish the task, but it is equally important. Let's...


I made an admin template for React based on the latest UI trends! Use it for free!
Hey guys, I made an admin template for React & Chakra UI based on the latest UI trends! Use it...


Monitoring your .NET application with open-source tools | Tutorial
This tutorial was originally posted on SigNoz Blog and is written by Chenna. C# (pronounced C-Sharp)...


Optimize the use of if-else, you need a better selective structure!
I don't know if you've ever encountered an if-else nesting like a pyramid placed horizontally: if...


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


Congrats to the Appwrite Hackathon Winners!
Celebrating the winners from the Appwrite Hackathon on DEV!


How to make a slick CSS animation from Upload (TV series title sequence)
This time, I will tackle a title sequence from Upload. Upload is an American science fiction...

![Cover Image for Kubernetes monitoring with open-source tools [OpenTelemetry and SigNoz]](https://res.cloudinary.com/practicaldev/image/fetch/s--rcUrLAJF--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0eagqw7thvjyefz5fs9s.png)
Kubernetes monitoring with open-source tools [OpenTelemetry and SigNoz]
Kubernetes monitoring is a critical process for keeping your Kubernetes clusters running in fine...


Meme Monday!
Welcome to the second Meme Monday post! Today's cover image comes from my favorite submission from...


Shallow Copy and Deep Copy
Table of Contents Introduction Shallow Copy Deep Copy Summary References ...


10 Cool Rest APIs for Your Next Projects
Finally, I have clicked the blue 'Write your first post now' button on the dev.to/dashboard page....


7 Console Methods Used by Pros
Often while debugging, beginners use the console.log() method to print out values. But there are a...


Exploring dry-rb - Intuition of Results
dry-rb is a fascinating set of tools and libraries, but their usage may not be readily apparent. Why...


"Kubernetes for beginners 2022" - Crash course
In this blog/tutorial I will not tell your more theory which you you can already find on google...


Side Project Sunday! Share your progress.
Give a quick description of what you're up to and what some recent challenges have been. Anyone who...


A Guide to Overengineering a Windows Terminal
For decades, Windows users have been made fun of by the Linux community for the lack of a cool...


Coding and ADHD - Can't Remember
Gabor Maté has described ADHD as "forgetting to remember the future." If it's not written down, I'm...


Exception handling and logging in dart/Flutter - Talker
Exceptions, Exceptions, Exceptions... We see them constantly during development and support of...


Preview File before uploading in React
This article will explain how you can build a file previewer in React that works for images and...


Talk to people who are on the same site 🌎 | Chrome Extension
Hello Coders 👋 For past few weeks, I've been working on a web extension 🌎 for Chromium Base...


A11Y 101: Buttons vs links
Let's set one thing straight before we even dive into the article. Divs are not buttons! Yes, they...


Becoming disillusioned with career in tech as a software engineer
I graduated from my SWE degree around 6 years ago (almost to the date). The uni I went to wasn’t one...


Cloud Functions Using the New .NET Runtime
One of the highlights of Appwrite’s latest release is the addition of four new Cloud Function...


Coding and ADHD - Can't Stop
Hyperfocus I find "hyperfocus" and "flow state" to be analogous with one key difference -...

How to mentor a junior dev
Mentoring can have a huge impact on the world. It creates a ripple effect, where you influence someone's mental models and approaches to code in the years to come.


Can Open-Source Exist in China? 🎙
In this episode of DevNews, our hosts speak with Zeyi Yang, reporter at the MIT Technology Review...


Coding and ADHD - Can't Keep Going
The idea that anyone should be able to sit down and focus for four hours on command is a dangerous...


Setting up a new dev machine
As developers we have had to set up our development environment from scratch at least once. Whether...


Top 6 Cloud Cost Management Tools You'll Need to Thrive in 2022
Cloud cost management is tricky for many companies, especially when using cloud-native technologies...


Celebrating Your LGBTQIA+ Pride Stories 💖
Join us in collecting stories of LGBTQIA+ pride — we'll donate $10 for every #devpride story received.


Getting Along with Your Co-workers... All of Them 🎙
No coder is an island. This week's DevDiscuss episode is a good one if you want to succeed in your...


How I made a really fast Link Shortener that runs on the edge
I recently made a link shortener called deoxys (named after a really fast Pokémon). It's really,...


How web browsers work - the render tree (part 7, with illustrations)💻 ⏳
The trees built in the parsing phase (DOM, CSSOM) are combined into something called the render tree....


The Real Reason Why 93% Of JS Devs Are Underpaid While The “Elite Few” Get All The Cash
If you are a JavaScript developer this should terrify you. Because when I work with developers, the...


19 GitHub Repositories to Become a React Master ⚛️🧙
React is among the most popular choices to build interactive UIs. Learning and mastering it can be...


CTO last day: reflections, mistakes, and some learnings
Burning my hands on the steering wheel.

Customizing my Zsh Prompt
Cassidy updated her Zsh prompt to have some fun colors, the date, and git information. Here's how!


GitLive's Tool Window Just Got a Major Upgrade in PhpStorm
With the new tool window, you can now see all work in progress across your entire team in a single...


Have you done anything interesting with AI/ML?
Whether part of your job, school, or just spare time — have you made use of this branch of our field?


Aviyel announcement 📢: Aviyel is set to launch on Product Hunt in Just 2 days
Aviyel is attempting to create an environment where everyone may benefit from the opportunities...


Double-entry Bookkeeping for Programmers
Cover photo by Ibrahim Boran on Unsplash This is the article I wished existed when I needed to...


How old are you in programming ?
This will make it the _______years/month/week you starting programming??


Meme Monday!
Welcome to the second Meme Monday post! Today's cover image comes from my favorite submission from...


Music Monday — What are you listening to? (May 30)
cover image credits: gifovea In this weekly series, folks can chime in and drop links to whatever it...


61 Frontend Web Development Buzz Words every Developer Should have in their Vocabulary
Don't want to feel left out when your friends discuss Frontend Web Development? Here is a list of 61...


NextJS add lang attribute to HTML tag
When working on accessibility, a common issue you might come across is that your HTML tag doesn't...


Side Project Sunday! Hacking on anything?
Give a quick description of what you're up to and what some recent challenges have been.


Two lines of CSS that boosts 7x rendering performance!
I'll cut the crap out and jump directly to the two line of css that you need to add to improve your...


useradd vs adduser: Which command to use?
Linux is amazing! Let me tell you what made me say so. There are multiple ways to perform a function...


5 things you need to know about <Input> tag
Hi folks, how are you holding up? I hope you’re doing good. In this blog, I’m gonna share some...


Get started with flutter 🔥
Sup !!!!, It's been a couple of days when making a dart tour, I strongly recommend to watch the...


How I built a Deep Learning Powered Search Engine
We use search engines everyday. Without them, we would be using the Internet in a much different way,...


Vim: A Beginner's Guide From A Beginner
Vim, one of the oldest contestants in the text editor war, ever since its release in 1991. It has...


What makes CSS so hard?
CSS can be really challenging — but it's hard for me to nail down what exactly makes it so. Would...


5 VSCode Extensions You Must Use
Here are the 5 most useful Visual Studio Code extensions to improve your workflow! Error Lens CSS...


How does flimsy code affect your mental health?
Being responsible, whether individually or a team, cannot be good for your mental health, capacity to...


What book(s) are you reading these days (and we should too)? 📖🧠
Currently I am reading these two books: The Code Breaker. A book about DNA, RNA, gene theraphy and...


When Companies Fake Diversity Initiatives 🎙
This week's DevNews episode covers Ruby at Scale, and PyScript as newsworthy items in the dev world...


Drawing with CSS: Anime Character
How to draw a manga/anime character with CSS (with video!)


Learning Go Web Development From Zero
Hey guys, I'm Sam Zhang. Today I wanted to explore the field of backend development - so I chose Go....


Nexus Repository Manager : What is it & how to configure it on a Digital Ocean Droplet?
Introduction If you are working on a big project which would take long time, repository...


This is Exciting: A New Destination for All Things DevOps
I am very excited to highlight a new Forem: The Ops Community. It is a new space dedicated to DevOps,...


🧵 What are your favourite Browser Extentions ?
Here are my top 3 extentions - daily.dev - Get a feed of the hottest developer news personalized...


Aviyel announcement 📢: Supercharging OSS communities 🦄 with rewards and Tokens!
Consider a product development without monolithic manufacturers. Today's software innovation process...


How to do Test Driven Development in React using React Testing Library, Jest and Cypress
What is Test Driven Development? Test Driven Development or TDD for short is essentially a...


I created a platform where you can solve React challenges (https://reactchallenges.live) 🚀 (PWA)
The main idea is to create something similar to (Leetcode ,FreeCodeCamp) and challenging problems to...


JavaScript Array methods explained
Let's start! 1. concat() Returns a new array that is this array joined with...


My profile website is now a terminal
When I was younger I used to think that my profile website would be a really cool, fully featured...

![Cover Image for Complete guide to GraphQL in Angular [with example] 🚀](https://res.cloudinary.com/practicaldev/image/fetch/s--6Yo8hql1--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2f1a3hzd1ju37i3qinsx.png)
Complete guide to GraphQL in Angular [with example] 🚀
This tutorial was originally posted on SigNoz Blog and is written by Sai Deepesh GraphQL is a query...


Exploring The F# Frontend Landscape
Hello everyone it's been a while! Today we will talk about what is the current frontend landscape of...


How I Created a Comic Book Store with Medusa, Gatsby, PayPal, and MeiliSearch
Medusa is an open source headless commerce platform targeted toward developers. It can be used to...


The NodeJS 18 Fetch API
NodeJS 18 introduced some new cool features and one of the most useful ones is the built in Fetch...


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


A Guide to writing Industry Standard Git Commit Message
I bet you already heard something about Git before starting this article whatever led you here,...


Do you remember the FIRST project made by you?
Do you remember the very first project made by you when you started learning to code in a particular...


Introducing Rediscovering Ruby
This post is co-authored by @juliannatetreault and @ridhwana. Introduction 👋 Hi there...


⛔ Squash commits considered harmful ⛔
A recurring conversation in developer circles is if you should use git --squash when merging or do...


When Netlify asks you to full-time OSS, you say yes!
Well, there it is. I'm ecstatic to announce that, as of today, I’ve joined OSS Team at Netlify as a...


As a developer, I hate ... ?
In your career as a developer, what are the main three things that you hate about being in the tech...


Build a carousel postcard like Instagram with Reactjs, Material-UI, and Swiperjs
Live demo You can demo the website from here Video Tutorial I have already...


Pitch me on C++
Continuing the series! Feel welcome to dip in and weigh in on a past question. Let's say I've never...


React vs. Svelte
Introduction More and more often we hear about a relatively new web framework to develop...


Top 15 Vim shortcuts to remember
Introduction If you ever installed Linux in your life, I'm sure you might have come across...


A brief introduction to Dart
Hey folks 👋 I am Denyse, this series is first chapter I want to write about flutter in the future...


Creating Responsive Website Design.
Making a Responsive webpage can sometime go... The goal of a Responsive web design is about...


How I created a minimal linktree like page for me in just 2 hours.
The Plan I have seen a lot of people using linktree and similar sites where you can create...


Roast the code #1 | Rock Paper Scissors
Hey there! 👋 I'm starting a new series called "Roast the Code", where I will share some code, and...


TypeScript for Beginners
A quick view of the everyday types. TypeScript has been one interesting thing amongst...


Cloud Functions Using the New Java Runtime
One of the highlights of Appwrite’s latest release is the addition of four new Cloud Function...


Cloud Functions Using the New Kotlin Runtime
One of the highlights of Appwrite’s latest release is the addition of four new Cloud Function...


Learn how React Context API works by Building a Minimal Ecommerce Shopping App
So, this is a project that has been on my mind for a while, but I didn't put much thought or effort...


Tech Companies Can Endure Recession If They Fix This One Neglected Cost Item
As the global economy flounders, investors rush to safer equities and VCs are no longer amused by...


What *new* technologies do you most want to learn?
Only talking about relatively new technologies, what is most appealing to you? Why do you want to...


16 Useful Background Generators for Your Website Designs 🎨😍
Have you ever struggled to create engaging visuals for products, branding, and interfaces? The...


Happy Global Accessibility Awareness Day!
In the spirit of raising awareness for this celebration dedicated to raising awareness of digital access and inclusion, here are some of our favorite past a11y posts on DEV.


Have you considered starting a company?
This post is part of the Mayfield + DEV Discussion series. Please feel free to go back and answer...


Interested in getting deeper into Web Components?
I want to highlight the launch of The Web Components Community! This is a new Forem dedicated to...


React Hooks Best Practices in 2022
Class-based components previously had access to React capabilities like state and lifecycle...


How the DEV {% embed %} codes were created 🎙
In this week's episode of DevDiscuss, we welcomed @aritdeveloper and @jeremyf from the Forem team to...


Manipulating the DOM using Javascript - how to select nodes (part 1) 👨🏼🔬🎯
In the beginning, websites were entirely made out of HTML and they could only display text (back in...


Merging Pull Requests Like a Pro With Mergify
If you have been using Git for sometime now, I am sure working with Pull Requests is now a second...


What's your current code editor/IDE setup?
Coding without a code editor or IDE is unimaginable unless you use notepad. So, what's you current...


Show Off Your Comment Streak with Community Wellness Badges
Hey DEV Community! I'm here to share an exciting announcement with you 🗣️ ...


Announcing Appwrite 0.14 with 11 Cloud Function Runtimes! 🥳
We're back with yet another Appwrite release! Appwrite 0.14 is now LIVE with a lot more improvements!...


GitLive Now Works With Any Git Repository in WebStorm!
We are happy to announce GitLive now works, out-of-the-box in offline mode, with any Git repository...


I made your stupid app ideas!
About a week ago, I asked you guys to give me stupid app ideas to make I made a few of them, let me...


Pitch me on Go
Part of a new series! Feel welcome to dip in and weigh in on a past question. Let's say I've never...


Swiftly Awaiting Async Code Using Appwrite
Modern application development with Swift involves a lot of asynchronous (or "async") programming...


Building a simple invoice generator with Node Js
Why ❓🤔 After each online coaching sessions, at the beginning, that was a pain to find a...


How to Build Dynamic Website with APIs, Without Backend Coding! 😮
For those who doesn't know, Dev Community announced a hackathon for Appwrite in the past month. I...


How to speed up a Web App loading time by 10x faster!
Hello folks, Today I will discuss, how I speeded up the loading time of my Web App built using...


I have created 139 games in one year by patterning my game making
I made 111 one-button mini-games in 2021. I also made other games besides one-button games, so the...


Pitch me on TypeScript
Part of a new series! Feel welcome to dip in and weigh in on a past question. Let's say I've never...


Cache API in JavaScript - with just 20 lines of code.
let cache = {}; async function getData(url){ let result = ""; if(cache[url] !== undefined)...


How I Built a Music Player to Showcase my own Tracks 🎵😍
A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then...


How My GitHub Profile Landed Me a Job at Spotify
This is the experience of how my GitHub profile got me a job at Spotify. The key was my GitHub...


I Made 100 CSS Buttons for Your Next Project 💪
Yes. I made 100 unique styles for buttons in CSS. Use them however you like. They’re for you. Get...


I was tired of making banners for my blogs, so I automated it
I'm a very lazy person, and always procrastinate on the smallest of things - opening the image...


How to save up on AWS Parameter Store with serverless framework
The Problem: It is a bad practice and even a security risk to use hard-coded values within...


Pitch me on PHP
Part of a new series! Feel welcome to dip in and weigh in on a past question. Let's say I've never...


What is YOUR theme?
What is YOUR most favorite VSCode theme that everyone should try out? What color theme/syntax...


Cloud Costs Are a Risk to Your Business: Here’s How to Protect Yourself
The cloud makes a big budget item for every modern organization in the post-pandemic world. But...


Implementing OpenTelemetry in a Rust application for performance monitoring 🚀
OpenTelemetry can be used to trace Rust applications for performance issues and bugs. OpenTelemetry...


My take on commenting code - Explain why, not how
// This is the start of the article Enter fullscreen mode Exit fullscreen mode ...


The 10 Best C# Books to Help You Learn or Improve Your Skills📚
How do you learn C#? There are tons of books out there to teach you the ins and outs of C#, but how...


Understanding /etc/passwd file in Linux
Introduction Linux has evolved from being someone's hobby to a full-fledged multi-user...

![Cover Image for [BADGE.AR] Create NFTs from your Achievements](https://res.cloudinary.com/practicaldev/image/fetch/s--1_t3M3AT--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t2zzlwffletsj7lcnsvs.jpg)
[BADGE.AR] Create NFTs from your Achievements
Badge.ar Create NFTs from your Achievements. Overview BadgeAr is a place...


Call to action for all VS Code users!
Earlier today, I was noodling around on VSCodeTips (— a Forem community dedicated to sharing tips...


Can You Resolve Merge Conflicts Before They Happen? 💥
Solving merge conflicts is fun! - said no one ever. Nobody likes them, but it doesn’t change the fact...


Flutter release 3.0.0 What's new ?
Google I/O is happening now. One of the news from this conference is release a Flutter version 3.0.0...


Slibro — a story writing platform
Overview Slibro is a story writing platform that supports short and long format stories....


14 great tips to make amazing CLI applications
I find command-line tools an incredibly way to multiply the impact of the code they produce. Did...


Our open-source project got funded!
Hi Community, We have exciting news to share! @combarnea and I open-sourced the Novu project because...


Pitch me on Python
Let's say I've never used Python before. Can all the Pythonistas out there give the run down of what...


PostgreSQL Cheat Sheet
We gathered a list of handy PostgreSQL commands and queries when working with PostgreSQL databases....


Season 9 of DevDiscuss is here! Let's talk about design patterns...
DevDiscuss Season 9 is here! 🎉 In the premiere, my cohost @ridhwana and I focused on using design...


apt update vs apt upgrade: What's the difference?
Package Managers are fantastic! Let me tell you what made me say that. Features of Package...


Remember to Hydrate
Hydration is a term in webdev relating to server-side rendering of elements which are later imbued...


Tell me a stupid app idea and I'll make it
I'd love to hear some funny app ideas! I've had some extra free time lately and want to build...


The Complete Modern React Developer 2022
Introduction This will be a course for becoming a Complete Modern React Developer in 2022....


What do you spend the most time on as a developer? ⏳
This is the second post of the Mayfield + DEV Discussion series. Please feel free to go back and...


Accessibility Cheat Sheet
Do you know what a13y means? If not, it probably means that you still have some catching up to do on...


App Generator - Code a simple Dashboard using AppSeed
Generate a simple Flask Dashboard in no time using AppSeed - Source Code is available for download from Github (MIT License).


Introducing the Mayfield + DEV discussion series
Hey DEV Community! Over the next two weeks, we will be hosting a daily discussion series in...


Which functions/methods do you...
Which functions/methods do you copy from a project to another or re-code just to have them...


Why you should not use pixels(px) in CSS
Did someone ever tell you to code like this? something{ width: 100px; height: 100px; } ...
