If you want to reach your full potential as a developer you need to have at least a basic understandi...


Essential JavaScript Browser APIs
There are a large number of browser APIs available, this post introduces those you might use very often

![Cover Image for Python Tutorial for Beginners - Full Course [FREE] ๐](https://res.cloudinary.com/practicaldev/image/fetch/s--a_ar7u8l--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ikxbkos67ilc7kl6w5qn.png)
Python Tutorial for Beginners - Full Course [FREE] ๐
Python is the most popular programming language out there: And it is used for so many different ind...


Stop using var for declaring variables !!!
Stop using var for declaring variables If you are new to JS or been with it for quite some...


TOP 5 Alien Articles of the Week Worth Reading ๐ฝ๐
Hey guys! I hope you enjoyed last week's article ! I am back with another one as this week's scoop ๐....


5 habits every developer should adopt!
If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...


Algorithms Every Programmer Should Know 2
Introduction Let's continue the series of "Algorithms Every Programmer Should Know". It is...


CSS Grid Cheat Sheet Illustrated in 2021๐๏ธ
Table of Contents : Grid Architecture Parent Properties grid-template-columns grid-temp...


Finally a CSS-only solution to create masonry layouts
hold on! the below feature is experimental and can be tested only on Firefox The specification of CS...


PrimeReact vs Material-UI vs Ant vs Chakra-UI vs ReactBootstrap
PrimeReact is an advanced UI component library for React. Let's see how it stacks up against the pac...


How I started my Web Development journey
In this blog, I'll share my 1 year of learning experience ๐ and How I started my Web Development jour...


Never make your text container a flexbox container
Flexbox is great. Unfortunately, many developers use it in a wrong way. To be more precise, they use...


Scrivere CSS come un pro ๐
The ultimate Cheat sheets compilation (200+) - ๐ฅ๐ / Roadmap to...


What you hate the most about being a Developer? ๐ ๐ค
Most hated things being a developer


Women's History Month: Computer Science Pioneers
Ada Lovelace โ Created the first algorithm intended to be carried out by her and Charles Babbageโs pr...


JavaScript Should Be Your Last Resort
JS Is Your Hammer When working on modern frontend web development, using your favorite fra...


Lanรงamento: Mรณdulo 01 - TypeScript Zero to Hero
nesse artigo estarei disponibilizando os vรญdeos do mรณdulo 01 do curso de TypeScript - Zero to Hero!


The ultimate Cheat sheets compilation (200+) - ๐ฅ๐ / Roadmap to dev ๐
Hello World Today I wanted to share with you my Cheatsheet Compilation that every dev should know abo...


TypeScript and why you should type your JS project
TypeScript is like JavaScript but with no surprises. I heard a long time ago about TS, gre...


8 Useful JavaScript ES2019 Features to Know About
The ES2019 specification may have been a smaller addition to JavaScript, but it still brought some in...


CSS tricks you probably didn't know about.
Today I'm gonna share with you some cool css selectors. Let's start with counter. To st...


Diagnosing Performance Issues
Once you've determined you need to improve your site performance, how do you do that?


How to create dynamic forms in react using react-hook-forms.
Hi guys, If you are a React Developer you might know that Creating forms in Reactjs is quite easy, y...


CSS decoded ::before and ::after
What is a Pseudo Element in CSS? A CSS Pseudo Element is a keyword added to a selector tha...


Google Keep Lite - Building Google Keep clone using reactjs
This blog will explain how to create a Google Keep clone using reactjs. Step 1 B...


How to make footer stick at the bottom of web page.
Problem If you are new to web development and have created some HTML page before then you...


How well do you know โthisโ?
Whatโs โthisโ? In the simplest of terms, the JavaScript keyword this refers to the object...


Some Top React Interview Questions
What is react? React is an open-source JavaScript library, not a full-blown framework, and...


Full Tutorial #9: Creating a GraphQL Mutation | Microservices Chat App Using React, Node.js, TypeScript and GraphQL
About Me: I've been a professional web developer for just over 10 years now. I'm currently the lead w...


JavaScript Important Methods & Properties Cheatsheet
Hello Everyone, Here is the list of important methods and properties in JavaScript. in this tutorial...


Mastering responsive Web Design
I haven't posted anything from the last somedays. Though I have written 12 articles related to JavaSc...


var, let & const in JavaScript
ES2015(ES6) was released long back and one of the features that came with ES6 is the addition of let...


You can't understand JavaScript without mastering Closure
Closure is one of the features of the language that many programmers struggle to wrap their heads aro...


Automatically Start Scripts On Launch In VSCode
VSCode comes with the ability to create tasks that operate off of a variety of things. One option is...


LinkedIn Profile Every Recruiter Want You To Have
87% of recruiters use LinkedIn to check candidates. If your LinkedIn profile sucks, your chances to...


Notion ๐๏ธ + Bullet Journal ๐ = ๐ก๐ผ๐๐ถ๐ผ๐ป ๐๐๐น๐น๐ฒ๐ ๐๐ผ๐๐ฟ๐ป๐ฎ๐น ๐๐ฏโจ
Just Launched A Notion Template with goodness on Notion and bullet Journal.


We can finally animate CSS gradient
Hold on Firefox users the below is only supported on Chrome and Edge for now. Thanks to the new @pro...


You Need to Try These 10 NPM Packages as a React Developer
As web developers, we tend to make use of several NPM packages on a daily basis for different reasons...


7 interesting HTML attributes (you may not know)
A list of 7 interesting HTML attributes (you may not know)


A beginner's guide to applying color in UI design
Is color theory getting you down? Are you tired of the same old preset palettes? Sick of hitting โreg...


JavaScript Array Methods Explained with Emojis
JavaScript has a lot of useful Array operations. If you are just as confused as me about which one to...


My career story - from 0 to Google in ~1 year
Intro This isn't a how to get into google post. I'm just going to try and give my whole st...


Ultimate Cheatsheet Compilation
Hi everyone ๐ Today I wanted to share with you the Ultimate Cheatsheet Compilation. I hope aspiring...


Chrome extensions: Local storage
Let's explore how to store data locally in our Chrome extension adding a new feature to our original example.


Show off your Terminal Setup ๐ฉ๐ปโ๐ป๐ฏ
Monthly Terminal Setup Show off and Few others


Stop using virtualenv, pyenv, nvm, goenv and Use Docker images
Why I use Docker images Using version managers like pyenv and nvm are obsolete. For ex...


The Case for Low Code
Many developers don't like the idea of low or no code, yet they use tooling to dramatically lower the...


Web Development Bad Habits to Kick
Cover photo by mohamed abdelghaffar from Pexels 1. Not Designing for Mobile First You kno...


25 Javascript interview questions
Originaly Publshed -> https://www.techyniel.com/247-2/ What's the difference between undefined a...


Some important HTML tags, one should know about
There are some html tags which is which is lesser talked but has potential to reduce the developer he...


Learn functional programing with me - Part 1 : Language choice
So, I've decided to write a blog. Sure, I could use one of many solutions out there and setup a blog...


Switching to Arch Linux
As software developers, many of us heavily rely on Windows for our daily jobs. But a few months ago, I decided to give Linux another shot. In this article, I talk about how I manage to replace many of my daily tools to work on Linux.


Underrated Articles on Dev.to from Last Week
Hey fellow devs ! Every day thousands of articles are published on dev platforms, and sometimes, ami...


7 JavaScript ES2020 Features You Should Try
The ES2020 specification brought many interesting features. In this tutorial, you will learn about se...


Cookies vs Sessions
The concept of Cookies and Session is very fundamental and every developer should know this....


CSS hide scrollbars
Today we will be hiding scrollbars with CSS! As much as I love browser native behavior, there are use...


React Clean Code - Simple ways to write better and cleaner code
Clean code is more than just working code. Clean code is easy to read, simple to understand, and neat...


Show Dev: free and open source Bootstrap 5 UI Kit
Hello devs ๐๐ป Today I want to show you a Bootstrap 5 UI Kit which we've been working on for about a...


CSS Shapes with rounded corners
A quick trick to create any kind of shape having rounded corners. 1. Build the shape For...


Dark Mode using CSS variables
What is Dark Mode? Dark mode, also called Light-on-dark color scheme, is a color scheme th...


HTML tags Cheat Sheet
Hello World! Today I created for you a cheat sheet with all the html tags you may need (And a miscell...


My productivity setup ( VS Code )
In this post I am gonna show you my personal vs code setup! Which makes me more productive. And gives...


Project 49 of 100 - Search with Autocomplete
Hey! I'm on a mission to make 100 React.js projects ending March 31st. Please follow my dev.to profil...


5 useful javascript tricks
In this post, I will show you 5 awesome javascript tricks which will make your life more easier. And...


Build an E-Commerce Website with MERN Stack - Part 6 (Redux Actions and Auth Components)
Hello friends! So, this is the sixth part of the MERN Stack series. In the first four parts, we discu...


Build Job Listing Website in React JS
Hi there, I wanted to create something interactive in ReactJS. So I tried to build this Job Listing...


Vim .. best code editor ?
Vim, a text editor for writing code where you navigate around the screen with your keyboard instead o...


you need to relax a little developers
hello friends, you know what is the best thing about vs-code? you can configure it the way you want &...


๐10 Trending projects on GitHub for web developers - 19th February 2021
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


100 most asked JavaScript Interview Questions and Answers - Part 2
We are going to learn JavaScript, by answering the most frequently asked javascript interview questio...


20 essential web tools for developers
Having the right tools as a developer will save you a lot of time. Here is my favorite folder, it took me several years to build this list!


5 Websites for color inspiration
I'm not a designer, not by a long shot. So when it comes to design, I need a lot of inspiration. For...


The Most Useful JavaScript Array Methods Explained with Examples
If you're a JavaScript developer and want to improve your coding, then you should be familiar with th...


A Complete Guide to JavaScript Tooling
Confused no more with a complete guide to JavaScript Tooling system


Creating a snowfall effect with HTML and CSS
The recent snows and freezes in Texas were the inspiration for this quick animation of snow falling done with HTML and CSS


JavaScript: Array CheatSheets
HOLA! ๐ For more like this hit follow, and if you want to show support by donating, click this link:...


...Spread and ...Rest Operator
Hello, today I will be talking about the Spread and Rest operator, and give sample situations where t...


The tiniest CSS-in-JS solution for your open-source React components
Hey there! My name is Vlad and I'm fascinated by the development of JavaScript micro-libraries. My pr...


Image Optimization, Processing and Hosting
Hosting images and processing them is quite complicated. It involves many elements to do this correct...


Less is more; simplify your React code to super power your applications - part 2
This is the second article in a series covering different strategies to simplify your React applicati...


Project Structure. Repository and folders. Review of approaches.
When we take the first steps in project creation, we need to make many fundamental decisions. One of...


Show off your VSCode Setup ๐ฉ๐ปโ๐ป๐ฏ
Weekly VSCode Setup Show off and Few others Resources


Webrix.js - Building Blocks for Interactive React Apps
For the past 3 years, I've been working with a great team of UI developers on one of Amdocs' flagship...


11 Easy UI Design Tips for Web Devs
Whilst learning web development, most of us donโt have much design experience or access to a UI desig...


Are you a good developer already?
As a trainer at click solutions, I regularly supervise trainees and students. Through appropriate onb...


Benefits of Next JS for building websites and apps
Introduction The emerging need for innovation in online experience is pushing modern technologies to...


JavaScript: Date Cheat Sheet
CHEAT SHEET BOOKMARK INTRO Declaring/Creating Date GET FUNCTIONS SET FUNCTIONS Date Conve...


You can't afford not to have these!
I recently watched a YouTube video that gives the MUST USE Websites & Tools for Web Developers. C...


8 Node.js Projects To Keep An Eye On 2021
1. Cytoscape.js An open-source JavaScript library used for visualization and graph analy...


Algorithms Every Programmer Should Know
Introduction Hello Guys, Today I am going to start a series named "Algorithm Every Program...


Intersection Observer using React
Today we are gonna explore how to use the intersection observer API in React and see some useful exam...


Mastering NPM Scripts
In this article, I'll share with you my research about how to take full advantage of NPM scripts.


Responsive hexagon grid without media query
I know there is a ton of articles detailing how to create hexagon grid but how many of them are respo...


100 most asked JavaScript Interview Questions and Answers - Part 1
JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with fir...


Authentication & Authorization in Microservices Architecture - Part I
About Behalf Behalf facilitates in-purchase financing for B2B buyers and sellers. As a fin...


Dos & Don'ts For Resetting CSS
Why reset CSS ? Main reason is to fix any inconsistencies with default styles between dif...


React Templates - A curated list with FREE projects
This article presents a curated list with modern, open-source React Templates actively supported and versioned by their vendors


Why you should drop ExpressJS in 2021
Express is currently, and for many years, the de-facto library in the Node.js ecosystem. When you are...


50 projects in 50 days? This is what I think!
Some background As you may know, I'm a simple guy learning web development from scratch. I...


7 Best Visual Studio Code Extensions Every Web Developer Should Have.
As we all know Visual Studio Code is the most popular editor for web development. It is a free and op...


Build a Telegram bot with Node js
I enjoy looking for new technologies to experiment with during my free time, last weekend I stumbled...


Lie - To Advance Your Career
I haven't ticked off anyone in a little while. So I guess it's time to open this can of worms that's...


THINGS TO REMEMBER WHILE CREATING YOUR PORTFOLIO WEBSITE
A Portfolio website is your reflection, your way to show off projects and skills. Currently, I am als...


JavaScript: Array Tips and Tricks You Should Know
An array is one of the most common concepts of Javascript, which gives us a lot of possibilities to w...


Low-Hanging Fruits of Web Security
I talk about implementing common headers in your web app to increase its security. Header...


SmolCSS.dev - Minimal Modern CSS Snippets
This week I launched my latest CSS-related project - SmolCSS.dev - which showcases minimal snippets f...


Top Best Data Visualization Tools by Ant.Design in 2021 ๐ฅ
Greeting you as X-axis Y-axis, ๐ There are many things to consider when choosing the right data visu...


A Post-Mortem in 5 Acts, of How Microsoft Privatized Open Source, killing JavaScript in theย Process
After Microsoftโs blitzkrieg take-over, the Open Source JavaScript community, as we know it, is comin...


Amazing image placeholders with blurhash
Few weeks ago I was playing around with Wolt iOS app, I was really impressed by how the app handled i...


Como se tornar um Dev influencer com o mรญnimo de esforรงo
Poste polรชmicas no twitter periodicamente. Engajamento รฉ o que vocรช precisa. Atenha-se a assuntos si...


Projects with high-quality designs to practice your HTML, CSS, JS... skills
Hi folks! After my last post about Knowledge Pills, you might think "What else would he pr...


Setup TailwindCSS in Angular the easy way
In this tutorial, I'm going to show you how to integrate TailwindCSS to your Angular project the EZ E...


Avoiding race conditions and memory leaks in React useEffect
Let us learn how to deal with the โCanโt perform a React state update on an unmounted componentโ warn...


DevDiscuss Season 4 Premiere: Meetings Worth Making with Andy Goodman
A preview of the Season 4 premiere of DevDiscuss!


How to have a professional online appearance
If you're struggling to get a job as a developer/designer, this article may have a couple of things y...


Is Redux Dead?
by Kristofer Selbekk React revolutionized front end development as most people knew it when it was...


Reverse Tech Interview: Questions to Stump an Interviewer
Hi, everyone, I want to bring up the topic of hiring at tech companies once again. This time I'm goin...


8 JavaScript Animation Libraries You should "MUST TRY"
If you're looking to grab your website visitor's attention, what can be better than animations. You...


Free Design Tools - Generators, Graphic Templates, Prototyping ...
(Note:This curated list is prepared in the process of redesigning Istanbul Private Transfer and Istan...


One tip that got me hired by Google, Microsoft, and Stripe
I've worked for Microsoft, Google, Stripe, and received offers from many other companies. One thing I...


React Hooks Cheatsheet: The 7 Hooks You Need To Know
This new tutorial will show you everything you need to know about React Hooks from scratch. I've put...


We Refactored 10K Lines of Code in Our Open-Source Reactย Project
Know the how, the when, and the why behind our refactoring When working on any project, es...


25 Ways I Stay Motivated & Productive
TL;DR This is a collection of habits and perspectives that I use to stay motivated and pro...


4 Cool Website and their APIs
Introduction Hello Guys, It's been quite a time since I published the last blog but finall...


A Quick Guide to Get Started with JavaScript Classes
JavaScript classes are popular feature of JavaScript. This tutorial will help you learn what you sho...


Create a generative landing page & WebGL powered background animation
Recently I took a trip to the faraway land of dribbble and saw something magical. There were fuzzy or...


Hereโs Another List of Exciting Front-End Challenges
Indrek here, and Iโm back with another list of exciting challenges for all sorts of front-end develop...


3 underrated web dev youtubers you should check out
Many of us in the web dev community are familiar with teachers like Brad Traversy, Mosh, and Net Ninj...


How to Become a WordPress Developer in 2021
Today we'll be learning, How To Become a WordPress Developer in 2021. In this post, we are going to...


Integrate Passport.js to Node, Express, and Vue
Hey Dev's If you read my previous articles about JWT (jsonwebtoken) you will come to understand one...


MEAN / MERN Stack 100+ Learning Resources {FREE}
I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All...


Understanding Ruby - Blocks, Procs, and Lambdas
Introduction Ruby is a language that uses multiple paradigms of programming, most usually...


8 tools to help with CSS
While CSS is not a complicated language, some parts of it were a mystery to me when I started learnin...


ABC of JavaScript
The next must-read blog post after learning this in JavaScript. A - apply() B - bind() c - call()...


Authentication vs. Authorization
In this article, we will be going over two concepts people tend to confuse in the world of identity a...


How I Improved My CSS Skills
This article was originally posted on my personal blog. Two years ago, I had just gotten employed at...


How to auto-refresh jwts using Axios interceptors
I've covered JWT authentication in some of my previous posts. For a quick recap, I'll briefly go over...


๐10 Trending projects on GitHub for web developers - 5th February 2021
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


17 Website Templates HTML Free Download
Normally, when you finish learning HTML CSS, you will want to find websites to practice coding in ord...


Super Mario World Restored Original Soundtrack: Great Coding Music!
This YouTube channel has all the songs. My first reaction is this is definitely good focus/coding...


Taught myself to code 1y ago & recently released my first solo product. My biggest tip for learning...๐ง
I spent 10yrs in a career of branding/advertising and went from knowing no programming to launching m...


Tools Every Developer Should Know and Use
SO FAR SO GOOD I hope your Web Dev journey sounds like that. Well if yes, then I have something that...


5 important JavaScript array methods
Arrays are a crucial part of any programming language. Arrays are commonly used on a daily basis in a...


Bootstrap 5 CheatSheet By ThemeSelection! ๐
What is Bootstrap 5 CheatSheet? It is an interactive list of Bootstrap 5 classes, variable...


How to explain JavaScript Closure to a 5 years old kid
Lazy to read. Show me the code. // ๐ถ How to explain closure to a 5 years old kid /** * Closure i...


Master These Three Skills to Improve Time Management ๐
We all have 24 hours in a day and time is ticking away second by second. We canโt save, store or reus...


What is Dynamic Import in JavaScript?
Hello, guy's let's hunt what is dynamic import in JavaScript? Dynamic Imports The st...


34 UI Libraries For React, Vue And Angular
UI Library For React MATERIAL-UI(React) The MATERIAL-UI (React) component makes...


50+ FREE Tools to Ace & Launch your Side Projects
Hey everyone, Weโre always working on awesome side projects at Flexiple, and I know a lot of you are...


Fun API's For Your Project
As a beginner developer, some of the first questions youโll ask yourself and others are: What pro...


Use Google like a pro
Googling is one of the most important skills for every developer. Let me show you how to get better...


Setup your ReactJS + Tailwind CSS Project by creating a template ๐ฅ
Hey, Shaan here! As we all know that tailwind CSS is gaining popularity nowadays, so I decided to giv...


5 Awesome Web Browsers For Developers
If there's a software that developers use more than text editors or IDE, it has to be web browsers, r...


5 Ideas for Web Developer Portfolio Projects that Standout
Calculators, Todo lists, weather apps They've all been done to death as portfolio projects Not only...


Log-Driven Development
If we compare the application with the alive organism the bug could be compared with a disease. The c...


Why and how you can develop Design Sense? ๐ฉ๐ฝโ๐จ
Is being good in design is necessary to become a frontend developer? Let's explore in this post.


Why did I start a YouTube channel as an introverted developer?
The article was first posted my blog - catalins.tech. Before starting, I want to mention that you ca...


35 Website Cheat Sheet For Developer
What Is Cheat Sheet? With the rapid development of technologies in web programming, the am...


5 React Custom Hooks You Should Start Using (Explained)
Are you repeating yourself by building the same features again and again inside your functional compo...


50+ Tools to Ace & Launch your Side Projects
Hey everyone, Weโre always working on awesome side projects at Flexiple, and I know a lot of you are...


Important JavaScript Interview Q&A
Ahaan, No time waste let's directly check those questions. Q1- What is a callback? Cal...


Tell us about the Black technologists that inspire you!
Five contemporary Black technologists that inspire us.


A Better Way to Structure React Projects
So 2020 has just come to an end, it was a great year for me personally, I have written more about i...


MongoDB, Express, Vue, and Node.
In our previous tutorial, we wanted to practically learn and understand the serverless, container, an...


My freelancing workflow, from cold leads to paid invoices
In January 2021, I made a sudden and somewhat unexpected transition to freelance web development. I...


Top Free WYSIWYG Text Editing Tools
CKEditor CKEditor with more than 10 years of development experience, you can be completely...


Understanding Rendering in React โป โ๏ธ
Hey there! ๐๐ผ I'm Mateo Garcia, I co-organize a community in Medellin, Colombia called React Medelli...


21 Bad Front-End Habits to Drop in 2021
Forget the gym, here are some resolutions you'll actually keep


Learning SCSS in 5 Minutes?
Let's learn the basics of SCSS in 5 Minutes. So basically SCSS means Sassy CSS. It's a CSS preprocess...

![Cover Image for Machine Learning From Scratch in Python - Full Course [FREE]](https://res.cloudinary.com/practicaldev/image/fetch/s--8M36je9---/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/kso5ishwwaklq116kfgr.png)
Machine Learning From Scratch in Python - Full Course [FREE]
In this course we implement the most popular Machine Learning algorithms from scratch using pure Pyth...


Make and publish a NodeJS CLI in 10 minutes!!
In this post you will make a NodeJS command line calculator and publish it to NPM all in just 10 minu...


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


๐10 Trending projects on GitHub for web developers - 29th January 2021
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


22 Sliding Form For Website
Sliding forms are forms that you can switch from sign-in form to sign-up form and vice versa. In this...


3 Ways to create a Navbar (CSS Grid Layout)
Today let's build three different navbar layouts using the CSS grid layout and I'll show you, how eas...


8 Things I wish I knew as a Junior Developer
Being a junior developer is not easy. You have a lot of work to do, and you're expected to know every...


Create Loading Animations with SVG and CSS
A simple tutorial on how to create loading animations for web projects by using HTML and CSS


10 Advanced Projects to Build in 2021
I've curated a list of 10 advanced projects to complete in 2021. Most of these are systems programmin...


18 Web Design Trends for 2021
The line between ourselves and our digital twins is blurring more and more; therefore, users are look...


35 Animation Library CSS Javascript For Developer
What Is Web Animation? Animation is motion effects set up for objects in HTML pages to att...


Announcing the New Relic Hack the Planet Contest on DEV!
Your mission? To build an application that will help combat climate change using New Relic


How to remove a sensitive file from your commit history on GitHub
Yes! this has happened to most of us at least once in our career, especially when we are just startin...


A Complete Guide to Creating a Chrome Extension
In this guide we are going to create Blinknotes, a lightweight app that uses NLP to summarize anythin...


Become a Better Programmer: 5 Essential Methods at a Glance
1. Unit Testing Why? Every programmer has experienced something like this: you change a bi...


Build a User Profile Avatar Generator with JavaScript ๐ง๐ฉโ๐ป
Let's take a look at how to generate user avatars for the web using some client-side JavaScript. The...


How to Build a Skeleton Layout in React
The use of a Skeleton Layout for asynchronous content is becoming more and more popular across mobile...


Using Framer Motion to make page transitions in React
In this short tutorial, we'll be learning how we can use the AnimatePresence component provided by Fr...


5 CSS Tricks Nobody Tells You!
1. Center Anything Using Flexbox, Align Items & Justify Content .center { disp...


CSS Tips and Tricks
#001 For the last couple of months, we at Skynox Tech's Twitter account, sharing a series of tweets...


Five Classic Reads in Software Development
I was looking back on some discussions I've started in the past on DEV, and felt like sharing some to...


How I Set Up VSCode For Recording a Screencast
In the spring of 2020, I joined egghead as an instructor where I publish video lessons on various fro...


How I setup my Development Environment on macOS 2021 Edition
Current Full-Stack Developer Technical Stack 2021 Front-End: HTML, CSS, JavaScript, Typescript, Rea...


17 Javascript optimization tips
You might be using Javascript development for a long time but sometimes you might not be updated with...


28 Ebook And Course Free For Web Development
For me, books or online courses can be considered as extremely useful resources in learning and impro...


How to get 600+ Github stars in 2 days
Today our project https://github.com/revolist/revogrid received crossed 760+ stars mark. And 600 of t...


Linux Terminal: The Ultimate Cheat Sheet
A comprehensive list of useful commands for the Linux Terminal.


Push Notifications in ReactJS with OneSignal
In this tutorial, you are going to learn how to communicate with the users of your application by int...


Authentication in Node.js and JWT Video Tutorial | 1 hour
In the following 1 hour tutorial, you will learn how to create API endpoints to handle registration o...


Date & Time in JavaScript
Letโs meet someone amazing today ๐, haha a new built-in object: Date. In Javascript, we can easily wo...


JavaScript Interview Questions: Events in Detail
Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62 Subscribe to my em...


JavaScript Interview QuestionsโโโTricky Questions
Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62 Subscribe to my em...


PHP interview questions and answers for web developers
PHP is a general-purpose scripting language especially suited to web development. Here is a list of c...


14 Free Cloud Storage and File Sharing For Developer
Google Drive Google Drive is a popular file sharing site for you these days for its conven...


7 React Projects You Should Build in 2021
React is a JavaScript library that is ideal for creating impressive apps. There are countless project...

![Cover Image for โก๏ธ Full TypeScript Beginner's Course [Free!]](https://res.cloudinary.com/practicaldev/image/fetch/s--GQhUT3fZ--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/i8rhzlv277boziza1w7l.png)
โก๏ธ Full TypeScript Beginner's Course [Free!]
Over lockdown, I wrote, shot and edited a full TypeScript course for my website, CodeSnap. It's be...


My beloved Python cheat sheet
Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition...


React Design Patterns (Part 1)
This article originally appeared at bugfender.com: React Design Patterns (Part 1). Having studied...


๐10 Trending projects on GitHub for web developers - 22nd January 2021
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


8 Frontend Coding Ideas That Will Inspire You To Code
Indrek here. Mastering programming is hard. There are no shortcuts. It involves putting in tons of wo...


CSS Cyberpunk 2077 Buttons - Taking your CSS to Night City
If you're in the slightest interested in video games, you're no doubt aware of Cyberpunk 2077. It's o...


Gatsby vs Next.js in 2021 - What, why and when?
In 2019 I decided to write a post called "Gatsby vs Next.js - What, why and when?" out of frustration...


My Top CSS Tips As Shared on Twitter - Part 1
Hi! I'm @5t3ph on Twitter (and most other places on the web) and I often share CSS tips there. These...


5 React Shortcuts That Will Instantly Boost Your Productivity
To become a better React developer, you don't always have to learn an entirely new, challenging skill...


6 steps to get problem solving skills
(Short Post๐) Problem-solving is one of the characteristics of the highest values you can have as a...


7 Unique APIs for your next project
Need some inspiration for a new project? In this article I'll go over what I think are 7 of the coole...


Node.js interview questions and answers for full-stack developers.
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that executes Java...


Snake border animation CSS
Hello, guys in this tutorial we will create an animated snake border using HTML & CSS. First, we...


10 Coding Challenge Websites For Developer
Once we have learned the basics of a certain programming language, the next thing is how we want to a...


16 side project GitHub repositories you may find useful
A Side Project is something you do aside from your main job to fuel your passion while learning somet...


Building a React Movie Application.
In this article, we are going to build a react movie application for searching and discovering movies...


Create a 3D product landing page with ThreeJs and React
We are going to be creating a product landing page which will utilize 3D models and particle effects...


Enough JavaScript to get you Started : #14 Understanding DOM
What is DOM? ๐ The Document Object Model (DOM) is a programming interface for HTML and XML...


Creating a Killer GitHub Profile README Part 1
README's. You know, those markdown files that get created when you generate a new project or create a...


Enough JavaScript to get you Started : #13 OOP in JS Practical Guide ๐ฉโ๐ป๐จโ๐ป
Classes and Objects ๐ To summarize previous article , classes are nothing but a template...


Fixing Cumulative Layout Shift
Cumulative layout shift is the term that refers to content that jumps after initial load. Not only i...


Server-Side Rendering from zero to hero
In this article, we will analyze the impact of SSR on SEO optimization of the application. We will w...


Why I don't use Stack Overflow
Ask non-devs what's the most toxic place on Earth and they'll probably answer "Chernobyl". Ask a dev, they'll say SO.


How Can Developers Save a Failing Project
Quick summary: A project is about to fail. Everybody feels it won't meet the hard deadline. But the a...


Instant messaging app made with React, Typescript, Node & Socket.io
Hello everyone, I am back on Dev.to today to share another of my project! We all know how important...


Some projects to build your resume!
Projects are the identity of every web developer. Every web developer must build some projects which...


Top 5 most hearted animations and designs on codepen, whats under the hood ?
Codepens 100 "The MOST HEARTED of 2020" list is out, and as usual consists of very exciting designs a...


What Method Chaining in JavaScript Is, How It Works and How to Use It
Method chaining is popular method that can help you write more concise and readable code. In this tut...


5 npm Tips/Tricks You (Probably) Don't Know ๐
A small showcase of some of the useful underused things you can do with npm to boost your productivity.


Cold Hard Truths About Software Engineering I Understood After 9+ Years
Software engineering is not a magical place where everyone has a six-figure salary, works on projects...

![Cover Image for DevOps Roadmap [2021] - How to become a DevOps Engineer](https://res.cloudinary.com/practicaldev/image/fetch/s--gjH5p8Ap--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/6fp5w4v9b1h1ncg6nkiu.png)
DevOps Roadmap [2021] - How to become a DevOps Engineer
A roadmap of how to become a DevOps engineer in 2021 What does DevO...


Javascript: The trend!
If youโre curious about programming in 2021 and still confused with programming languages. Please rea...


โ๏ธ React interview questions and answers for JS developers
๐ You can check all 161 React tech interview questions here ๐น 1. How does React work?...


Decoding Developer Relations in a Blog
If you're working in the software industry as an engineer or a CxO, or a student majoring in a techni...


How to Secure JWT in a Single-Page Application
Securely make JWT based authentication in React Application. In this article, we will see how to sec...


The 7 JavaScript Skills You Need For React (+ Practical Examples)
One of the most important things to understand about React is that it is fundamentally JavaScript. Th...


What are Generators in JavaScript?
In today's post, we'll cover Generator function in JavaScript. This post is important for people who...


Why Tailwind Isn't for Me
I think the folks building Tailwind are talented and nice people. But at a pure technical level, I simply don't like Tailwind. Whoever it was built for, it was not built for me.


3 password REGEX for your next project
Regular expressions are cryptic and hard to understand and build one from scratch. But don't panic wi...


Build a REALTIME CHAT APP in 5 MIN with React and Firebase
In this video/article, I'll show you how to build a powerful real-time chat application like Discord...


DigitalOcean App Platform Hackathon Winners, Announced!
Celebrating the winners from the DigitalOcean App Platform Hackathon on DEV!


The Ultimate Guide to MERN Stack
The Modern Web Websites have come a long way from what they used to be a decade ago. We st...


Tutorial - Build a smooth, animated blob using SVG + JS
Hey there! Do you love gradients, fear hard edges, maybe own an enormous collection of lava lamps?...


Announcing the CodeNewbie Community
Wait, hasn't the CodeNewbie Community been around for years? Doesnโt the community already gather thr...


Have you tried these cool CSS Games?
There are many topics in CSS which require practice to master. Here I will be sharing some of the CSS...


HERN Stack, Cominโ In Hot
New tech terms and lingo are constantly popping up in the development world. Itโs hard to keep up! Pe...


How to escape from tutorial land
It's very common for beginners to find themselves stuck watching tutorials. To really understand what you're learning you need to step out of this safe, controlled learning environment.


I joined the Forem team!
I'm delighted to say I'm starting 2021 with a new role in the Forem team as a Software Engineer where...


What exactly is API?
APIs are one of the most significant parts of software development, every developer must be well vers...


Give a kick-Start to New Year with this Free Notion Template ๐๐ฅ
This Free Notion Template will help you achieve your 2021 Goals. Manage your entire year in just one


I created my first game after quitting web development! ๐ฎ
WARNING I do not intend to start a battle because of my cover image in this article. I just thought i...


Learn the basics of Socket.io by making a Multiplayer Game
With the increasing demand for Multiplayer Games in today's world, developers must take note of the t...


Understanding Design Patterns: Factory-Method
In this article, I am going to describe how the **Factory-Method Pattern** works and when it should be applied.


Create animated navigation indicator with HTML, CSS and JS
About a week ago, I've submitted a nice little project for DEV x DigitalOcean hackathon where I've cr...


HTTP Fundamentals
I have been working as a golang backend engineer for about a year now, have been playing with HTTP re...


Nginx concepts I wish I knew years ago
Nginx is a web server that is used as a reverse proxy, load balancer, mail proxy, and HTTP cache and...


Rocking 25+Web Design Trends In 2021๐
โDesigns speak louder than words.โ Well, the web design industry is in constant change and heading...


What's your New Year Resolution? ๐๐
As an annual ritual, I ask you again what's your New Year Resolution.


7 hacks to optimize your react app
In this post, I have put together React to specific best practices to have the best load time and runtime performance


CSS Grid Layout Template Areas (Secrets of Painless Layout)
Today let's start getting to know CSS grid layout and bring some ease to handling grid positions thro...


FlexBox Cheat Sheets in 2021 || CSS 2021
Table of Contents -- FlexBox Architecture flex-direction justify-content align-content al...


Keeping Git Commit Messages Consistent with a Custom Template
xkcd on git commit messages The ability to write consistent git commit messages is a skill that w...


Making React App a Progressive Web App (PWA)
What is a PWA? Progressive Web Apps are user experiences that have the reach of the web, a...


5 really cool web technologies to know! ๐คฉ
Welcome to my first article in 2021! This time I'm not focusing much on writing articles every week b...


A basic chat app with React, TailwindCSS, Node, and Socket.io ๐ฆ
Github: https://github.com/lucasmrl/chat-app Demo: http://chat-app-on.herokuapp.com/ Hey, devs! I h...


A repository with more than 250 web development resources
Hi, I'm Marian. I compiled a list with all my resources that have helped me in my web development pro...


Beautiful Colored Gradients
Looking for colored gradients for your graphic, web, or UI design? Coolest handpicked gradient hues f...


The React Cheatsheet for 2021โฌ ๐ (+ Real-World Examples)
I have put together a comprehensive visual cheatsheet to help you master all the major concepts and f...


3 experiments with CSS paper effects
Over the last few days I've been playing around with a few paper-inspired CSS effects in CodePen, and...


7 Fullstack Projects You Need to Make in 2021
What fullstack project should I make? If you keep asking yourself these questions, you're in the righ...


Full Tutorial #1: Microservices Chat App Using React, Node.js, TypeScript and GraphQL
About Me: I've been a professional web developer for just over 10 years now. I'm currently the lead w...


How to Fall In Love With Single Div Illustrations
I always admire people who create single-div illustrations in CSS. One div, multiple background layer...


Why developers hate PHP
PHP is the most widely used language in the world for websites. It is also the most hated. And it's pure hate. But why do so many developers hate it so much?


35+ Free Public APIs to Improve Productivity
Hi guys! I will be sharing amazing free public API resources that can aid development and I'm pretty...


40 "Free Forever" Tools for Developers
Hey everyone, I am Hrishikesh, co-founder of Flexiple, an exclusive freelance network for developers...


How To Learn React in 2021: The 7 Skills You Need To Know
You want to learn Reactโthe most in-demand JavaScript library in the world. But what steps do you nee...


How To Use TypeScript In A Node.js and Express Project
In this tutorial, you will learn how to use Typescript in a Node.js and Express project. The pur...


Build a REST API with Node, Express and MongoDB
APIs are a very common thing nowadays. They are used literally everywhere on the website. APIs serve...


Creating Cyberpunk 2077 logo animation with GSAP
Hello, in this article I am going to show you how I managed to create a similar logo animation from t...


Guild.so - DO Hackathon Submission
๐ก What We Built Guild.so is an open-source self-hosted team management solution. A guild...


๐๐Manage Work From Home effectively using wfh kit
First post of 2k21 let this be a successful year for everyone๐ COVID-19 the thing that changed the p...


My 2021 Learning Plan
2021, is here already?! Seems like only yesterday when I started learning how to code in April of 202...


15 Reasons Developers Need To Learn UX Design
Knowing how to code alone won't be enough 2021 onwards. Understanding the experience layer and intent behind code is vital for developers to progress in their career both technically and laterally.


300+ React Interview Questions
Today I prepared a huge list of React Interview Questions from this awesome repo If you like the art...


Technologies That I'll Be Learning in 2021 as a MERN Stack Developer (with resources)
Hi Dev Community! 2020 has been a year of learning for me and I'm positive that this has been the ca...

![Cover Image for The definitive guide to JavaScript Debugging [2021 Edition]](https://res.cloudinary.com/practicaldev/image/fetch/s--qb7Omu-R--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/pli0trzhf8zn59lv4qiq.png)
The definitive guide to JavaScript Debugging [2021 Edition]
Introduction As developers, weโve traditionally rooted out errors in our programs (weโll c...


What is CI/CD? Introduction to CI/CD for newbies
Learn what CI/CD is, why it's useful, and discover if you should use it as web developer.


10 Awesome Free Courses for Devs by Devs
This article was originally published on The Smart Coder Learning to code and becoming a web develop...


30 Web Developer Interview Questions (With Answers)
Overview I don't know about you, but technical interviews are not my favorite. That said,...


Advanced Styling using CSS Attribute Selectors
CSS is that friend we all love and hate. Another reason to love CSS is it enables you to select ele...


SETTING UP VISUAL STUDIO CODE FOR WEB DEVELOPMENT IN 2021๐ป
Visual Studio Code is a streamlined code editor with support for development operations like debuggin...


Top 7 Programming Books Recommended By Programmers
Introduction Books are not only for reading and getting knowledge. It helps to increase ou...


A list of actually useful Nocode tools and I am not talking about site builders.
There's a lot of buzz going around the web dev world regarding Nocode, but a ton of these do the same...


A Simple Weather Web App
Hello Dev's, I created a Simple Weather Web App using HTML, CSS, Javascript, and openweather API. op...


CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)
Today let's work with CSS animations, delays and flex box in order to create a nice little ripple eff...


I built my Portfolio Website using nothing but HTML & CSS!
What I built I built a developer portfolio showcasing my projects, tech stack, and more us...


The best web accessibility tools for developers in 2021
The quality of the tools you use defines the speed with which you can diagnose and resolve problems....


3 Projects you should have in your portfolio
When building this projects keep the followings in mind Focus on the details of the user...


ES2021 Features with simple examples
ES2021 aka ES12 is the version of ECMAScript corresponding to the year 2021. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.


Introducing Handsfree.js - Integrate hand, face, and pose gestures to your frontend ๐๐๐
Hello and thank you for checking out this introductory post, I'm so excited to share Handsfree.js w...


React + Node.js + MySQL CRUD example
In this tutorial, I will show you how to build full-stack React + Node.js + MySQL CRUD example with E...


Video Chatting and Screen Sharing with React, Node, WebRTC(peerjs)
To create a video chatting and screen sharing application requires three major setup Basi...


๐10 Trending projects on GitHub for web developers - 1st January 2021
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


5 JavaScript "tips" that might bite you back.
How many times have you seen articles saying "Do not do that", "This is wrong" or "These tips will ma...


How to capture screenshots with Puppeteer.
This is my first article in 2021. Recently, I got a task to capture screenshots of 300+ web pages and...


How to Handle Password Reset in ExpressJS
No authentication system is complete without a password reset feature. I would personally never ship...


Top 10 CSS Effects 2020
01: Smoke Animation Effect On Text By Using Html Css 02: Shining Text Animati...


50+Free Awesome Certificates to Earn in 2021
TL;DR A curated list of free Computer Science & Information Technology certificates and badges....


Create a tag cloud with HTML and CSS
Tutorial on how to create a tag cloud with HTML and CSS, no JavaScript needed.


Get your web developer portfolio reviewed for FREE
Submit your portfolio for a free review on the RealToughCandy YouTube channel.


How I Effectively Overcame Impostor Syndrome As A Software Engineer
Feel like you a fraud? Not good enough? Not deserved your job position or salary? Worry that other...


VSChat | Chat online in VSCode
Hey Everyone Wassup? Today I was reading an article about a cool extension in VSCode that you can cha...


10 Fun APIs to Use For Your Next Project
To put it simply: a web API (application programming interface) is a tool which tells a particular sy...


A Guide to Securing Node.js Applications
The one thing that developers tend to considers at the end of the development cycle is the โsecurityโ...


How I built an e-commerce website in React JS and Node.js in 1 week(Part - 1/3)
In this tutorial, weโll look at how to build an e-commerce web application with React and Node.js. T...


How I built an e-commerce website in React JS and Node.js in 1 week(Part 3/3)
In the last parts of our series, we had an overview of our app and we have worked on our backend. So...


Let's be fancy with a console signature
Create a stylized console message and say hello to your fellow developers. Let's get star...


16 Simple Tips to Boost Your Productivity x10
These easy-to-follow tips will improve your output dramatically. 1. Remove Notifications ๐...


Creating day-night CSS only toggle switch
You might remember I recreated this cool CSS frosted glass effect based on a dribbble shot. This was...


Don't over useState
useState is considered to be the most basic of all the hooks provided by React. It is also the one yo...


My Web Dev Interview Experience and Questions I was asked!
Hi, fellows! This might well be my last blog of this year. Hopefully, many more blogs to come in 20...


Using a REST API in react
WHAT IS AN API An API stands for an "Application Programming Interface". It allows communi...


10 Fantastic Books By Developers For Developers
Reading books still is a great way to discover and learn new skills, especially for developers, to st...


I've created an awesome painting app using React and Canvas API
I've just submitted this app for Hashnode Christmas hackathon so I wanted to talk about it here in mo...


Learn Figma: An Introduction For Developers
Jump to the end of this post for two comprehensive videos on Figma fundamentals. What is Fi...


Node.js Express Login example with PostgreSQL
In this tutorial, we're gonna build a Node.js Express Login & Registration example with PostgreSQ...


Resources to crush the technical interview
Technical interviews are difficult. So I decided to gather resources that will help you crush your ne...


How Programming Languages Change How You Think
This might be a weird article. A few years ago I saw the terrific movie โArrivalโ and it changed how...


No Ideas for your First Web Dev Project , Here are some ideas to help you get Started
I'll keep this post short and Simple. When I started my Web Development Journey , I had no Idea what...


React Performance Optimization Tips
In this post, we will look into how we can improve the performance of React apps that need to render...


Stupid but common security vulnerability in web app
Image from https://www.irasutoya.com/ I can't remember how many times I see this securit...


What is {x:1} and why does it return 1 ๐คทโโ๏ธ
Recently I came across what I found to be weird behavior when you type {x:1} into the respective brow...


Demystifying DOM(s) : Everything you need to know about DOM, V-DOM, Shadow DOM
Back Story Wondering why this picture ? Because if you have asked me about DOM few mont...


How to schedule and manage tasks using crontab
Before going into details about crontab, lets suppose you are running an online store and you want to...


I Am Certified Professional in Web Accessibility! ๐
Acronyms explained CPACC: Certified Professional in Accessibility Core Competencies WAS: Web Ac...


Making a footer stick to the bottom with CSS
Ever wanted to have a footer that's stuck to the bottom, but will push down if the content is bigger?...


Node.js Express Login example with MongoDB
In this tutorial, we're gonna build a Node.js & MongoDB example that supports User Authentication...

![Cover Image for [16] The 15 Best Developer Resources in 2020 - Part II](https://res.cloudinary.com/practicaldev/image/fetch/s--JpQ3e-nR--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/o7fwdci3v2rtyjp0uuws.png)
[16] The 15 Best Developer Resources in 2020 - Part II
Today I will keep up my Top 15 series for the last time this year. This post will be the second part...


Authentication & Authorization with React.js example
In this tutorial, weโre gonna build a React JWT Authentication example with LocalStorage, React Route...


How I removed google analytics and still have good data to analyze
custom solution for analyzing your traffic


Node.js Express Login example with MySQL database
In this tutorial, we're gonna build a Node.js Express Login & Registration example that supports...


The importance of writing a technical article consistently. โ๏ธ
One article a week, throughout the year: My reflections Yes, you read that correctly....


๐10 Trending projects on GitHub for web developers - 24th December 2020
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


How To Write Cover Letter To Get More Interview Invites Than Ever (For Software Engineers)
"I'll just email them my resume, they'll look at it and give me a call." Are you sure? This is a ve...


Master VS Code + Resources!
Most of the time of a developer is spent on an IDE/ Code Editor. So it is very important to work in a...


My VS Code Setup
VS Code is one of the best editors out there in the market. And not just for the sake that is launche...


toast.log, a browser extension to see JS errors right on your page (without opening the console)
See errors, warnings, and logs as they happen on your site โ without having to open the browserโs console. Find bugs you didn't know were there via notifications in toast format.


30+ Remote-First Tools to Make Your Remote Working Life Easier
The pandemic has made remote work a serious part of our life. To help us get better, I've compiled a...


8 Awesome React Hooks
React.js is currently the most popular JavaScript library for front end developers. Invented by Faceb...


An Annotated Guide to React Server Components
React Server Components are a nuanced, sweeping addition to React's existing capabilities. This is my guide.


The Difference Between React Server Components and Server Side Rendering (SSR)
In December 2020, the React team introduced an experimental feature called React Server Components. This may leave you wondering how exactly these "server components" differ from Server Side Rendering (SSR).


๐ฅ What's Hot in Web Development? โ Weekly Picks #159
Every week we publish the top 10 popular posts on daily.dev. Shout out to all the authors ๐...


10 Visual Studio Code Tricks To Unleash Your Productivity
Overview VS Code is a fantastic program with hundreds of features that makes coding a bree...


34 Must have Chrome Extensions for Web Developers and Designers
Hey there, I'm Savio Martin, A 13-year-old boy on an aim to become a successful full-stack web develo...


Acing CSS Grid Model in 2021 with 5 Exercises || CSS 2021 ๐ฅ
Here's a practical guide to learn the CSS Grid System/Model with High Efficiency in 2021 by Building...


How to use Chart.js in React
The purpose of this tutorial is to show how to use ChartJS in React. In this tutorial, a small activi...


Responsive Website using CSS Grid
This blog post describes one of the websites I have built using a powerful tool for building responsi...


50 free tools and resources you're gonna love (Part 2)
Free stuff is always exciting. But, what if it is free and awesome? Free tools and resources you're g...


CSS Frosted glass credit card
Today I wanted to try and recreate a super cool dribbble shot from Dede Dwiyansyah I came across....


Dev Portfolios: How to Stand Out From the Crowd
A lot of new developers create identical landing pages from the same template (I wasnโt any different...


The JavaScript Event Loop Explained
The JavaScript event loop is one of the most important things to understand. It helps you understand...


Top 5 Mistakes I Made As A Junior Developer
Check my YouTube channel here In this article, I want to talk about the top five mistakes I made...


10 Useful APIs for Developers
Today we're going to take a look at some of the most useful APIs for Developer. API stands for Appli...


5 Ways Software Developers Can Improve Their Writing Beyond Blogging
This time last year, I placed a bet on the idea that software developers wanted to write more content...


Build a Simple Chess AI in JavaScript
Chess is a great game. Itโs even better if youโre good at it. Regrettably, Iโve never taken the time...


The Ultimate Beginnerโs Guide to GraphQL: Part 2 โ Organization, Parameters, more Queries, and Mutations
Hi everyone! Welcome back to part 2 of The Ultimate Beginnerโs Guide to GraphQL tutorial series. Befo...


Working on more than 120 free Tailwind V2 Blocks!
Hello everyone, So I have been building Tailwind CSS V2 blocks for my side project but I w...


Doing a frontend technical interview withย ReactJS
There are many ways to conduct a technical interview, and they depend from company to company. You mi...


How I Easily Code For 8+ Hours Without Feeling Tired (My Productivity System)
I've been coding wrong my whole life. I thought it was okay to just sit down at my desk, open my lap...


Node.js + Angular 11: JWT Authentication & Authorization example
In this tutorial, we will learn how to build a full stack Node.js Express + Angular 11 Authentication...


5 Podcasts every Dev must listen
As a Dev, it's very important for us to stay updated with the latest and greatest in the industry. On...


YouTube Loading animation using HTML and CSS
In this tutorial we will create skeleton screen loading effect using CSS. The skeleton screens are us...


25+ awesome-repo for Frontend Developers
Today I prepared the Ultimate list of awesome-repos for Web developers What is an awesome r...


All my programming threads and job hunting resources in one list
Let's start! Free web development resources. M...


React Redux: Token Authentication example with JWT & Axios
In this tutorial, weโre gonna build a React + Redux Application for Token Authentication example with...


Tailwind CSS parallax effect
Today we'll be creating a super cool parallax effect using only tailwind classes. The only CSS we ne...


Cool Extensions for VS Code
VS Code is among the most popular, free, open-source code-editors out there, and one of the reasons f...


Dev Is Not Construction. It's Medicine.
We've all heard the analogies. Someone's trying to explain some aspect of software development and t...


{FREE} Ultimate Resources for Front-End Development in 2021 + Giveawayโก
You only need this post to become a Front-end Developer because this post has nearly unlimited amount...


The Power of Pure HTTP โ screen share, real-time messaging, SSH and VNC
HTTP stream allow you to real-time communications such as screen share, messaging, SSH, VNC and so on. This post shows the power of pure HTTP stream using Piping Server.


Understanding Design Patterns: Builder
In this article, I am going to describe how the **Builder Pattern** works and when it should be applied.


2020 was meant to be the best year of my life. It almost killed me instead.
When life gives you lemons, make lemonade. Or get all that alcohol you hoarded to good use and make delicious limoncello.


Best VS Code Extensions, Themes, and Settings For Web Developers 2020!
VS Code is one of the most popular code editors out there and the weapon of choice for most Web Devel...


Devs Shouldn't Report to PMs
[NOTE: Throughout this article, I'll use "PM" as a generic catch-all for "non-technical person who ma...


๐ฅท Introducing Qui - A Vue.js Design System for Web
Hi, guys! We're ready to introduce Qui ๐ - A Vue 2.x design system, we use for building great SPA app...


The 1 Ultimate Project
Introduction The one project which will impress anyone. Whether you are an experienced dev...


5 Best Practices for Responsive UI design
Creating responsive wen designs is a routine for professional web developers therefore mastering the...


6 tried and tested ways to get more Github Stars โญโญโญโญโญ
We are a young open-source company, and we wanted to attract more attention to our Github repo.


Free hosting services for web developers
Here are some free to use hosting services for web developers When developing a web applic...


Next.js Templates - A curated list
A short-list with Next.JS Templates crafted on top of modern UI Kits by well-known agencies.


Vanilla JavaScript speech-to-text ๐ฆป
After we build a JavaScript text-to-speech application, now let's turn the tables and make the comput...


10 Extraordinary GitHub Repos for All Developers
GitHub is the number one platform for sharing all kinds of technologies, frameworks, libraries, and c...


50 free tools and resources you're gonna love
Free stuff is always exciting. But, what if it is free and awesome? Free tools and resources youโre g...


7 GitHub Repositories To Help You Crush Your Job Interviews
"In tech, interviews are harder than the actual jobs". This is a joke, but it can be true in many cas...


Robust NodeJS Deployment Architecture
The aim of this post is to succinctly describe an effective and robust architecture for self hosting...


Ten Tips for How YOU Can Make Your Workplace Friendlier for Women
Friends, let's talk. It has been a hard year for everyone, and something that happens in hard years...


5 APIs to inspire you for your next project
Confused? About what you should make as your next project? Here are 5 Awesome APIs that you guys woul...


Documentation Generators - A curated list: MkDocs, Docsify, Vuepress
A curated list with modern documentation generators to use: Vuepress, MkDocs, Docsify


One Big Disadvantage Of Junior Software Developers Every Employer Hates
What is the biggest disadvantage of a junior developer? That every employer doesnโt like. That ever...


Vanilla JavaScript text-to-speech ๐ฌ
I have quite an intriguing background in the TTS (Text-to-speech) field. It always caught my eye. Ba...

![Cover Image for [15] The 15 Best Web Development Blogs in 2020](https://res.cloudinary.com/practicaldev/image/fetch/s--yJ4H7g-l--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/b2au6f205scwqu11pex9.png)
[15] The 15 Best Web Development Blogs in 2020
Today I will continue my Top 15 series with another post. This time I would like to share with you my...


BEST Framework for React JS (Gatsby vs Next.js)
Table of content Introduction Client-Side Rendering Why using a React framework? T...


๐คฏ Boost Your Productivity 1000% With This One Weird Trick
Have too much to do? Stressed? Overcommitted at home and at work? Would you believe me if I told you...


Building a Task Management App in React
React tutorial on how to build a task management productivity app.


How Employers Sabotage Remote Workers
I recently wrote an article about the perils of remote work. In that article, I talked about how rem...


Create Beautiful Images in CSS to Buff Up Your Portfolio
Nowadays, it's hard to get your first job without impressing somebody with your portfolio. Everybody...


How I make $10k per month after only 3 months freelancing
It's rare that freelancers talk openly about money preferring to keep our experiences to ourselves. I...


The 3 CSS Methods for Adding Element Borders
This is episode #23 in a series examining modern CSS solutions to problems I've been solving over th...


Three unusual qualities we look for to hire amazing developers
Here at Shamaazi, weโve recently gone through a round of hiringโฆ and wow, hiring is hard! Itโs chall...


Using Your CI/CD Pipeline To Prevent Your App From Getting Hacked
It's important that you do all of the security checks you can before your app is in production for the world to use.


8 neat Javascript tricks you didn't know in 4 minutes.
Introduction Javascript is a powerful programming language especially in web development that is used...


A Git Cheatsheet Of Commands Every Developer Should Use
GIT is the most widely used distributed open-source Version Control System that allows you to track a...


Announcing the DigitalOcean App Platform Hackathon on DEV!
Join us for this opportunity to build useful applications with the DigitalOcean App Platform while earning some great prizes


Rails gets out of the way when you need that most.
It's underrated how tough it can be to get a new thing off the ground, and how delicate that phase is...


๐ Top 33 JavaScript Projects on GitHub (December 2020)
2020 is coming to its end, and we may do another snapshot of 33 most starred open-sourced JavaScript...


5 Great React Libraries to Look Out for in 2021
Front-end JavaScript frameworks have become incredibly popular over the last five years, including Vu...


Don't lose your eyesight as a Developer (5 Tips to Reduce Eye Strain)
Eye strain is something overlooked for those of us in the field, yet it affects many of us. I wanted...


How to make your own CSS Framework - Part 1
A couple of years ago, I made my very own CSS framework from scratch called Sleek. Of course, no one...


Simple Dark-Light toggle with VanillaJs
Dark mode designs and functionality that enable to toggle between Dark and Light theme is trending UI...


What is the <wbr> HTML tag and why do I need it?
So, a straightforward explanation of the tag in HTML stands for a work break. It doesn't mean it wil...


10 React Example
If You Like This Article then check Out more Examples [gscode.in] 30+ Free React Example for begin...


101 Tips to Make You a Better Developer
Being in the world of programming comes with a lot of challenges and opportunities for developers lik...


Community Moderation and Support on DEV
A reminder of how we approach the important task of moderating our large and growing community of programmers


Tips & Proven Methods To Become a Competitive Programmer.
In this guide, I will share with you an actionable guideline that can act as a flowchart for improvi...


Web Developer Roadmap 2021 in 10 minutes
I am going to tell you what exactly I would do if I had to start to learn web development in 2021. I...


4 Must-Know TypeScript Tips & Tricks
TypeScript has some incredibly nifty utilities that can be used to make your codebase more readable,...


5 Things I Learned by Asking Developers One Question
Breaking into engineering is no easy task. Over the past year, Iโd gradually built the skills needed...


Dominating Web Development Trends 2021๐ฅ
โFiguring out what the next big trend is, tells us what we should focus on.โโโโMark Zuckerberg Web...


GitHub repositories to improve your programming skills
1. Free Programming Books Freely available programming books 167k โญ Repo: https://github...


UI Design Trend of 2021
In todays tutorial we're going to briefly go over what glassmorphism is, and create a design using it...


Awesome Cheatsheets from Instagram
In this article, you will find some awesome cheatsheets from Instagram. This article was inspired by...


bind(), call(), and apply() in JavaScript
While coding in JavaScript, I'm always perplexed on how JavaScript works. It's just as Kyle Simpson...


Chrome DevTools: Grid Explorer
I like to look at the "What's New" tab in Chrome Dev Tools every now and then. This time the update...


My Mac setup for work ๐ฉโ๐ป
This weekend I'm going to setup a new Macbook Pro 13' for work. ๐ป Here are my current preferences for...

Top Chrome Extensions Every Developer Should Use ๐
Do you want to use the Chrome web browser more effectively as a Developer? ๐คฏ If you said YES, then t...


10 Must CSS tricks and tips for beginners
CSS tricks are something everyone should know for productivity and doing their projects fast. Here I...

![Cover Image for [14] The 15 Best Developer Resources in 2020](https://res.cloudinary.com/practicaldev/image/fetch/s--gm5q9ira--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/o3rc1t3izlypxqgw7ylj.png)
[14] The 15 Best Developer Resources in 2020
Today I will continue my Top 15 series with a brief overview of the best developer resources that I u...


How to build a Pixel Art Drawing App in React
React tutorial on how to build a pixel art drawing app


Smart solutions to avoid JS problems and hacks
In this day and age being a developer and being in a fast-paced environment we have to deliver as qui...


The 25 Best VS Code Extensions
Make your life easier and more productive with these Having a good text editor is import...


๐10 Trending projects on GitHub for web developers - 4th December 2020
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


Docker Compose: The Perfect Development Environment
Local environments are complex Working on a full-scale project and keeping our local devel...


Get started with Flexbox.
What is Flexbox? Flexbox is a layout in CSS3. Flexbox is used to make responsive layouts a...


JWT Authentication Best Practices
The thing not everyone considers when writing microservices though is that they require a way for you to authenticate against them. Both if youโre using a front-end client or just communicating with them through another microservice. And although there are several options out there to solve authentication, I want to cover one of the easiest, yet most powerful, alternative: JSON Web Tokens.


Top Free Icon libraries for programmers
1. Flaticon https://www.flaticon.com/ 3711000+ Free vector icons in SVG, PSD, PNG, EPS format or a...


11 JavaScript Console Commands Explained
These are 11 useful JavaScript console commands to know about. 1. console.log()...


20 free developer tools we loved in 2020 ๐
There are millions of developer tools available today. We look back on 2020 and choose our favorite free 20 tools, with a preference for open source!


Master Modern JavaScript skills with this amazing guide
Introduction I've been working on a new book called Mastering Modern JavaScript and it's...


My physical and mental fitness momentum heading into 2021
I wrote a quick post on @leewynne 's new Forem Flowstate on how I'm doing with personal health and fi...


The Perils of Remote Work
A good friend of mine asked me to write this post. Actually... to be more accurate, he asked me to w...


9 Popular GitHub Repos For Every Web Developer
GitHub is the one-stop-shop for everything related to (web) development these days. Frameworks, demos...


A Better Way to Structure React Projects
First off, if you donโt know what atomic design is, Iโll give a brief primer below but I suggest...


Building image carousel using vanilla javaScript
Hello Everyone! I'm passionate about javascript and learn it totally from online courses. I also hav...


Stonksmaster - Predict Stock prices using Python & ML ๐
Newbie to Machine Learning? Need a nice initial project to get going? You are on the right articl...

The Anatomy of package.json
Package.json does a lot more than list your project's dependencies. This is a guide to help you understand the clues and instructions it gives you.


10 famous Javascript libraries for Machine Learning
Javascript is one of the most famous languages which is used for many purposes. It is used for fronte...


7 Pieces of Advice to be a Successful Software Engineer
For me, being a software developer is one of the best jobs in the world. I love to code and getting p...


Do You Actually Know What A String In JavaScript Is? Here's What I Found.
We preferred to think that String in JavaScript is an array of characters. const name = โNickโ co...


HarperDB and WebSockets
A post and demo about using WebSockets with HarperDB for blazing fast data update access


Time to Say Goodbye to Googleย Fonts
I've used Google Fonts in prototypes and in 10M+ MAU products. It's incredibly easy to get started wi...


10 JavaScript Array methods to simplify your code.
Letโs start! 1. filter() The filter() method creates a new array with all eleme...


A free Tailwind CSS V2 personal template To get your portfolio up n' running.
Hello everyone, Today I finally finished the fourth template for Wicked Templates. This t...


Crack the React Interview!
React is a JavaScript library used for building user interfaces. ReactJs is used as a base of a singl...


Next.js Commerce: Get Your Store Up And Running
Next.js is a lightweight framework for React applications. As of March 2020, the framework is used by...


Yarn 2.4 ๐๐ Log Filters, Audits, Better Warnings, ...
Hey everyone! It's this time of the year where everyone is slowly preparing for the holidays. This ye...


10 Must-Read Books for Software Engineers
Besides all the great offerings of the modern world โ podcasts, videos, blogs, etc. โ reading a good...


17 Pro JavaScript tricks you didn't know
There are many ways to write code but generally the first way for many people is very long and can ta...


Es6 ๐ Js Array Methods You may not know about
According to ECMAScript2015(Es6), new functionalities were added to JavaScript. Most of the new meth...


Netflix intro animation - Pure CSS
Hey everyone, Recently I've cloned the Netflix's intro animation using only CSS and I got some great...


Stop Using "data" as a Variable Name
"There are only two hard things in Computer Science: cache invalidation and naming things." - Phil...


A powerful backend ready for your next app ๐
I am a primarily frontend developer. Whenever I start a new project I keep going into the dilemma o...


GitSheet - my git cheatsheet
GitSheet a cheatsheet that's lived in my notepad for too long Add existing loca...


How to Stream Video from MongoDB using NodeJS
Building point to make your own Netflix or YouTube app


PHP 8 has released!!
PHP released its new version on 26 November 2020. PHP which is a recursive acronym like GNU stands fo...


React + Firebase + Stripe = Fireact, the open-source project for your next SaaS product.
Many SaaS products are moving to React these days, and my own product has been through the same journ...


๐10 Trending projects on GitHub for web developers - 27th November 2020
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...


15 Productivity Tips from Bill Gates, Elon Musk, Warren Buffet and Others
Getting motivated to start a new endeavor can be easy, the thrill of the chase and the possibility of...


Create a CSS art without HTML. ๐คฏ
Well well well, no catch here. As I have said already, learning CSS and using some of its properties...


The 5am {Hack}
The fresh start RISE UP, Start fresh, see the bright opportunity in each day. โ Paulo Coe...


Why Older People Struggle In Programming Jobs
I'm old. I'm OK with it. I don't lay awake at night worrying about it. But I do understand quite w...


6 Essential Things I Wish I Knew When I Started Programming
I could probably achieve 300% more in 6 years as a programmer if I knew these things when I started....


Building a geolocation app using Google Maps API in Vanilla JavaScript
Recently I worked on this geolocation-based app that fetches and maps real-time availability of Londo...


Complete guide to Fetch API
This is not the same average blog post you have seen on many sites. This is something new and amazing...


Frontend Performance Optimization
This week I spent some time on researching performance optimization in frontend and to be honest, I w...


Web Developer Roadmap for 2021
Summary Welcome to the web developer roadmap for 2021, Why did I make this roadmap? Well,...


3 amazing REACT HOOKS to keep your code organized neatly
Hi, my name is Doug. Iโve been a developer for several years and now work as the Lead Engineer at Sha...


Getting started with GraphQL and Node.js
The main purpose of this server-client Node.js project is to help other people understand how GraphQL...


I made 100 high-quality illustrations, totally free. Use it anywhere without attribution.
A great resource for all developers to beautify their websites & products with free illustrations. No need to attribute either!


localStorage vs cookies: the "tabs vs spaces" sterile debate of web development ๐
EDIT: The title not being clear enough (I thought it was implicit): This article is about the "stori...
