koders

Follow the Tech world with us.

Cover Image for 5 Free eBooks for Developers

Introduction Here a list of 5 eBooks that are created by professional and are very...

Koders

More...

Cover Image for 69 tips I got from The Pragmatic Programmer

69 tips I got from The Pragmatic Programmer

The Pragmatic Programmer is a book by Andrew Hunt and David Thomas written in 1999. I have been...

Koders
Cover Image for Build a React App with Authorization and Authentication

Build a React App with Authorization and Authentication

In this tutorial, we'll be talking about authorization and how to implement it with AWS Amplify's...

Koders
Cover Image for Frontend Interview Experience at Amazon Germany

Frontend Interview Experience at Amazon Germany

Frontend Interview Experience at Amazon Germany

Koders
Cover Image for The (Most Comprehensive) JavaScript Design Principles Guide

The (Most Comprehensive) JavaScript Design Principles Guide

Clean Code StudioFollow Clean Code Clean...

Koders
Cover Image for 4 Skills to Become a Front-end Developer in 6 Months (Road-map)

4 Skills to Become a Front-end Developer in 6 Months (Road-map)

Let me give you a simple ๐ŸšฆRoad-map to Know Where You Are, and Where You Should Go Next. ...

Koders
Cover Image for 5 UX Tips to Become a Better Front End Developer

5 UX Tips to Become a Better Front End Developer

Just on reading the title, you might think Didn't you release an article on the same topic last week?...

Koders
Cover Image for Complete Introduction to CSS Grid ๐Ÿ“Š

Complete Introduction to CSS Grid ๐Ÿ“Š

The CSS grid is a newer standard that makes it easy to build complex responsive layouts. It works by...

Koders
Cover Image for โšก Speed-up your web with Blurhash

โšก Speed-up your web with Blurhash

Alongside this article, I wrote a demo project made with Angular, TailwindCSS and Blurhash. You can...

Koders
Cover Image for Why I Quit My Job at Amazon After 5 Years

Why I Quit My Job at Amazon After 5 Years

An engineer reflects on 5 years at Amazon and provides constructive feedback for better corporate citizenship

Koders
Cover Image for 100+ Free Illustration Resources For Your Next Personal or Clients Project

100+ Free Illustration Resources For Your Next Personal or Clients Project

Hey Folks, I have written this same blog with preview of each illustration website and license on my...

Koders
Cover Image for A Guide to Git Stash

A Guide to Git Stash

Git is an amazingly vast tool for developers to manage development workflows, and it goes without...

Koders
Cover Image for How to create a popup menu in React that closes on clicking outside

How to create a popup menu in React that closes on clicking outside

So here you are, you want to make your popup in your website but you can't find a good tutorial on...

Koders
Cover Image for I made 50+ COLOR PALETTES for you to use in your next projects and designs ๐ŸŽจ

I made 50+ COLOR PALETTES for you to use in your next projects and designs ๐ŸŽจ

Hi, everybody! ๐Ÿ‘‹ Today, I bring you 50+ color palettes to use in your upcoming projects or to just...

Koders
Cover Image for The three Aโ€™s of Unit Testing

The three Aโ€™s of Unit Testing

Testing is an essential part of building Software. When it comes to production-ready applications we...

Koders
Cover Image for 101 Digital Accessibility tips and tricks

101 Digital Accessibility tips and tricks

Hey peeps, yes I have written a listicle. Don't worry I am OK. May I present 101 Accessibility tips...

Koders
Cover Image for How to create youtube clone. Youtube clone with HTML, CSS, JS.

How to create youtube clone. Youtube clone with HTML, CSS, JS.

Hello, welcome. Today we'll see, how we can easily create a youtube clone using HTML, CSS and JS...

Koders
Cover Image for How to do it FAST & FREE? : Design to Responsive Web Code

How to do it FAST & FREE? : Design to Responsive Web Code

In usual Responsive Webpage developing way, Developers are required to convert Design file they adapt...

Koders
Cover Image for Top Interview Questions for Frontend Developers

Top Interview Questions for Frontend Developers

In the past few days, I appeared for many frontend devs interview. So, in this post, I have compiled...

Koders
Cover Image for Webpack Academy #0: What is webpack and why use it?

Webpack Academy #0: What is webpack and why use it?

Welcome to my new academy, Webpack Academy ! I will try to share my webpack knowledges ! Let's...

Koders
Cover Image for 10 Awesome JavaScript Shorthands

10 Awesome JavaScript Shorthands

Hi everyone ๐Ÿ‘‹ Today I wanted to share with you 10 awesome JavaScript shorthands that will increase...

Koders
Cover Image for 5 Git Tips To Level Up Your Workflow

5 Git Tips To Level Up Your Workflow

No matter how experienced you are, Git will always find a way to surprise you. It is loaded with neat...

Koders
Cover Image for React Navigation 6.x

React Navigation 6.x

Hello Developers! Let's see what's new in React Navigation 6.x. Key Points...

Koders
Cover Image for Regular vs Arrow Function

Regular vs Arrow Function

Define your functions in many ways. One way is using function keyword: // function...

Koders
Cover Image for Why I'm Not One of the Guys

Why I'm Not One of the Guys

"Hey, guys" is a phrase I often hear. It usually continues with words like "what do you think about...

Koders
Cover Image for 10 Newsletters for Developers

10 Newsletters for Developers

Introduction A newsletter can be a good source of getting updated about the progress that...

Koders
Cover Image for โœจ8 React Projects Every Beginner Should Try

โœจ8 React Projects Every Beginner Should Try

Hey everyone ๐Ÿ‘‹๐Ÿป, In this article, let us see 8 React Projects Every Beginner Should Try. ...

Koders
Cover Image for 31 Front-End Development Study Topics to Improve Your Code Quality

31 Front-End Development Study Topics to Improve Your Code Quality

If you spend a lot of time doing front-end development, you know how big the the world of HTML, CSS...

Koders
Cover Image for How to make your first contribution to Open Source? A Beginner's Guide

How to make your first contribution to Open Source? A Beginner's Guide

I know that you might be thinking๐Ÿค” that Is this blog really help you to start your open-source...

Koders
Cover Image for The Million.js Manifesto

The Million.js Manifesto

Past Back in the days when JavaScript was first manifested, direct DOM manipulation was...

Koders
Cover Image for ๐Ÿš€20 Best CSS3 Library For Developers.

๐Ÿš€20 Best CSS3 Library For Developers.

Web Developers used to spend a lot of time creating beautiful CSS. Thanks to the CSS libraries, we...

Koders
Cover Image for JavaScript Hoisting

JavaScript Hoisting

[JS#5 WIL ๐Ÿค” Post] JavaScript hoisting refers to the process where the compiler allocates...

Koders
Cover Image for My Placements Journey

My Placements Journey

This article is all about my placements journey. I have cleared interviews and got offers from...

Koders
Cover Image for You donโ€™t need React for building websites

You donโ€™t need React for building websites

Hereโ€™s what I think: if you are building websites, you donโ€™t need React (in most cases). I have been...

Koders
Cover Image for You should probably learn TypeScript

You should probably learn TypeScript

Yes, you. This post is trending right now... To Typescript...

Koders
Cover Image for Creating Weather App Using JavaScript [Day 1]

Creating Weather App Using JavaScript [Day 1]

INTRODUCTION Today, I thought maybe I should practice my frontend knowledge so I check...

Koders
Cover Image for From Engineer to Tech Lead - Doubts and Challenges

From Engineer to Tech Lead - Doubts and Challenges

the hard journey into leadership for a senior engineer brings many challenges and lots of doubts. Here are some tips and lessons from my first 18 months into Technical Leadership

Koders
Cover Image for JavaScript Cheatsheet for Beginners ๐Ÿ”ฅ

JavaScript Cheatsheet for Beginners ๐Ÿ”ฅ

A simple JavaScript JavaScript cheat sheet for beginner buddies!

Koders
Cover Image for The Simple Guide to Programming Paradigms

The Simple Guide to Programming Paradigms

I've published over 30 articles this past year, with that comes a lot of research and I've seen so...

Koders
Cover Image for Top 5 coolest VsCode Themes you should try.

Top 5 coolest VsCode Themes you should try.

1) Shades of Purple If you are a fan of purple, you are absolutely gonna love this theme....

Koders
Cover Image for 5 UI Tips to Become a Better Front End Developer

5 UI Tips to Become a Better Front End Developer

Often while starting out, beginners struggle to create captivating UI that gets users hooked to their...

Koders
Cover Image for Closures and their practical uses

Closures and their practical uses

What the heck are closures anyways? According to the official Mozilla website closure...

Koders
Cover Image for Complete Introduction to CSS Flexbox ๐Ÿ’ช

Complete Introduction to CSS Flexbox ๐Ÿ’ช

Flexbox is a powerful, well-supported layout method that was introduced with the latest version of...

Koders
Cover Image for How to Set up a Node.js Express Server for React

How to Set up a Node.js Express Server for React

React is a JavaScript library used to build user interfaces and develop single-page applications...

Koders
Cover Image for Setup a new mac (for devs [and others]) ๐Ÿ’ป

Setup a new mac (for devs [and others]) ๐Ÿ’ป

"Got a new macbook๐Ÿฅณ! What should I install now ๐Ÿง?" I'm getting this question every...

Koders
Cover Image for 20+ Super DevTools you may have not heard of

20+ Super DevTools you may have not heard of

In this web period, practically any free tools can be found online to take care of normal issues...

Koders
Cover Image for How to Get Better with Git

How to Get Better with Git

Git is a version control tool that any developer would benefit from learning. Using git allows you to...

Koders
Cover Image for How to write unit tests in JavaScript with Jest

How to write unit tests in JavaScript with Jest

Unit testing is an important and often overlooked part of the development process. It is considered...

Koders
Cover Image for Quick CSS : Make infinity loading animation for your next website.

Quick CSS : Make infinity loading animation for your next website.

Hello, welcome. Today we'll see a quick CSS tutorial on how to make gradient loading animation. ...

Koders
Cover Image for Vue Academy #3: v-show VS v-if

Vue Academy #3: v-show VS v-if

Welcome to the new vue academy ! It will be a list of lot of article on vue! I have 2.5 years of...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 23rd July 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 23rd July 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for CSS Hover style all your buttons/links in one line

CSS Hover style all your buttons/links in one line

Let's add a few buttons <button class="primary">OK</button> <button...

Koders
Cover Image for How to See Which Branch Your Teammate is on in IntelliJ

How to See Which Branch Your Teammate is on in IntelliJ

โ€œWhat branch are you on?โ€ is often the first question you ask when a teammate says โ€œThe tests aren't...

Koders
Cover Image for Top Skill needed as a Javascript Developer

Top Skill needed as a Javascript Developer

ย No doubt, JavaScript development is a booming profile. Today there are around currently 12.1 million...

Koders
Cover Image for Web Storage API

Web Storage API

What is Web Storage Web storage is more secure, and large amounts of data can be stored locally...

Koders
Cover Image for 15 Best CSS Accordion Designs Youโ€™ve Never ๐Ÿ‘€ Seen Before

15 Best CSS Accordion Designs Youโ€™ve Never ๐Ÿ‘€ Seen Before

Hello Friends, I have listed over 15 best css accordion designs made with HTML, CSS, and JS. Check...

Koders
Cover Image for All JS String Methods In One Post!

All JS String Methods In One Post!

Hello everybody, I'm Aya Bouchiha, on this beautiful day we're going to discuss all string methods in...

Koders
Cover Image for Programmers That Don't Blog Should Start Right Now

Programmers That Don't Blog Should Start Right Now

Programmers that don't blog should start right now. You're future self with thank you when your blog...

Koders
Cover Image for React source code visible ๐Ÿ˜ฒ

React source code visible ๐Ÿ˜ฒ

Do you know that when you deploy your React application which is created using ๐—ฐ๐—ฟ๐—ฒ๐—ฎ๐˜๐—ฒ-๐—ฟ๐—ฒ๐—ฎ๐—ฐ๐˜-๐—ฎ๐—ฝ๐—ฝ or...

Koders
Cover Image for Top Nodejs Project For Beginners

Top Nodejs Project For Beginners

ย If you have decided to build your career inย NodeJSย development, we have gathered a list ofย nodeJS...

Koders
Cover Image for 25 Vue Tips You Need to Know

25 Vue Tips You Need to Know

I've picked up a ton of useful tips over the years developing and writing about Vue. Some are clever, some I use almost every day, and some are more advanced โ€”ย but they're all useful.

Koders
Cover Image for 5 Packages to Optimize and Speed Up Your React App During Development

5 Packages to Optimize and Speed Up Your React App During Development

Optimize your React App during the development stage using these packages and avoid issues during...

Koders
Cover Image for Full-Stack App Django and React

Full-Stack App Django and React

Let us create a full-stack web application using Django Framework for Python and ReactJS , the famous...

Koders
Cover Image for FullStack React - Code Examples to start fast

FullStack React - Code Examples to start fast

A curated list with FullStack React Examples that are more than templates. All mentioned products are provided with authentication, database, and usable APIs.

Koders
Cover Image for useRef Hook | useRef vs useState

useRef Hook | useRef vs useState

Hey everyone ๐Ÿ‘‹๐Ÿป, In this article, let us understand the useRef hook in React.js. SYNTAX...

Koders
Cover Image for CSS + BEM Methodology = ๐Ÿค˜

CSS + BEM Methodology = ๐Ÿค˜

We all follow naming conventions in programming languages, don't we? Now, what about CSS? Is there...

Koders
Cover Image for Forem Self-Host is Now Officially Supported

Forem Self-Host is Now Officially Supported

Today, the playbook for self-hosting your own Forem community is officially live. Read all...

Koders
Cover Image for How to hide Feature A and show Feature B for different users in React

How to hide Feature A and show Feature B for different users in React

Overview Have you ever wondered how do companies like Slack, Netlify, Zoom, Facebook (and...

Koders
Cover Image for I Recreated my VSCode Theme ๐Ÿ”ฅ

I Recreated my VSCode Theme ๐Ÿ”ฅ

Hi guys! So, couple of months back I wrote a blog "I created a VSCode theme" describing about the VS...

Koders
Cover Image for Part-2: 5 HTML Tags That Almost Nobody Knows

Part-2: 5 HTML Tags That Almost Nobody Knows

Hello, I'm Aya Bouchiha, today, I'm going to discuss another 5 HTML tags that you're almost don't...

Koders
Cover Image for CSS before and After element : Everything you need to know about css pseudo element

CSS before and After element : Everything you need to know about css pseudo element

Hello, welcome. In this article we'll learn about CSS pseudo-elements. What is...

Koders
Cover Image for Classes in JavaScript

Classes in JavaScript

What are Classes? A class is an object-oriented programming concept that is built into...

Koders
Cover Image for Journey of a web page ๐Ÿ›ฃ๏ธ- How browsers work

Journey of a web page ๐Ÿ›ฃ๏ธ- How browsers work

This article covers the processes that happen in-between a user entering a web address in a browser...

Koders
Cover Image for O que รฉ API?

O que รฉ API?

Sumario: Sigla API O que de Fato uma API faz? Um exemplo da vida real Concluindo Estamos vivendo...

Koders
Cover Image for Running NestJS on Docker is Really Easy with Kool

Running NestJS on Docker is Really Easy with Kool

In just 3 simple steps, you can use Kool to start a new NestJS application running in a local Docker...

Koders
Cover Image for Basic Data Structures in JavaScript : Arrays and Objects !

Basic Data Structures in JavaScript : Arrays and Objects !

Data can be stored and accessed in many ways. You already know some common JavaScript data structures...

Koders
Cover Image for GitHub Copilot: My experience after one week usage

GitHub Copilot: My experience after one week usage

Unless you were living under a rock, you must have come across some article or video about GitHub...

Koders
Cover Image for React Project Folder Structure

React Project Folder Structure

Just showing off my current preference for a React project folder structure. I think this gives a...

Koders
Cover Image for Resources to master 5 popular react libraries

Resources to master 5 popular react libraries

Hello everybody, I'm Aya Bouchiha today, I'm going to share with you useful resources to learn 5...

Koders
Cover Image for Top 10 Useful GitHub Repos for Self-Development

Top 10 Useful GitHub Repos for Self-Development

๐ŸŒธ๐‘บ๐’†๐’๐’‡ ๐‘ณ๐’†๐’‚๐’“๐’๐’Š๐’๐’ˆ ๐’Š๐’” ๐’•๐’‰๐’† ๐’‘๐’“๐’๐’„๐’†๐’”๐’” ๐’๐’‡ ๐’„๐’“๐’†๐’‚๐’•๐’Š๐’๐’ˆ ๐’€๐‘ถ๐‘ผ ๐’š๐’๐’–๐’“๐’”๐’†๐’๐’‡๐ŸŒธ The world of self-learning can be a little...

Koders
Cover Image for 5 ultimate resources for git #1

5 ultimate resources for git #1

Welcome my friend ! I will share with you some important resource that will improve your skill in...

Koders
Cover Image for Create LANDING PAGE with 3-D Effect

Create LANDING PAGE with 3-D Effect

In this article I am going to show you how to add 3-D effects to a Landing Page using HTML, CSS and...

Koders
Cover Image for Getting Started with JavaScript - Ultimate Free Resources

Getting Started with JavaScript - Ultimate Free Resources

In recent times few friends reached out to me, asking for links to resources that can help them...

Koders
Cover Image for React hooks on steroids

React hooks on steroids

Introduction This isn't going to be just another hooks and context tutorial, this is going...

Koders
Cover Image for URL Shortener API with express in 5 minutes

URL Shortener API with express in 5 minutes

Hello Everyone! Today, in this tutorial, we will be trying to make a URL shortener API. To...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 16th July 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 16th July 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for 15 CSS3 Best practices of  for beginners to pro.

15 CSS3 Best practices of for beginners to pro.

Whether you are a beginner or an expert in Frontend Development it is important to follow some best...

Koders
Cover Image for CSS Cheat Sheet for Beginners! ๐Ÿ”ฅ

CSS Cheat Sheet for Beginners! ๐Ÿ”ฅ

This Cheat Sheet was made by CodeWithHarry, I found this very useful for quick revision and personal...

Koders
Cover Image for CSS Flex box : everything you need to know about flex box

CSS Flex box : everything you need to know about flex box

Hey, welcome. If you are here, you must have heard about flex box in CSS or you already know what is...

Koders
Cover Image for Million.js - The Future of Virtual DOM

Million.js - The Future of Virtual DOM

Plug: I work on Million.js: <1kb virtual DOM - it's fast! TL;DR Virtual DOM needs to...

Koders
Cover Image for โšก10 JavaScript Projects Every Beginner Must Try

โšก10 JavaScript Projects Every Beginner Must Try

Hey everyone ๐Ÿ‘‹๐Ÿป, In this article, let us see 10 JavaScript Projects Every Beginner Must Try. ...

Koders
Cover Image for CSS Grid Cheat Sheet ๐Ÿ”ฅ

CSS Grid Cheat Sheet ๐Ÿ”ฅ

Hi dev friends! I made this CSS Grid Cheat Sheet that fits on one page. I hope this will help you...

Koders
Cover Image for React Dashboard - Open-source Full-stack Products

React Dashboard - Open-source Full-stack Products

A short-list with open-source React Dashboards already coded with JWT authentication and usable backend.

Koders
Cover Image for Top 10 open-source SaaS that could help you build the next big thing

Top 10 open-source SaaS that could help you build the next big thing

I'm super happy that investors and big companies are finally happy to support Open Source projects....

Koders
Cover Image for Vue Academy #0: What is VueJs ? (Fastly)

Vue Academy #0: What is VueJs ? (Fastly)

What is VueJs ? Vue is a progressive framework for building user interfaces. It's based on...

Koders
Cover Image for 4 JavaScript Projects To Build FAST And Get Hired In 1 Month

4 JavaScript Projects To Build FAST And Get Hired In 1 Month

If you're starting to apply for your first web developer junior position, then you might want to...

Koders
Cover Image for Make your own (interactive) graphic novel

Make your own (interactive) graphic novel

As a child, I was spellbound by the 2000 AD comics. It had nonlinear narratives, irreverent humour,...

Koders
Cover Image for Building JavaScript Frameworks to Conquer eCommerce

Building JavaScript Frameworks to Conquer eCommerce

There was a time that I would have never imagined the need to write an article like this. If you were...

Koders
Cover Image for How To Use Axios in an Optimized and Scalable Way With React

How To Use Axios in an Optimized and Scalable Way With React

We can see how to use Axios in an optimized and scalable way in a React app. When you are building...

Koders
Cover Image for CSS media query : how to make website responsive

CSS media query : how to make website responsive

Media query are the most important concept of CSS now days. As majority of users use their phone or...

Koders
Cover Image for 7 GitHub projects to make you a better Go Developer๐Ÿ’ฅ

7 GitHub projects to make you a better Go Developer๐Ÿ’ฅ

Go is a compiled, concurrent, garbage-collected, statically typed language developed at Google. Go...

Koders
Cover Image for Array.flat() in JavaScript

Array.flat() in JavaScript

Hello Devs, In this article i will walk you through one of the important methods of Array in...

Koders
Cover Image for Let's create a portfolio website using Dev.to as a CMS

Let's create a portfolio website using Dev.to as a CMS

I have created multiple portfolio website templates using ChakraUI and React. You can check my...

Koders
Cover Image for Magic Link Authentication and Route Controls with Supabase and Next.js

Magic Link Authentication and Route Controls with Supabase and Next.js

In this post, we'll build out a Next.js app that enables navigation, authentication, authorization, redirects (client and server-side), and a profile view.

Koders
Cover Image for Windows 11 in React Js ๐Ÿ’ป ๐ŸŒˆ

Windows 11 in React Js ๐Ÿ’ป ๐ŸŒˆ

Hello devs, So this is a windows 11 clone that I made in React in the span of 7 days. Would you like...

Koders
Cover Image for [23] Top 10 Must-Have Web Dev Tools โ€“ July 2021

[23] Top 10 Must-Have Web Dev Tools โ€“ July 2021

Hi everyone ๐Ÿ‘‹. My vacation has officially started ๐Ÿฅณ, and I would like to present you the July edition...

Koders
Cover Image for Create a Fullstack Next.js App with Authentication, Data, and Storage

Create a Fullstack Next.js App with Authentication, Data, and Storage

Next.js is one of my favorite tools for web development -- but it's a frontend framework. How can you...

Koders
Cover Image for CSS Position : Everything you need for good developer

CSS Position : Everything you need for good developer

CSS is very important in front-end development. CSS can make a website beautiful or horrible. CSS...

Koders
Cover Image for I made a WhatsApp bot to solve Math problems

I made a WhatsApp bot to solve Math problems

Whatsapp Web bot to query and get results to and from WolframAlpha API. Contains code and tutorial. Made using npm node.

Koders
Cover Image for Use Kool to run Multiple Docker Applications at the same time in your Local Development Environment

Use Kool to run Multiple Docker Applications at the same time in your Local Development Environment

More and more, we find ourselves working with Docker containers in the context of microservice...

Koders
Cover Image for 5 awesome CSS tricks for beginners

5 awesome CSS tricks for beginners

Learning CSS is a life long journey. Everyday some new feature is coming up. With that said, there...

Koders
Cover Image for Build an outstanding portfolio with these 3 React project ideas - Part 3

Build an outstanding portfolio with these 3 React project ideas - Part 3

If you want a job build your portfolio projects like a professional dev. This guide split in three parts explains how and provides 3 inspiring ideas.

Koders
Cover Image for Demystifying Position Property

Demystifying Position Property

CSS provides the position property that specifies how an element should appear in the document. This...

Koders
Cover Image for Master Git in 7 minutes

Master Git in 7 minutes

Essentially, Git keeps tabs on text changes, but the definition is a version control system. Chances...

Koders
Cover Image for A basis for a coding interview using "FizzBuzz" onlyโ‰- 8 challenges for beginners AND Pros [with a twist for Pros! ๐Ÿ˜ฑ]

A basis for a coding interview using "FizzBuzz" onlyโ‰- 8 challenges for beginners AND Pros [with a twist for Pros! ๐Ÿ˜ฑ]

FizzBuzz is a mental arithmetic game that got turned into a popular interview question. But what if...

Koders
Cover Image for 15 Custom Hooks to Make your React Component Lightweight

15 Custom Hooks to Make your React Component Lightweight

Here are the 15 custom hooks to make your React component lightweight React hooks is the trending...

Koders
Cover Image for Impress hiring managers by presenting your React projects like a pro - Part 2

Impress hiring managers by presenting your React projects like a pro - Part 2

If you want a job build your portfolio projects like a professional dev. This guide split in three parts explains how and provides 3 inspiring ideas.

Koders
Cover Image for The Scope Chain in JavaScript

The Scope Chain in JavaScript

Chapter 3: The Scope Chain These are the notes of third chapter of the book "You Don't...

Koders
Cover Image for Turn your Create React App into a Progressive Web App in 100 seconds

Turn your Create React App into a Progressive Web App in 100 seconds

Progressive Web Apps (PWAs) let regular apps become accessible offline. They also have access to more...

Koders
Cover Image for Understanding the useReducer hook in React

Understanding the useReducer hook in React

What is useReducer? useReducer is one of the additional hooks that shipped with React 16.8...

Koders
Cover Image for 10 GitHub repositories to become a better JavaScript Developer

10 GitHub repositories to become a better JavaScript Developer

With the introduction of libraries and Frameworks like ReactJS, VueJS, Angular, SvelteJS and much...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 9th July 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 9th July 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for Beautiful NPM Icon packages for your next web project

Beautiful NPM Icon packages for your next web project

My Favourite These are my favourite npm icon packages Icon pack How to...

Koders
Cover Image for Node JS API - With React UI: Berry Dashboard

Node JS API - With React UI: Berry Dashboard

Simple Node JS API server built with Express, MongoDb, Typescript

Koders
Cover Image for Tips To Avoid Developer Burnout Like a Pro

Tips To Avoid Developer Burnout Like a Pro

Are you properly handling the stress in your dev life right now? Being stressed out because you have...

Koders
Cover Image for Create a Resume Uploader Using AWS Amplify

Create a Resume Uploader Using AWS Amplify

In the first part of this series, we learned how to send emails by creating a contact form. In this...

Koders
Cover Image for Dockerize your React app

Dockerize your React app

Hey, welcome back. This article is part of the Dockerize series, make sure to checkout the...

Koders
Cover Image for I Created 500+ Dev questions and Launched a Quiz platform ๐Ÿ†๐ŸŽ‰

I Created 500+ Dev questions and Launched a Quiz platform ๐Ÿ†๐ŸŽ‰

Companies usually want to test a specific area of knowledge. Quizzes are an engaging method to...

Koders
Cover Image for Introduction to Dockerize series

Introduction to Dockerize series

Introduction Hey, welcome to the Dockerize series. Here, I will be discussing how to use...

Koders
Cover Image for Simplify condition rendering in React.js

Simplify condition rendering in React.js

As a professional developer you are forced to stay up to date with the latest trends in technology....

Koders
Cover Image for 53+ GitHub repos you should check out to become better developer [2021]

53+ GitHub repos you should check out to become better developer [2021]

There are many posts regarding types of amazing repos to learn webdev and things. So in this post...

Koders
Cover Image for Basic Guide to use React Router v6

Basic Guide to use React Router v6

Single Page Applications in React require a means of routing to navigate on to different views...

Koders
Cover Image for Building a Netflix clone with Vanilla JavaScript.

Building a Netflix clone with Vanilla JavaScript.

Without the application of JavaScript, the Internet as we know it would not be at the level it is at...

Koders
Cover Image for I made 150+ high-quality illustrations, totally free. Use it anywhere without attribution.

I made 150+ high-quality illustrations, totally free. Use it anywhere without attribution.

Hey everyone, I know that all of you are working on exciting products. To help you make it a bit...

Koders
Cover Image for Why our work culture sucks.

Why our work culture sucks.

Also available on my blog. Last year after finding myself between two jobs, I interviewed with a...

Koders
Cover Image for 5 VS Code Extensions That Make Refactoring Easy

5 VS Code Extensions That Make Refactoring Easy

If youโ€™re looking at ways to clean up our code, reduce complexity and improve functionality - these...

Koders
Cover Image for ES2021 Features! ๐Ÿ”ฅ

ES2021 Features! ๐Ÿ”ฅ

This article focuses on the JavaScript capabilities that are a part of ECMAScript 2021(ES12). 1....

Koders
Cover Image for Get โญ's on your GitHub project

Get โญ's on your GitHub project

Plug: I help develop million: <1kb virtual DOM - it's fast! TL;DR If applicable,...

Koders
Cover Image for JavaScript Frameworks and Metagaming

JavaScript Frameworks and Metagaming

Last week we released SolidJS 1.0. A JavaScript framework built on a foundation of ideas long ago...

Koders
Cover Image for The best VS Code extensions to supercharge Git (yes, thereโ€™s more than GitLens!)

The best VS Code extensions to supercharge Git (yes, thereโ€™s more than GitLens!)

Yes, I know, we should all be terminal ninjas, memorising every git command yadda yadda. Or, like the...

Koders
Cover Image for 5 practices I follow to get into Flow State while coding

5 practices I follow to get into Flow State while coding

How can developers be more productive? Devs need to be focused for long hours, often with critical...

Koders
Cover Image for How to manage API calls in React โš›๏ธ

How to manage API calls in React โš›๏ธ

React library is well known for building rich and highly scalable user interfaces. There are many...

Koders
Cover Image for Modern Full-Stack Developer Tech Stack 2021

Modern Full-Stack Developer Tech Stack 2021

The developer technology landscape changes all the time as new tools and technologies are introduced....

Koders
Cover Image for Some Experiments with GitHub Copilot

Some Experiments with GitHub Copilot

I recently got my hands the GitHub Copilot extension for VS Code and it's amazing (borderline...

Koders
Cover Image for How to Create a YouTube Downloader with Node.js andย React.js

How to Create a YouTube Downloader with Node.js andย React.js

In this tutorial, we will be going to build YouTube Downloader, the backend implemented in Express.js, and the frontend in React.js

Koders
Cover Image for Complete Introduction to React-Redux โš›

Complete Introduction to React-Redux โš›

React and Redux are often mentioned together and with good reason. As the developer who created Redux...

Koders
Cover Image for I did Frontend Mentor challenges for three weeks, here's what I learned

I did Frontend Mentor challenges for three weeks, here's what I learned

Hello! It's been a while since my last post. I've been busy doing Frontend Mentor challenges for the...

Koders
Cover Image for Scalable "star rating" without JS (and no SVG or image for the star)

Scalable "star rating" without JS (and no SVG or image for the star)

Here I am with my "Star rating" system: โœ”๏ธ No JavaScript. โœ”๏ธ No complex HTML code, only the needed...

Koders
Cover Image for The frontend Hitchhiker's Guide: JavaScript Frameworks

The frontend Hitchhiker's Guide: JavaScript Frameworks

Introduction Every now an then a developer has an idea to simplify building web apps and...

Koders
Cover Image for Top 10 React Tricks Every Developer Should Use

Top 10 React Tricks Every Developer Should Use

Discover a set of React best coding practices, tips and tricks that should be known by all...

Koders
Cover Image for A progressive micro frontends framework - Fronts

A progressive micro frontends framework - Fronts

Micro Frontends An architectural style where independently deliverable frontend...

Koders
Cover Image for How to Deploy React JS Applications for Free on Firebase 2021

How to Deploy React JS Applications for Free on Firebase 2021

In this article , Iโ€™ll show you how to deploy react js applications for free on Firebase, First letโ€™s...

Koders
Cover Image for Star-Rating Using A Single Input

Star-Rating Using A Single Input

Yesterday I read InhuOfficial's post about star-rating, using a group of <input...

Koders
Cover Image for Vue Academy #1: Scoped style

Vue Academy #1: Scoped style

Welcome to the first vue academy ! It will be a list of lot of article on vue! I have 2.5 years of...

Koders
Cover Image for Why I switched from normal CSS to Tailwind CSS

Why I switched from normal CSS to Tailwind CSS

Tailwind as explained in their official website is a utility-first CSS framework packed with classes...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 2nd July 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 2nd July 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for 5 star rating system - ACTUALLY accessible, no JS, no WAI-ARIA and Semantic HTML! โญโญโญโญโญ [Easily converted to any framework too!]

5 star rating system - ACTUALLY accessible, no JS, no WAI-ARIA and Semantic HTML! โญโญโญโญโญ [Easily converted to any framework too!]

In this article I will explain how I built a star rating system that is ACTUALLY accessible, easy to...

Koders
Cover Image for Git Squash Simplified

Git Squash Simplified

If you have just started as an open source contributor or planning to become one, you might came...

Koders
Cover Image for Illustrating Lexical Scope in JavaScript

Illustrating Lexical Scope in JavaScript

Chapter 2: Illustrating Lexical Scope These are the notes of second chapter of the book...

Koders
Cover Image for Send mails using NodeJS

Send mails using NodeJS

Hey, fams! today we are going to learn how to send e-mails, right from our IDE using NodeJS. The...

Koders
Cover Image for 50 Great Websites for Web Developers!

50 Great Websites for Web Developers!

[Hidden Tools] - https://hiddentools.dev/ [Music For Programming]...

Koders
Cover Image for Complete Introduction to Redux ๐Ÿš€

Complete Introduction to Redux ๐Ÿš€

Does Redux have you confused? ๐Ÿ˜• In this blog, you'll learn the fundamentals of Redux stores,...

Koders
Cover Image for How to See Which Branch Your Teammates are on in VS Code

How to See Which Branch Your Teammates are on in VS Code

"What branch are you on?" is often the first question you ask when a teammate says "The tests aren't...

Koders
Cover Image for Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion

Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion

Hi guys, I'm proud to present you my latest project: Fakeflix. I have started this project with...

Koders
Cover Image for WebRTC โž• Build Yet another Chatting app๐Ÿ’ญ but P2P/E2EE๐Ÿคฏ.!!

WebRTC โž• Build Yet another Chatting app๐Ÿ’ญ but P2P/E2EE๐Ÿคฏ.!!

What does this title mean If by reading the title of this article you're thinking that...

Koders
Cover Image for 5 Cool Animated Button Using CSS and JS

5 Cool Animated Button Using CSS and JS

In this blog we are going to see some cool animated button made using CSS and JS. 1. Social Media...

Koders
Cover Image for Demystifying DevRel with Nader Dabit, Christina Gorton & Pachi Carlson

Demystifying DevRel with Nader Dabit, Christina Gorton & Pachi Carlson

Listen to the season finale of DevDiscuss!

Koders
Cover Image for My Top React Interview Questions

My Top React Interview Questions

This article summarizes a list of React interview questions that I would ask candidates and that I...

Koders
Cover Image for Package.json File explained!!!

Package.json File explained!!!

If you've been working on javascript or related framework projects then definitely you came across...

Koders
Cover Image for We Helped 42 Developers Get $772.441 in Salary Raises And Promotions, Here Is What We Learned

We Helped 42 Developers Get $772.441 in Salary Raises And Promotions, Here Is What We Learned

It doesn't matter if you never went beyond building simple apps, have no degree in Computer Science...

Koders
Cover Image for 20+ Lessons I've Learned Writing on DEV for 4 Years

20+ Lessons I've Learned Writing on DEV for 4 Years

Table of Contents 1. First, get started 2. Do not Bury the Lede โšก๏ธ 3. Brainstorm on Paper ๐Ÿ“ 4....

Koders
Cover Image for 8 Ultimate ressources for learning Web Dev in 2021 #2

8 Ultimate ressources for learning Web Dev in 2021 #2

Hey friends ! I'm sharing with you a lot of ressources about web developper that will help you to...

Koders
Cover Image for Adding 100 CSS loaders to the collection of โ€” 500 CSS loaders ๐Ÿ†

Adding 100 CSS loaders to the collection of โ€” 500 CSS loaders ๐Ÿ†

500 single element CSS loaders. Pure CSS loaders with only one div. The biggest collection of loading...

Koders
Cover Image for Best Javascript Libraries you should know in 2021

Best Javascript Libraries you should know in 2021

Algolia Places: Algolia Places is a JavaScript library that will help you autocomplete forms, and...

Koders
Cover Image for How creating CSS Art can make you a better developer

How creating CSS Art can make you a better developer

Creating CSS Art is one of the best ways to improve your front-end programming skills as a developer....

Koders
Cover Image for 10 Ways to Host Your React App For Free

10 Ways to Host Your React App For Free

Here are the 10 services that provide free hosting for your React App. React is the most popular...

Koders
Cover Image for 7 GitHub projects essential for every Javascript developer ๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป ๐Ÿš€

7 GitHub projects essential for every Javascript developer ๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป ๐Ÿš€

Javascript is so widely adopted that most developers can't avoid it entirely during the course of...

Koders
Cover Image for Introducing Code House - A whole new world of 300+ Developer Cheatsheets ๐Ÿ‘จโ€๐Ÿ’ป

Introducing Code House - A whole new world of 300+ Developer Cheatsheets ๐Ÿ‘จโ€๐Ÿ’ป

Hello Folks ๐Ÿ‘‹ This is Savio here. I hope you all are doing good. I'm young web dev with an...

Koders
Cover Image for Introduction to React.js โš› and the required JavaScript!

Introduction to React.js โš› and the required JavaScript!

React is a JavaScript library for building UI components. The ecosystem of React is really immense...

Koders
Cover Image for SolidJS Official Release: The long road to 1.0

SolidJS Official Release: The long road to 1.0

It's been a long road to get here. It's been so long I can't even remember when I started. I logged...

Koders
Cover Image for 10 Best Development Articles you can't miss to read

10 Best Development Articles you can't miss to read

In the Developer community there are many articles posted everyday. So today in this same average...

Koders
Cover Image for 20+ Open Source Project for Beginners

20+ Open Source Project for Beginners

Introduction If you want to collaborate, discuss and code in a group of developers, just...

Koders
Cover Image for How to create signature pad in html | signature pad JavaScript

How to create signature pad in html | signature pad JavaScript

Hello guys, today I am going to show you how to create a signature pad using HTML CSS &...

Koders
Cover Image for JavaScript Interview Question #50: How does Intl.Collator work in JS

JavaScript Interview Question #50: How does Intl.Collator work in JS

What is Intl.Collator and how does it work in JS? Whatโ€™s the difference between two sorts? What...

Koders
Cover Image for Top 5 Best Resources To Learn Javascript

Top 5 Best Resources To Learn Javascript

Hello friends, Today we have the top 5 resources that you can use to learn javascript. Javascript is...

Koders
Cover Image for 50+ Shortcut links for Developers productivity

50+ Shortcut links for Developers productivity

A designer's work process is loaded with expected digressions, interferences and setting switches....

Koders
Cover Image for A Curated List of Free APIs For Your Next Project

A Curated List of Free APIs For Your Next Project

Public APIs This GitHub repository contains a ton of free APIs related to various...

Koders
Cover Image for Boilerplates for websites/app building

Boilerplates for websites/app building

Hello Dev Friends.As we are learning web development, we often get overwhelmed with so much to learn...

Koders
Cover Image for Docker Cheatsheet

Docker Cheatsheet

Docker is an open platform for developing, shipping, and running applications. Docker enables you to...

Koders
Cover Image for ๐Ÿค”How to avoid stress during coding?

๐Ÿค”How to avoid stress during coding?

Do you want to know how to dealing with stress while coding? Here's some tips to do when you're...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 25th June 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 25th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for 5 GitHub Projects to make you a better DevOps Engineer โšก

5 GitHub Projects to make you a better DevOps Engineer โšก

DevOps is one of the most challenging fields to be in, and to stay relevant you need to learn...

Koders
Cover Image for Create a React Calendar in 5 Minutes

Create a React Calendar in 5 Minutes

Learn how easily you can create and configure the Syncfusion React Calendar using the...

Koders
Cover Image for Create Horrible Console Messages with CSS

Create Horrible Console Messages with CSS

Are you tired of reading debug messages featuring the same Courier New 10px font over and over again?...

Koders
Cover Image for Top UI frameworks for React

Top UI frameworks for React

Top UI frameworks for react UI libaries are very popular for creating beautiful looking...

Koders
Cover Image for How to Build Your Own Blockchain in NodeJS

How to Build Your Own Blockchain in NodeJS

When we're trying to learn something new, it can oftentimes be tempting to dive headfirst into...

Koders
Cover Image for Meet the most Complex & Innovative Admin from Creative Tim

Meet the most Complex & Innovative Admin from Creative Tim

Over the last few months, we have been working on a brand-new, modern admin template to help...

Koders
Cover Image for Software Engineers Need to Know DevOps Too, and That Starts with CI/CD

Software Engineers Need to Know DevOps Too, and That Starts with CI/CD

DevOps is hot right now. It seems like every software engineering job posting requires DevOps...

Koders
Cover Image for Template Literal Types in TypeScript

Template Literal Types in TypeScript

In this article, we will take a closer look at template literal types and how you can take advantage...

Koders
Cover Image for Vibrate MobileDevice With Javascript

Vibrate MobileDevice With Javascript

Hello So Today We LearnHow To How Use Vibrate In Javascript this post repost from:-...

Koders
Cover Image for 20 Free EBooks to Learn JavaScript In-Depth

20 Free EBooks to Learn JavaScript In-Depth

As I have always said, your level of comprehension on any topic is intrinsically linked to the...

Koders
Cover Image for 4 no code code tools I actually use and love as a developer

4 no code code tools I actually use and love as a developer

There are way too many no code / low code tools out there that are sadly empty promises. Within this post, I will present the 4 no code / low code tools that I use in production, as a developer

Koders
Cover Image for Accessibility in React

Accessibility in React

Accessibility is the ability for applications to be used by everyone, including those with...

Koders
Cover Image for Top 5 Git Tips & Tricks

Top 5 Git Tips & Tricks

Becoming a Git power-user is on the bucket list of every developer. Today we prepared 5 Git tips that...

Koders
Cover Image for 29 best YouTube channels to learn to code and become a better Developer

29 best YouTube channels to learn to code and become a better Developer

YouTube is considering a to be expansion in rush hour gridlock as an instructive stage, well known...

Koders
Cover Image for Learn callbacks, promises, Async/Await by Making Ice Cream ๐Ÿง๐Ÿจ๐Ÿฆ

Learn callbacks, promises, Async/Await by Making Ice Cream ๐Ÿง๐Ÿจ๐Ÿฆ

Today we're gonna run an ice cream shop and learn asynchronous JS. Along the way, we'll understand...

Koders
Cover Image for Learn Next.js and Tailwind CSS By Building Dev.to

Learn Next.js and Tailwind CSS By Building Dev.to

Click โญ if you like the project. Pull Requests are highly appreciated โค๏ธ Github link:...

Koders
Cover Image for The CodeLand CFP is Open!

The CodeLand CFP is Open!

Conference CFP open now until July 20th

Koders
Cover Image for The master guide to smooth, realistic shadows in CSS

The master guide to smooth, realistic shadows in CSS

In this article you will get to know about smooth CSS Shadows and a easy way to use them. But first...

Koders
Cover Image for 22+ FREE JavaScript eBooks you should read

22+ FREE JavaScript eBooks you should read

JavaScript is a programming language that permits you to carry out complex highlights on website...

Koders
Cover Image for Develop & test React components in isolation

Develop & test React components in isolation

Writing front-end code is easy. But writing reliable front-end code? That's tough. Modern UIs are...

Koders
Cover Image for How to Create a TypeScript Project with ExpressJS the Simplest Way!!

How to Create a TypeScript Project with ExpressJS the Simplest Way!!

If you are wondering how to create a TypeScript BackEND project, fear not my brave knight. It's way...

Koders
Cover Image for Image Slider Using HTML, CSS, and javaScript

Image Slider Using HTML, CSS, and javaScript

In this article you are going to learn how to create image slider using HTML, CSS and JavaScript...

Koders
Cover Image for Top 10 React Hooks Library

Top 10 React Hooks Library

Hooks make developers' life easy by helping in writing fewer lines of code, clean code, more...

Koders
Cover Image for 48 Articles to go beginner to pro in JavaScript

48 Articles to go beginner to pro in JavaScript

On the off chance that you are new to coding, you may contemplate whether you can get a grip of a...

Koders
Cover Image for Amazing Project Ideas For Javascript

Amazing Project Ideas For Javascript

Hey, This article is helpful who want to improve their programming skills or might want to make...

Koders
Cover Image for How to Prevent or Recover from Developer Burnout

How to Prevent or Recover from Developer Burnout

Most ambitious developers follow the same pattern: they do 9-to-5 jobs, participate in hackathons and...

Koders
Cover Image for Sidebar Menu Using HTML and CSS

Sidebar Menu Using HTML and CSS

In this article you will learn how to create sidebar menu using HTML CSS and JavaScript code. Like...

Koders
Cover Image for The trouble with  blog post views  and vanity metrics

The trouble with blog post views and vanity metrics

Even if youโ€™ve never heard the term before, you know what they are. Theyโ€™re the thumbs up, the...

Koders
Cover Image for 13+ ๐Ÿคฉ amazing ๐Ÿคฉ tips for writing โœ… listicles โœ… [don't be mad that you didn't know them before!]

13+ ๐Ÿคฉ amazing ๐Ÿคฉ tips for writing โœ… listicles โœ… [don't be mad that you didn't know them before!]

Let's jump straight in, you don't need an introduction with a listicle. 1. Listicles...

Koders
Cover Image for 5 Resource To Enrich Your Front end Skills

5 Resource To Enrich Your Front end Skills

Front End Skills It is so easy to get stuck following tutorial after tutorial and not...

Koders
Cover Image for Let's Create a Custom Hook in React ๐Ÿฑโ€๐Ÿ‘ค

Let's Create a Custom Hook in React ๐Ÿฑโ€๐Ÿ‘ค

Hi all ๐Ÿ‘‹ So after quite a break, we are back with another article in the React Series with two...

Koders
Cover Image for The complete DevOps roadmap  ๐Ÿš€

The complete DevOps roadmap ๐Ÿš€

Hi there, This is Ankit, your friendly DevOps content curator. I read a lot of articles about...

Koders
Cover Image for Updating A 25-Year-Old Website

Updating A 25-Year-Old Website

As frontend developers, we always want to use the latest and the greatest. A lot of the time however,...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 18th June 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 18th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

Koders
Cover Image for Clean Up Your Imports using Absolute Imports & Alias on React apps (Next.js, CRA, and React-Vite)

Clean Up Your Imports using Absolute Imports & Alias on React apps (Next.js, CRA, and React-Vite)

Absolute Import is a great way to clean up your imports Setting up absolute imports can be a lot...

Koders
Cover Image for Dark mode toggle animation using CSS !

Dark mode toggle animation using CSS !

This tutorial will mainly focus on how to use transitions in CSS and make a toggle button for light...

Koders
Cover Image for How to Display Formatted Date in JavaScript Without Using Any External Library

How to Display Formatted Date in JavaScript Without Using Any External Library

In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021...

Koders
Cover Image for Top Courses To Learn JAVASCRIPT

Top Courses To Learn JAVASCRIPT

Free And Best...

Koders
Cover Image for 5 Epic React Tips To Use Today

5 Epic React Tips To Use Today

Here's a list of amazing tricks that you can use to improve your React applications instantly. These...

Koders
Cover Image for 6 essentials tips for VueJs from 2.5 years experience #1

6 essentials tips for VueJs from 2.5 years experience #1

Hey how are you ! Welcome here my name is Code Oz and I will share with you some tips on VueJs (I...

Koders
Cover Image for Is PolyWork the new LinkedIn for Developers?

Is PolyWork the new LinkedIn for Developers?

P.S. I just want to frontload this article to ask you what is your opinion about the new professional...

Koders
Cover Image for Zoom, Spotify and others slashed their cloud costs by millions - how did they do it?

Zoom, Spotify and others slashed their cloud costs by millions - how did they do it?

In Q1 2021, Zoom reported that its gross margin widened to 73.9% from 69.4% in the previous quarter -...

Koders
Cover Image for 5 resources I use as a  front end developer that you probably need

5 resources I use as a front end developer that you probably need

Cover photo credit: Unsplash As a frontend developer, you have probably struggled to find images,...

Koders
Cover Image for Animated 404 Page

Animated 404 Page

First we need to know what is 404 Page ? The HTTP 404, 404 Not Found, 404, 404 Error, Page Not Found...

Koders
Cover Image for CodeLand 2021: Motivation & Career-Long Connections For Early-Career Devs

CodeLand 2021: Motivation & Career-Long Connections For Early-Career Devs

CodeLand is coming back in 2021 as a two-day virtual conference on September 23rd and 24th! While...

Koders
Cover Image for Top 10 open source development tools (tried and tested)

Top 10 open source development tools (tried and tested)

Open source development tools come in many shapes and sizes, and selecting the right one is a complex process. This post identifies the tools you need to try.

Koders
Cover Image for Why build Single Page Apps in Blazor

Why build Single Page Apps in Blazor

Learn why Blazor is the next reasonable choice for SPA development.

Koders
Cover Image for 10 Must-Have VS Code Extensions to Improve Your Productivity

10 Must-Have VS Code Extensions to Improve Your Productivity

I asked developers in my team what VS Code extensions they use to boost their productivity, and...

Koders
Cover Image for 9 Responsive Website Tutorials With Html CSS JavaScript Bootstrap Step By Step

9 Responsive Website Tutorials With Html CSS JavaScript Bootstrap Step By Step

Responsive web design is a method of creating and developing websites so that they are more...

Koders
Cover Image for Explain Callback Function In JavaScript Like You Are 5 Years Old

Explain Callback Function In JavaScript Like You Are 5 Years Old

You are five. You know almost nothing about the world. And know youโ€™re going to learn one of the...

Koders
Cover Image for I'm switching to vim!

I'm switching to vim!

I just took a short look at the (neo)vim docs, and I'm officially moving to (neo)vim (and tmux)! I...

Koders
Cover Image for Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

The fun continue with another collection of 100 CSS loaders! Always the same rule: one div = one...

Koders
Cover Image for 15+ Fantastic React UI Libraries to Consider for your Project

15+ Fantastic React UI Libraries to Consider for your Project

React is a very popular JavaScript library for building User Interfaces. Using React makes the...

Koders
Cover Image for 25 Git commands I use daily and you should know

25 Git commands I use daily and you should know

Git is a significant piece of day by day programming and is normally utilized in the product...

Koders
Cover Image for 28 Websites paying to write Technical Articles

28 Websites paying to write Technical Articles

With the world depending on the web for data, there are numerous chances to bring in cash as an...

Koders
Cover Image for `at` coming soon to ECMAScript

`at` coming soon to ECMAScript

Another new proposal for ECMAScript addition, giving you the ability to cleanly access array elements using negative indices.

Koders
Cover Image for Data visualization: Creating charts using REST API's in React.js

Data visualization: Creating charts using REST API's in React.js

In our previous post of the series we have created the REST API's in Mojolicious The swagger ui is...

Koders
Cover Image for Back to Basic: Should we use Rem, Em or Pixel?

Back to Basic: Should we use Rem, Em or Pixel?

Using Rem and Em units is better than using px. When we use px, it means that we hardcode the...

Koders
Cover Image for CSS for large projects

CSS for large projects

CSS for large projects This is the content I prepared for my youtube channel's...

Koders
Cover Image for How I structure my mid-size NextJs projects

How I structure my mid-size NextJs projects

As you know React is not an opinionated library. What that means is that there is no clearly defined...

Koders
Cover Image for How to become a Senior Developer

How to become a Senior Developer

The Road From Junior to Senior Developer. Being a programmer is a great thing. For me, thereโ€™s...

Koders
Cover Image for Master Binary in Five Minutes

Master Binary in Five Minutes

Binary is the very core of everything digital, not only in web development, but literally everything:...

Koders
Cover Image for 15 Python Projects For Beginners

15 Python Projects For Beginners

Python Projects For Beginners The best way to learn any new programming language easily is...

Koders
Cover Image for The Hells Every Developer Experiences

The Hells Every Developer Experiences

Every programmer has a tale to share about vicious cycles in their life. Here are a few common forms...

Koders
Cover Image for 8 Things I wish I knew as a Junior Developer

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

Koders
Cover Image for ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ˜ฎ Fully responsive modern product page. Only Css

๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ˜ฎ Fully responsive modern product page. Only Css

Hello, glad you are here. I am kunaal and today we will see how to make an awesome fully responsive...

Koders
Cover Image for Tips For Using Async/Await - Write Better JavaScript!

Tips For Using Async/Await - Write Better JavaScript!

Thereโ€™s a special syntax to work with promises in a more comfortable fashion, called โ€œasync/awaitโ€. Itโ€™s surprisingly easy to understand and use.

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 11th June 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 11th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for 4 Tips for JavaScript 2021 to write optimized code

4 Tips for JavaScript 2021 to write optimized code

tips for JavaScript 2021 to write optimized code JavaScript is the front-hand language as...

Koders
Cover Image for 7 JavaScript Projects For Beginners

7 JavaScript Projects For Beginners

JavaScript Projects for Beginners This is the best way to learn a new programming language...

Koders
Cover Image for My Secret Design Resources

My Secret Design Resources

Hey Everyone! here i have awesome design resources i use in day-to-day life. Colors Col...

Koders
Cover Image for React Cheat sheet (Updated June 2021)

React Cheat sheet (Updated June 2021)

I don't use React often and so whenever I need to do even the smallest thing in React, I have to chec...

Koders
Cover Image for How do you stay up to date with the latest developments in tech?

How do you stay up to date with the latest developments in tech?

Newbie looking for guidance here - I feel like the more I learn, the more I realise what I donโ€™t know...

Koders
Cover Image for How to Give Better Code Reviews

How to Give Better Code Reviews

Code review is a skill and it takes practice. But there are some things you should know up front.

Koders
Cover Image for Imba - a JavaScript alternative for increased developer productivity

Imba - a JavaScript alternative for increased developer productivity

Quick introduction to the major new version of Imba

Koders
Cover Image for Learn React with one BIG Project [NOTES included] - Demo and Video Link

Learn React with one BIG Project [NOTES included] - Demo and Video Link

Hey guys, I created a full fledged video to help others in learning React with ease. The video incl...

Koders
Cover Image for React 18: Terms and Functionality

React 18: Terms and Functionality

The React team has been hard at work for over a year. React is changing yet again, and it's time to start learning where it's going next.

Koders
Cover Image for A cheat sheet for working with JSON Data in JavaScript

A cheat sheet for working with JSON Data in JavaScript

In this article, we will be doing some common operations while working with JSON data in JavaScript...

Koders
Cover Image for Buckle Up For a Wild Decade in Cloud Computing

Buckle Up For a Wild Decade in Cloud Computing

Iโ€™m sure you were affected by the Fastly outage yesterday. The company responded quickly, and it wasn...

Koders
Cover Image for Getting Started with JavaScript Design Patterns

Getting Started with JavaScript Design Patterns

Design patterns are blueprint solutions that you use to solve common programming problems swiftly and...

Koders
Cover Image for React & Tailwind - Open-source Starters and UI Kits

React & Tailwind - Open-source Starters and UI Kits

A curated list with open-source React starters and UI Kits styled with Tailwind CSS - all projects are available on Github.

Koders
Cover Image for Top 15 Skills Any Successful Web Developer Should Have

Top 15 Skills Any Successful Web Developer Should Have

To get hired as a web developer, you need a specific set of skills and abilities to help you achieve...

Koders
Cover Image for 21 beginner JavaScript interview question you must know

21 beginner JavaScript interview question you must know

To construct a JavaScript programming vocation, applicants need to break the meeting. They are reques...

Koders
Cover Image for How to auto-document the database schema of your Rails app

How to auto-document the database schema of your Rails app

Iโ€™m wrapping up my RailsConf 2021 presentation recap today. Check out Part 1, Part 2 and Part 3 in c...

Koders
Cover Image for Mistakes I made in my 20s as a Software Developer.

Mistakes I made in my 20s as a Software Developer.

Mistakes I made in my 20s as a Software Developer. Mistakes I made in my 20s as a Softwa...

Koders
Cover Image for Top 20 JavaScript tips and tricks to increase your Speed and Efficiency

Top 20 JavaScript tips and tricks to increase your Speed and Efficiency

Convenient and useful techniques to reduce the lines of code and pace up your Dev Work! In...

Koders
Cover Image for What Makes a Great Developer? - Opinion

What Makes a Great Developer? - Opinion

This question has come up over and over again. From putting together the core team for a startup comp...

Koders
Cover Image for Building an Accessible Reveal-Card

Building an Accessible Reveal-Card

Recently, I found myself craving to make something interesting. So I sat down and scrolled through dr...

Koders
Cover Image for Creating custom hook for fetching data in react

Creating custom hook for fetching data in react

Prerequisite to implement the customHooks Knowlegde of functional components, and react h...

Koders
Cover Image for HarperDB Instance w/ React

HarperDB Instance w/ React

HarperDB is a distributed database focused on making data management easy. It supports both SQL and N...

Koders
Cover Image for How Truthy and Falsy Values in JavaScript Work

How Truthy and Falsy Values in JavaScript Work

Truthy and falsy values are two important concepts for JavaScript developers to understand. In this t...

Koders
Cover Image for Must-Have Skills for Developers in 2021

Must-Have Skills for Developers in 2021

Whether you are already an experienced developer or just starting out, if you want to become really g...

Koders
Cover Image for 5 projects to master Front End Development

5 projects to master Front End Development

If you are starting on the journey to becoming a Front End Developer, once you get the basics down, y...

Koders
Cover Image for How to become a Successful Developer

How to become a Successful Developer

For me, being a software developer is one of the best jobs in the world. I love to code and getting p...

Koders
Cover Image for How to Write  Good Alt Text for your Images

How to Write Good Alt Text for your Images

Hello, welcome to this tutorial! Today, I'm going to be explaining how to use alt text for your imag...

Koders
Cover Image for Soft UI Dashboard - Bootstrap 5 Design on Steroids

Soft UI Dashboard - Bootstrap 5 Design on Steroids

The article presents the latest Bootstrap 5 design from Creative-Tim: Soft UI Dashboard PRO, a premium design made of hundred of elements, design blocks and pre-built pages.

Koders
Cover Image for Top 10 Websites for Developers

Top 10 Websites for Developers

For many of you, this is the fourth part of this series "Top 10 Websites For Developers". You could c...

Koders
Cover Image for  Crack the React Interviews By Using Mindmap - Part 1.

Crack the React Interviews By Using Mindmap - Part 1.

This is the first part in my series (Crack the React Interviews By Using Mindmap). My series will giv...

Koders
Cover Image for Creating your React project from scratch without create-react-app: The Complete Guide.

Creating your React project from scratch without create-react-app: The Complete Guide.

Creating and setting up your own React project from scratch can be, at times, a little bit tricky, ev...

Koders
Cover Image for How to Build Your Personal Brand as a Software Developer

How to Build Your Personal Brand as a Software Developer

Choose an area of focus and be good at it Coding has various fields and areas of focus. It is almost...

Koders
Cover Image for How to make Responsive Website Using HTML CSS JavaScript Step By Step

How to make Responsive Website Using HTML CSS JavaScript Step By Step

Hi there ๐Ÿ‘‹, Checkout my recently made responsive agency website. In this responsive website i have...

Koders
Cover Image for Master Design Patterns By Building Real Projects - Factory Pattern - Javascript

Master Design Patterns By Building Real Projects - Factory Pattern - Javascript

Creational Pattern - Factory Pattern. This is the fourth part in my series (23 GoF Design...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 4th June 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 4th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for 52 responsive snippets to create a website for your project

52 responsive snippets to create a website for your project

Hi everyone. I made 52 responsive snippets that can help you to build website for your project, portf...

Koders
Cover Image for How I built a SaaS with Next.js in a week

How I built a SaaS with Next.js in a week

I built Cusdis in April 2021, an open-source, light-weight, privacy-friendly alternative to Disqus. I...

Koders
Cover Image for Awesome loading animation you have never seen it before.

Awesome loading animation you have never seen it before.

Hello, glad you are here. I am kunaal and today we will see how to make an awesome loading animation...

Koders
Cover Image for This article has 36 positive reactions and 16 comments

This article has 36 positive reactions and 16 comments

TL;DR Using the DEV API the title of this article gets automatically updated every 60 seco...

Koders
Cover Image for 33 GitHub projects I have bookmarked and you should

33 GitHub projects I have bookmarked and you should

GitHub isn't only a rendition control administration; it is a marvelous substance asset for all-thing...

Koders
Cover Image for 7 Steps to Become an Expert Software Engineer without endless online courses or waiting for years...

7 Steps to Become an Expert Software Engineer without endless online courses or waiting for years...

Does this sound familiar to you? If you are a coder, programmer or software developer then...

Koders
Cover Image for 9 Simple Full Screen Navigation Menu Using CSS

9 Simple Full Screen Navigation Menu Using CSS

I created 9 simple full screen navigation menu for beginners using CSS and JavaScript. These are just...

Koders
Cover Image for Forem for iOS is here! โœจ

Forem for iOS is here! โœจ

Download the new Forem app on the App Store

Koders
Cover Image for Forem's Approach to Decentralized Social Media on Mobile

Forem's Approach to Decentralized Social Media on Mobile

Weโ€™re excited to let you know that the Forem iOS app is now live in the App Store. I want to get into...

Koders
Cover Image for How to Dynamically Update Twitter Cover Image to Show Latest Followers Using PHP GD and TwitterOAuth

How to Dynamically Update Twitter Cover Image to Show Latest Followers Using PHP GD and TwitterOAuth

In this guide you'll learn how you can create a CLI script to dynamically update your Twitter cover image to show your latest Twitter followers, using PHP and the PHP-GD library.

Koders
Cover Image for React JS How/where to Start ? : Best Way to learn React

React JS How/where to Start ? : Best Way to learn React

I want to share my experience as I coded my way from being a noob to an intermediate developer. whe...

Koders
Cover Image for Top 10 YouTube Channel For Developers

Top 10 YouTube Channel For Developers

As YouTube is one of the most searched search engines on the entire planet, it is obvious that YouTub...

Koders
Cover Image for Top three React & TypeScript pitfalls

Top three React & TypeScript pitfalls

Mind those pitfalls while working with React & TypeScript.

Koders
Cover Image for What is the Virtual DOM? (Let's build it!)

What is the Virtual DOM? (Let's build it!)

You might have heard of the Virtual DOM (and also the Shadow DOM). You may have even used it (JSX is...

Koders
Cover Image for 30+ Free eBooks for all developers

30+ Free eBooks for all developers

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

Koders
Cover Image for 5 mini-projects to sharpen your frontend development skills!

5 mini-projects to sharpen your frontend development skills!

Hi folks, Frontend development is continuously evolving with new technologies and frameworks. It i...

Koders
Cover Image for A Deep Dive Into Kubernetes Schema Validation

A Deep Dive Into Kubernetes Schema Validation

Why run schema validation? How do you ensure the stability of your Kubernetes clusters? Ho...

Koders
Cover Image for Happy LGBTQIA+ Pride Month! โค๏ธ

Happy LGBTQIA+ Pride Month! โค๏ธ

Join us in collecting stories of LGBTQIA+ pride โ€” and amplifying organizations doing important work in this space.

Koders
Cover Image for I made 100 more CSS loaders for your next project

I made 100 more CSS loaders for your next project

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders. This time, I am goi...

Koders
Cover Image for 13 Interactive Animated Backgrounds for your Website using Vanta.js

13 Interactive Animated Backgrounds for your Website using Vanta.js

Adding interactive object animations to a website creates a delightful experience for users besides m...

Koders
Cover Image for 30 JavaScript Libraries to use in your Projects

30 JavaScript Libraries to use in your Projects

JavaScript is a programming language that is vastly used in the world both on the client-side as well...

Koders
Cover Image for Find Open Source Project to Contribute

Find Open Source Project to Contribute

Introduction One of the main hectic things in open source is to find a good repository to...

Koders
Cover Image for How to make an awesome card hover effect

How to make an awesome card hover effect

Hello, glad you are here. I am kunaal and today we will see how to make an awesome 3d card hover effe...

Koders
Cover Image for The 10 Most Important Web Developer Resources You Need to Know

The 10 Most Important Web Developer Resources You Need to Know

Did you recently start your web development journey? As exciting as this may sound to create your fi...

Koders
Cover Image for 25+  JavaScript Project With Source Code to Build your Skills

25+ JavaScript Project With Source Code to Build your Skills

Hello amazing people, If you are interested in becoming a web developer then JavaScript is one of the...

Koders
Cover Image for Beautify Your GitHub Profile like a Pro

Beautify Your GitHub Profile like a Pro

If you have ever used GitHub, you must have come across some impressive-looking profiles and thought...

Koders
Cover Image for Don't Develop Just for Yourself - A Developer's Checklist to Accessibility

Don't Develop Just for Yourself - A Developer's Checklist to Accessibility

We, as developers, tend to develop sites unconsciously for people like ourselves. If we don't activel...

Koders
Cover Image for Master โ€˜thisโ€™ in JavaScript

Master โ€˜thisโ€™ in JavaScript

In this article, we cover the all-important yet so confusing topic in JavaScript which is the โ€œthisโ€...

Koders
Cover Image for Understand React Js Hooks once and for all | part I

Understand React Js Hooks once and for all | part I

You'll already know now The React framework includes react hooks. Witch are Special hook functions th...

Koders
Cover Image for 21 Best Practises in 2021 for Dockerfile

21 Best Practises in 2021 for Dockerfile

โ€œThis is a curate long-list of 20+ Best Practises for Dockerfile for the Year 2020โ€. Since the incep...

Koders
Cover Image for 30+ Illustration Resources For Web Developers

30+ Illustration Resources For Web Developers

Here is a list of 30 illustration designs that will help you to find illustrations for your next web...

Koders
Cover Image for 41 Must have chrome extensions for Developers and Productivity

41 Must have chrome extensions for Developers and Productivity

Since a dominant part of the populace uses the Chrome internet browser, engineers and designers shoul...

Koders
Cover Image for ๐Ÿ”ฅ๐Ÿ”ฅ how to style select input in css

๐Ÿ”ฅ๐Ÿ”ฅ how to style select input in css

Hello, glad you are here. I am kunaal and today we will see how to make a custom select input, a cust...

Koders
Cover Image for I made an app for Web Developers!

I made an app for Web Developers!

Responsivize A must have tool to develop responsive websites! Download here W...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 28th May 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 28th May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for 35+ Simple CSS Based Pre Loaders

35+ Simple CSS Based Pre Loaders

Pre loader or a loading screen animation is animation which will be displayed before the content of t...

Koders
Cover Image for Back to Basic: Should we use Flexbox or Grid?

Back to Basic: Should we use Flexbox or Grid?

Back to Basic will answer some of my questions when I first started learning CSS. Personally, I think...

Koders
Cover Image for How to create a notification badge with CSS ?

How to create a notification badge with CSS ?

Notification badges annoy me most of the times by popping up every now and then and I am pretty sure...

Koders
Cover Image for Learn CSS By Playing Games ๐Ÿ‘พ

Learn CSS By Playing Games ๐Ÿ‘พ

Learning CSS can be a frustrating experience sometime. One of the best things about learning to code...

Koders
Cover Image for 15 Advanced CSS Techniques To Master In 2021

15 Advanced CSS Techniques To Master In 2021

CSS is used to describe how HTML elements should be presented on the web page. CSS can not only provi...

Koders
Cover Image for How to Make a Web Developer Resume That Will Get You Employed

How to Make a Web Developer Resume That Will Get You Employed

More people learn to code every day, which increases competition in the field of web development. Lan...

Koders
Cover Image for Online XML Sitemap Generator

Online XML Sitemap Generator

Easily generate HTML, RSS and Google XML sitemaps for free. Compatible with major search engines incl...

Koders
Cover Image for Share data between browser tabs

Share data between browser tabs

I recently came across the issue of sharing some data between different tabs of the same web applicat...

Koders
Cover Image for They...just...won't...learn ๐Ÿคฆโ€โ™‚๏ธ - a button is a <button>! [Series: Accessibility Rants]

They...just...won't...learn ๐Ÿคฆโ€โ™‚๏ธ - a button is a <button>! [Series: Accessibility Rants]

Preword: Here we are with yet another on of my angry rants on Accessibility. If you haven't seen th...

Koders
Cover Image for 5 expensive Kubernetes cost traps and how to deal with them

5 expensive Kubernetes cost traps and how to deal with them

Cost management gets complicated fast in Kubernetes, and more businesses will face this problem soon....

Koders
Cover Image for Build Sidebar navigation menu in ReactJS with react router and framer-motion for cool page transition effects

Build Sidebar navigation menu in ReactJS with react router and framer-motion for cool page transition effects

Hi there ๐Ÿ‘‹, Checkout this cool sidebar. Here is the Demo Link: https://react-sidebar.vercel.app/ I...

Koders
Cover Image for How to Build a Great Developer Portfolio (+ Examples & Tools)

How to Build a Great Developer Portfolio (+ Examples & Tools)

As any other specialists, developers need to market themselves to get dream jobs and projects, attrac...

Koders
Cover Image for JS interview in 2 minutes / Memoization ๐Ÿ’ญ

JS interview in 2 minutes / Memoization ๐Ÿ’ญ

Let's try to figure out how to answer common JS questions in an interview.

Koders
Cover Image for Top 10 sites / extensions you should use if you are a Frontend Developer ๐Ÿ˜Ž

Top 10 sites / extensions you should use if you are a Frontend Developer ๐Ÿ˜Ž

CssGradient ๐Ÿ–Œ Here you will find gradients of all types so that your website is at another...

Koders
Cover Image for Another 100 CSS loaders for your next project

Another 100 CSS loaders for your next project

Ready for the second set of loaders? Yes, it's again me with another collection of 100 CSS loaders. N...

Koders
Cover Image for How to make passive income as a web developer in 2021?๐Ÿ’ธ

How to make passive income as a web developer in 2021?๐Ÿ’ธ

Want to know how to make passive income as a web developer? Then this article is for you. Here you'll...

Koders
Cover Image for How To Make Your First Contribution As a Beginner In Open Source

How To Make Your First Contribution As a Beginner In Open Source

Open Source is very powerful that is encouraging and empowering, but students today are not really...

Koders
Cover Image for The 52 most popular projects from the last year of Trending Projects

The 52 most popular projects from the last year of Trending Projects

For the last year, I have been curating Trending projects a newsletter that showcases 10 popular web...

Koders
Cover Image for useContext for better state management!

useContext for better state management!

Hi folks, Managing data in an app is little tricky when many components are sharing and updating it...

Koders
Cover Image for 30+๐Ÿ”ฅ Awesome CSS Animation Resources

30+๐Ÿ”ฅ Awesome CSS Animation Resources

Here is the list of awesome CSS animation resources that will help you to animate components quickly...

Koders
Cover Image for A Complete Beginner's Guide to Next.js

A Complete Beginner's Guide to Next.js

I've used Create React App non-stop to scaffold React apps, and I love it. Recently, though, I've bee...

Koders
Cover Image for A super-easy way to determine 'this' in JavaScript

A super-easy way to determine 'this' in JavaScript

this is one of the fundamental concepts in JavaScript but it's also one of the most confusing concept...

Koders
Cover Image for Glassmorphism login form UI Design using HTML and CSS

Glassmorphism login form UI Design using HTML and CSS

In this article I am going to show you how to create glassmorphism login form using HTML and CSS prog...

Koders
Cover Image for What are micro frontends?

What are micro frontends?

This is a term that has been growing for past years. But, what is exactly a micro frontend?...

Koders
Cover Image for Create awesome Page Transitions in NextJS using Framer motion

Create awesome Page Transitions in NextJS using Framer motion

I recently decided to re-design my portfolio in NextJs. So, I started researching around the web for...

Koders
Cover Image for Master useful CSS pseudo-classes

Master useful CSS pseudo-classes

What are CSS pseudo-classes? A CSS pseudo-class is a selector which specifies a specific s...

Koders
Cover Image for React Clean Architecture

React Clean Architecture

Hello Developers! Many of us use various design patterns with React Development to make React Apps mo...

Koders
Cover Image for Super Useful Tips & Tricks for JavaScript Developers

Super Useful Tips & Tricks for JavaScript Developers

Quick way to mask numbers using slice and ES8 padStart method const creditCard = "41111...

Koders
Cover Image for You don't need mutation

You don't need mutation

Before you think I'm crazy, I'm not saying that you don't need a way of storing data in memory, becau...

Koders
Cover Image for 5 Vs code extension's to increase your developer productivity

5 Vs code extension's to increase your developer productivity

Hey there developers. How is it going. Today in this blog, I will be showing you 5 useful vs code ext...

Koders
Cover Image for Revealing Contents on Scroll Using JavaScriptโ€™s Intersection Observer API

Revealing Contents on Scroll Using JavaScriptโ€™s Intersection Observer API

Have you ever visited a website where as you scroll down the page, the contents of the webpage gradua...

Koders
Cover Image for Letโ€™s Talk About Cross-Origin Resource Sharing (CORS)

Letโ€™s Talk About Cross-Origin Resource Sharing (CORS)

Access to fetch at โ€˜https://coolserver.comโ€™ from origin โ€˜http://localhost:3000โ€™ has been blocked by...

Koders
Cover Image for I built this cool GitHub UI based DEV Portfolio

I built this cool GitHub UI based DEV Portfolio

The Design Idea Spitting the truth, I really came across 1000s of dev portfolio ๐Ÿ’ป websites...

Koders
Cover Image for Channel List to Learn Web Development from Youtube

Channel List to Learn Web Development from Youtube

May 2020 is the first time I started learning web development. In the beginning, I learn from a Udemy...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 21st May 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 21st May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for How I Learned to Code and Started Freelancing Full-Time in 8 Months

How I Learned to Code and Started Freelancing Full-Time in 8 Months

In September 2020 I signed up for Free Code Camp and started learning HTML and CSS. In April 2021 I...

Koders
Cover Image for Javascript session storage - beginner's guide

Javascript session storage - beginner's guide

In the last article we talked about local storage (see the link above), what is it and how can we use...

Koders
Cover Image for ๐Ÿš€ Productivity Tips ๐Ÿš€ for every Javascript Programmer ๐Ÿ’ป

๐Ÿš€ Productivity Tips ๐Ÿš€ for every Javascript Programmer ๐Ÿ’ป

Here is a interesting fact, do you know which is the worlds most hated and most loved programming lan...

Koders
Cover Image for What is the difference between Library vs Framework?

What is the difference between Library vs Framework?

While the terms Library and Framework may sound similar, they both work differently. Many people us...

Koders
Cover Image for 10 Google Chrome Extensions you should use as a developer

10 Google Chrome Extensions you should use as a developer

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

Koders
Cover Image for 10+ Useful Tools๐Ÿ›  For Web Developers๐Ÿ‘จโ€๐Ÿ’ปIn 2021

10+ Useful Tools๐Ÿ›  For Web Developers๐Ÿ‘จโ€๐Ÿ’ปIn 2021

Are you looking for the best tools for web development? Well, In this article, we are going to share...

Koders
Cover Image for It's ๐ŸŒ Global Accessibility Awareness Day - Do you actually give a f*ck? Here are 7 reasons why YOU should.

It's ๐ŸŒ Global Accessibility Awareness Day - Do you actually give a f*ck? Here are 7 reasons why YOU should.

Preword: The "anger" in this article is just for fun and poking a bit of fun at the "months and days"...

Koders
Cover Image for (Realistic) List of Web Dev Resources ๐Ÿ’ป๐Ÿš€

(Realistic) List of Web Dev Resources ๐Ÿ’ป๐Ÿš€

Photo by Luca Bravo on Unsplash I've been finding a lot of articles on DEV lately that garner a T...

Koders
Cover Image for useAxios: React hook for any Axios call

useAxios: React hook for any Axios call

useAxios() is a React hook that simplifies async fetching and state management. Source code and live...

Koders
Cover Image for Advanced CSS Animation Using cubic-bezier()

Advanced CSS Animation Using cubic-bezier()

When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lot...

Koders
Cover Image for All of Your React Utility Hooks in One Place

All of Your React Utility Hooks in One Place

# ๐Ÿ›  All of Your Utility Hooks in One Place. When using react(or other frameworks like NextJS and Gat...

Koders
Cover Image for Architecture: Web app[front-end] from scratch 2021

Architecture: Web app[front-end] from scratch 2021

Currently, I work as a front-end engineer and I worked on some of the frameworks Ember, React, and Vu...

Koders
Cover Image for ๐Ÿ”ฅAwesome Resource For Your Web Projects: 75+ Background Resources๐Ÿ”ฅ

๐Ÿ”ฅAwesome Resource For Your Web Projects: 75+ Background Resources๐Ÿ”ฅ

Web development is not an easy task, for a beginner it will be a very complex and confusing one, the...

Koders
Cover Image for Learn Fullstack | 2021

Learn Fullstack | 2021

This article focus on Fullstack web development. So, Don't blame me for the "anaconda article". If y...

Koders
Cover Image for 16 VS Code Shortcuts for Faster Coding

16 VS Code Shortcuts for Faster Coding

Introduction Microsoft's VS code is one of the most popular text/code editors available on...

Koders
Cover Image for Build a Complete Food Ordering App using React + Redux along With Stripe Payment Integration

Build a Complete Food Ordering App using React + Redux along With Stripe Payment Integration

A great project to add to your portfolio and resume. This article is about what you'll learn by buil...

Koders
Cover Image for I made a website to make programmers laugh: ProgrammerHumor.io

I made a website to make programmers laugh: ProgrammerHumor.io

Created a website for programmers to spend their free time on, and get a good laugh out of it too....

Koders
Cover Image for useAxios : A simple custom hook for calling APIs using axios

useAxios : A simple custom hook for calling APIs using axios

Hello folks, Frontend apps are not complete if there are no api calls involved and calling an api b...

Koders
Cover Image for You can do more than just console.log()

You can do more than just console.log()

The JavaScript console object has a number of methods that can be very useful for debugging. Below ar...

Koders
Cover Image for 8 Best Practices for REST API Design

8 Best Practices for REST API Design

1. Automate Caching Repeated request and responding to those request consumes resources and this bec...

Koders
Cover Image for All That You Need To Know About Date Object In JavaScript

All That You Need To Know About Date Object In JavaScript

In web development there will be many instance in which we need to interact with date/time values, we...

Koders
Cover Image for ๐Ÿ”ฅ BUILD USER AVATAR GENERATOR IN JAVASCRIPT

๐Ÿ”ฅ BUILD USER AVATAR GENERATOR IN JAVASCRIPT

In this post we will write a function in javascript to generate beautiful โค๏ธ user avatar. First we...

Koders
Cover Image for How I build Crypto Tracker Chart with React ๐Ÿš€

How I build Crypto Tracker Chart with React ๐Ÿš€

Hello Coders ๐Ÿ‘ฉ๐Ÿผโ€๐Ÿ’ป, Recently, I visit a crypto tracker site to check DogeCoin prices to see whether...

Koders
Cover Image for How to Solve Any Algorithm

How to Solve Any Algorithm

Learn how to solve any algorithm using these simple and easy-to-remember techniques.

Koders
Cover Image for 10 basic concepts of React JS

10 basic concepts of React JS

Nowadays React Js has been quite a popular framework for web development. It has some incredible feat...

Koders
Cover Image for A Simple Introduction to Web Sockets

A Simple Introduction to Web Sockets

Introduction As a backend developer, you sometimes get tired of making basic CRUD applicat...

Koders
Cover Image for Curated list of Newsletters to level up your coding skills

Curated list of Newsletters to level up your coding skills

Taking one step forward Learning is an unending process. The era we live in carries a plet...

Koders
Cover Image for Sets in JavaScript โ€” the only explanation you will ever need

Sets in JavaScript โ€” the only explanation you will ever need

This post contains technical information, code examples and real use cases. Int...

Koders
Cover Image for Step-by-step guide: Pass your cursor position to CSS variables with JavaScript

Step-by-step guide: Pass your cursor position to CSS variables with JavaScript

My website has a little illustration that tracks your cursor's position. The only JavaScript that hap...

Koders
Cover Image for 7 rare website with awesome free fonts

7 rare website with awesome free fonts

Google Fonts Making The Web More Beautiful, Fast, And Open Through Great Typography. li...

Koders
Cover Image for Are you using React ? Then I think you must know this

Are you using React ? Then I think you must know this

At the time of writing this, React is at version 17.02. It is fascinating to see the exponential grow...

Koders
Cover Image for Full Stack Instagram: Infinite Scroll

Full Stack Instagram: Infinite Scroll

This is my favorite project extension because this feature significantly improves the user experience...

Koders
Cover Image for Full Stack Instagram: Introduction

Full Stack Instagram: Introduction

I've been learning to build a web app using React.js. And this project turns out to be quite awesome...

Koders
Cover Image for React for Beginners: The Complete Guide for 2021

React for Beginners: The Complete Guide for 2021

Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 14th May 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 14th May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for ๐Ÿ”ฅ 75 Awesome Resources For Web Developers ๐Ÿ”ฅ

๐Ÿ”ฅ 75 Awesome Resources For Web Developers ๐Ÿ”ฅ

I have listed 75 web resources that will help you in your web designing and development process. I di...

Koders
Cover Image for Clean code & programming principles โ€“ The ultimate beginnerโ€™s guide

Clean code & programming principles โ€“ The ultimate beginnerโ€™s guide

This article is the beginner's introductory guide to programming principles. First we're going to ex...

Koders
Cover Image for I made a Twitter Clone with VueJS and Go

I made a Twitter Clone with VueJS and Go

Hello DEV community! ๐Ÿ‘‹ I've recently attempted to make a clone of Twitter using VueJS as its fronten...

Koders
Cover Image for My go-to React libraries for 2021

My go-to React libraries for 2021

Iโ€™ve been working on React apps for more than 3 years now and Iโ€™ve used tons of libraries to build va...

Koders
Cover Image for 25+ JavaScript tips that can help you understand this programming language better

25+ JavaScript tips that can help you understand this programming language better

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

Koders
Cover Image for Bootstrap 5 Templates - Open-source and FREE

Bootstrap 5 Templates - Open-source and FREE

A curated list with Bootstrap 5 Templates crafted for free by well-known agencies and released as open-source products.

Koders
Cover Image for How To Create Responsive Team Section Using HTML & CSS

How To Create Responsive Team Section Using HTML & CSS

The team section is a type of web element that you can use to introduce your team members to differen...

Koders
Cover Image for How to Maintain Your Skills as a Developer

How to Maintain Your Skills as a Developer

Itโ€™s no secret that the tech industry is always changing. New frameworks are always emerging and new...

Koders
Cover Image for Mid-Life Coding Newbie

Mid-Life Coding Newbie

My name is Will and I do NOT consider myself a coder, but a future hopeful. However, even at the age...

Koders
Cover Image for 25 GitHub Repos you can't miss to bookmark

25 GitHub Repos you can't miss to bookmark

Github is more than a version control service, it's place where developer contributes to the Communit...

Koders
Cover Image for 7 JavaScript Data Structures you must know

7 JavaScript Data Structures you must know

Data Structures is one of the most frequently tested subjects by a lot of companies. It is the base o...

Koders
Cover Image for How to Get Into Ethereum | Crypto | Web3 as a Developer

How to Get Into Ethereum | Crypto | Web3 as a Developer

Aping into Crypto from a traditional developer background

Koders
Cover Image for I made 100 CSS loaders for your next project

I made 100 CSS loaders for your next project

You either make a super fast website/application or you use loaders. I think most of us fall into the...

Koders
Cover Image for Top 10 Tech Trends for Programmers in 2021

Top 10 Tech Trends for Programmers in 2021

For the software development industry and programmers 2020 has been a significant year with lots of...

Koders
Cover Image for 10+ Tips for Finding Clients as a Freelance Web Developer

10+ Tips for Finding Clients as a Freelance Web Developer

Itโ€™s tough selling your web development services when youโ€™re new to the freelance market. Programming...

Koders
Cover Image for 12+ React Boilerplates & Starter Kits For Developers In 2021

12+ React Boilerplates & Starter Kits For Developers In 2021

Deciding which boilerplate to take on while developing may be challenging enough, cause you need not only to build your app, but to scale and maintain it afterwards as well. Some will say that you donโ€™t need any alternative starter kits, except Create React App, widely used for building single-page applications (SPAs). The same way works for Node CLI and Node, Angular CLI and Angular as well.

Koders
Cover Image for Dev tool: A Markdown editor for developers ๐Ÿ”ฅ

Dev tool: A Markdown editor for developers ๐Ÿ”ฅ

Are you using a markdown tool to take note?

Koders
Cover Image for How Does JS code run - Execution context  and Call stack

How Does JS code run - Execution context and Call stack

Do you know how javascript code runs in the javascript engine? If not, then I hope this post will b...

Koders
Cover Image for React Bootstrap 5

React Bootstrap 5

We just released React Bootstrap 5 on Product Hunt. Only a few days after the stable release of Bo...

Koders
Cover Image for [21] Top 10 Must-Have Web Dev Tools โ€“ May 2021

[21] Top 10 Must-Have Web Dev Tools โ€“ May 2021

It seems that it is the perfect time to continue my recent blog post series - Top 10 Best Web Dev Too...

Koders
Cover Image for Components are Pure Overhead

Components are Pure Overhead

A couple of years ago in the The Real Cost of UI Components, I explored the cost of components in Jav...

Koders
Cover Image for Creative-Tim - Open-Source Products

Creative-Tim - Open-Source Products

A curated list with open-source products crafted and released for free by Creative-Tim: React Dashboards, Vue Templates, and NextJS UI Kits.

Koders
Cover Image for Introducing Codewell โ€”ย Free Front End Coding Challenges!

Introducing Codewell โ€”ย Free Front End Coding Challenges!

Hi everyone! Can't believe about to show off something my friend and I have been working on for the p...

Koders
Cover Image for Why do you need Helmet in NodeJs ?

Why do you need Helmet in NodeJs ?

Helmet helps you secure your Express apps by setting various HTTP headers. It's not a silver bullet,...

Koders
Cover Image for 15 reasons why you should be using Figma for design

15 reasons why you should be using Figma for design

Figma is a design application which can be used for creating wireframes, designs and prototypes. It i...

Koders
Cover Image for Atomic Design for Developers: Better Component Composition and Organization

Atomic Design for Developers: Better Component Composition and Organization

A practical guide to developing component based sites and apps around the Atomic Design meth...

Koders
Cover Image for Everything I use daily as a Senior Frontend Engineer

Everything I use daily as a Senior Frontend Engineer

VSCode I use these extensions: Utilities Auto Close Tag: Automatically add HT...

Koders
Cover Image for Introduction to HTTP Cookies

Introduction to HTTP Cookies

I heard the british use biscuits instead of cookies...weird. Okay, let's focus. What are Cookies C...

Koders
Cover Image for What I learned after 10 years of development

What I learned after 10 years of development

I've been coding for a long time, over 10 years During all that website development of JavaScript, H...

Koders
Cover Image for Berry - Open-source React Dashboard Template

Berry - Open-source React Dashboard Template

Open-source React Dashboard template crafted by CodedThemes using Material UI design - product can be downloaded from Github.

Koders
Cover Image for Custom Checkbox with HTML & CSS

Custom Checkbox with HTML & CSS

Hello, today I created a Simple custom checkbox using CSS & JS. Not great work but I hope you lik...

Koders
Cover Image for I Built a VSCode Inspired Developer Portfolio

I Built a VSCode Inspired Developer Portfolio

The Idea & Inspiration Truth be told, I've lost count of the number of amazing portfol...

Koders
Cover Image for React Clean Code Tricks Everyone Should Know...

React Clean Code Tricks Everyone Should Know...

๐Ÿค– TL:DR : React is unopinionatedly the most famous framework to write the web apps. Due to...

Koders
Cover Image for Sexism, Racism, Toxic Positivity, and TailwindCSS

Sexism, Racism, Toxic Positivity, and TailwindCSS

You might think that these things don't belong in the same article, but here we are, this week in fro...

Koders
Cover Image for 50 Best Inspiring Form Designs ๐ŸŽจ

50 Best Inspiring Form Designs ๐ŸŽจ

Hello World! Today we are talking about Forms! They're everywhere, and when you least expect it, they...

Koders
Cover Image for 50 Projects in 50 Days, 4/5 there! ๐ŸŒป

50 Projects in 50 Days, 4/5 there! ๐ŸŒป

Time flies, I have now completed 40 small projects whilst renovating a property and moving houses. Sa...

Koders
Cover Image for Is 0kb of *HTML* in your future? ๐Ÿ”ฎ A website without JS...HTML...CSS or IMAGES!?โ‰๐Ÿ˜ฑ

Is 0kb of *HTML* in your future? ๐Ÿ”ฎ A website without JS...HTML...CSS or IMAGES!?โ‰๐Ÿ˜ฑ

If you are new here then you might not have seen that I like to abuse the internet...and for those of...

Koders
Cover Image for JS interview in 2 minutes / this ๐Ÿคฏ

JS interview in 2 minutes / this ๐Ÿคฏ

Let's try to figure out how to answer common JS questions in an interview.

Koders
Cover Image for Plan your weekly meals ๐Ÿฅ— with this template

Plan your weekly meals ๐Ÿฅ— with this template

Hey folks ๐Ÿ‘‹๐Ÿผ We just launched another Product on the Product hunt. It's a notion template that helps...

Koders
Cover Image for 10 Advices For Every Aspiring Web Developer

10 Advices For Every Aspiring Web Developer

I have been in this industry for nearly two years now. Spent those two years learning, observing, t...

Koders
Cover Image for Basic Concepts to Understand API, Web Services & Microservices

Basic Concepts to Understand API, Web Services & Microservices

Developers have been using three major building blocks for the development of web apps, namely, API...

Koders
Cover Image for Do you really need a dashboard?

Do you really need a dashboard?

As analysts, weโ€™re often asked to quickly produce dashboards or metrics that aim to solve a specific...

Koders
Cover Image for How to Make Your First Open Source Contribution

How to Make Your First Open Source Contribution

Open source software is a huge part of the tech industry. Over and over, we hear about the power of o...

Koders
Cover Image for The Ultimate Web Developer Resources List ๐Ÿ”ฅAwesome 200+ Resources

The Ultimate Web Developer Resources List ๐Ÿ”ฅAwesome 200+ Resources

Web development is not an easy task for beginners, to create a web project that standout takes lot of...

Koders
Cover Image for 30 JavaScript project ideas for Beginners to Pro developer with resources

30 JavaScript project ideas for Beginners to Pro developer with resources

In this article, I'll share 30 project ideas you can work to dominate your abilities, feel sufficient...

Koders
Cover Image for Announcing NubesGen, an Open Source tool to automate Azure deployments

Announcing NubesGen, an Open Source tool to automate Azure deployments

NubesGen is an Open Source tool that

Koders
Cover Image for Build your Responsive website without media query

Build your Responsive website without media query

We cannot talk about web development without talking about Reponsive Design. The latter is now a must...

Koders
Cover Image for Picture perfect image optimization for any web framework

Picture perfect image optimization for any web framework

Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.

Koders
Cover Image for Productivity Hacks Using Puppeteer

Productivity Hacks Using Puppeteer

TL:DR : Puppeteer is one of the greatest tools available on the web in order to perform th...

Koders
Cover Image for 24 HTML Tags you may not know.

24 HTML Tags you may not know.

We all know about HTML, it help us to structure the contents, there are many tags which help us to de...

Koders
Cover Image for A Guide to Eslint

A Guide to Eslint

I've written on Babel before, so today I thought I'd discuss its cousin, of sorts, ESLint.

Koders
Cover Image for Building GraphQL APIs on Ethereum

Building GraphQL APIs on Ethereum

In this post you'll learn how to build and deploy a GraphQL API using data stored in the Ethereum blockchain.

Koders
Cover Image for How CSS pseudo-elements work a ridiculously simple explanation for beginners

How CSS pseudo-elements work a ridiculously simple explanation for beginners

Pseudo-elements especially ::before and ::after are so hot right now. Amazing sites like Cyberpunk.ne...

Koders
Cover Image for Join Us For the First DEV Community Bug Smash!

Join Us For the First DEV Community Bug Smash!

Team Forem is excited to share the news of our first community Bug Smash! Join us for this...

Koders
Cover Image for 6 Nullish coalescing operators every javascript programmer must know !

6 Nullish coalescing operators every javascript programmer must know !

TL:DR : Most of the time out javascript code becomes clumsier if we inserted the multiple...

Koders
Cover Image for Is 0kb of JavaScript in your Future?

Is 0kb of JavaScript in your Future?

Zero JavaScript has been the new buzz phrase around JavaScript libraries for the last little while. A...

Koders
Cover Image for My favorite blogging tools to make you a productive blogger

My favorite blogging tools to make you a productive blogger

Blogging is a creative art. We need ideas, motivation, time, and skill to bring our thoughts to reali...

Koders
Cover Image for React useEffect Hook Made Simple

React useEffect Hook Made Simple

The React useEffect Hook helps you manage side-effects in functional React components. It also makes...

Koders
Cover Image for THE Ultimate Web Dev Cheat Sheet - HTML / CSS / JS ๐Ÿš€

THE Ultimate Web Dev Cheat Sheet - HTML / CSS / JS ๐Ÿš€

Hello World! Seems like we're in a streak to be the best articles of the week here at DEV, will this...

Koders
Cover Image for 5 simple ways to improve your website UI (for developers) ๐ŸŽจ๐Ÿ–ฅ๏ธ

5 simple ways to improve your website UI (for developers) ๐ŸŽจ๐Ÿ–ฅ๏ธ

I have noticed that a lot of developers are pretty good at the coding part of a project but struggle...

Koders
Cover Image for 7 uncomfortable truths about being a developer.

7 uncomfortable truths about being a developer.

7 uncomfortable truths about being a developer.A Thread... pic.twitter.com/VD2s9tlnKmโ€” Ankur๐Ÿ’ป๐ŸŽง๐Ÿ’ช (@Th...

Koders
Cover Image for 8 Unique and Secret tricks Front-end Developers don't know

8 Unique and Secret tricks Front-end Developers don't know

This post comes with some of the unique and secrets(๐Ÿค) tricks developer don't know. Some tricks will...

Koders
Cover Image for Automate the hell out of your code

Automate the hell out of your code

Automate the hell out of your code When you hear of automation what comes to your mind? So...

Koders
Cover Image for Content & Community- A Cheatsheet for Open Source projects. ( Part 1: Content ๐ŸŽจ)

Content & Community- A Cheatsheet for Open Source projects. ( Part 1: Content ๐ŸŽจ)

โ€œSoftware built on pride and love of the subject is superior to software built for profit.โ€ - Ravi S...

Koders
Cover Image for #30DaysofAppwrite

#30DaysofAppwrite

Let's face it: building modern apps is hard - building secure, performant, and scalable apps is even...

Koders
Cover Image for Amazing Button Image Hover With CSS

Amazing Button Image Hover With CSS

Today I created an Amazing Image Button Hover Effect Using HTML & CSS. when you hover on the butt...

Koders
Cover Image for Complete road map to learn React

Complete road map to learn React

The original post is in Notion. Do checkout. Here React is a library (from Facebook) for building co...

Koders
Cover Image for Customize your terminal using oh-my-posh theme

Customize your terminal using oh-my-posh theme

Hey developers, Today I will show you how you can customize your windows terminal with y...

Koders
Cover Image for Mistakes I made as a software engineer (developer)...

Mistakes I made as a software engineer (developer)...

Mistakes I made as a software engineer (developer)...A Thread... pic.twitter.com/xUiF38vhlUโ€” Ankur๐Ÿ’ป๐ŸŽง...

Koders
Cover Image for ๐Ÿš€10 Trending projects on GitHub for web developers - 30th April 2021

๐Ÿš€10 Trending projects on GitHub for web developers - 30th April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

Koders
Cover Image for 34 Ultimate VS Code Extensions to Increase Productivity! ๐Ÿ’ช

34 Ultimate VS Code Extensions to Increase Productivity! ๐Ÿ’ช

Hello Folks ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successf...

Koders
Cover Image for Make A Modern Registration Form Using HTML And CSS

Make A Modern Registration Form Using HTML And CSS

Designing an HTML sign-up form for a website or blog can be hard. Here we have listed down the most u...

Koders
Cover Image for My process for writing blog articles with actionable steps you can follow

My process for writing blog articles with actionable steps you can follow

If you've ever tried writing blog articles yourself I'm sure you've realized it is not an easy thing....

Koders
Cover Image for Promise handling and chaining using async...await and then()...catch()

Promise handling and chaining using async...await and then()...catch()

TL:DR Handling promises is one of the biggest topics in the nodejs. But, in this article I will try...

Koders
Cover Image for Design Systems โ€” Designing UI Component APIs

Design Systems โ€” Designing UI Component APIs

Not so long ago, user interfaces for the web were built mostly using standard HTML and CSS. The rise...

Koders
Cover Image for ES6 Cheatsheet ๐Ÿ”ฅ - All You Need ๐Ÿš€

ES6 Cheatsheet ๐Ÿ”ฅ - All You Need ๐Ÿš€

Hey Devs, This is an all you need ES6 cheatsheet for beginners and seasoned developers! So let's get...

Koders
Cover Image for How I Write Articles

How I Write Articles

Introduction I have always had a passion for writing because I find that it is one of the...

Koders
Cover Image for How to get a free domain name for your Laravel project?

How to get a free domain name for your Laravel project?

Introduction There could be various reasons why you would need a free domain name for your...

Koders
Cover Image for Let's talk about impostor syndrome ๐Ÿ˜ง

Let's talk about impostor syndrome ๐Ÿ˜ง

Photo by arash payam on Unsplash Hello folks! Welcome back ๐Ÿ‘‹๐Ÿป I trust you are doing well. As you...

Koders
Cover Image for 30 Free React dashboard templates and themes

30 Free React dashboard templates and themes

While researching for some dashboard-related inspiration for a product I recently developed โ€Š(listed...

Koders
Cover Image for 40+ Awesome Illustrations Resources For Your Web Projects

40+ Awesome Illustrations Resources For Your Web Projects

Here is a list of 40+ website that will provide you with free illustrations. In web design images are...

Koders
Cover Image for ๐Ÿ”ฅMachine Learning Complete Roadmap๐Ÿ”ฅ

๐Ÿ”ฅMachine Learning Complete Roadmap๐Ÿ”ฅ

Do you want to learn machine learning but don't know where to start? Then you are on right track, In...

Koders
Cover Image for useRef( ) : DOM and beyond...

useRef( ) : DOM and beyond...

This blog assumes that you know the React fundamentals and useState hook. Read my article on what i...

Koders
Cover Image for What kind of music do you listen to while coding? ๐ŸŽง

What kind of music do you listen to while coding? ๐ŸŽง

Photo by Simon Noh on Unsplash Howdy DEV fam! ๐Ÿ‘‹๐Ÿป What's good? Today's discussion topic is really...

Koders
Cover Image for 400+ JavaScript Interview Questions ๐ŸŽ“  With Answers ๐ŸŒ 

400+ JavaScript Interview Questions ๐ŸŽ“ With Answers ๐ŸŒ 

Hello World! Today I prepared a huge list of Javascript Interview Questions from this awesome repo. S...

Koders
Cover Image for ๐Ÿ’ป 5 Useful VS Code extensions to help you with Javascript, React and Git

๐Ÿ’ป 5 Useful VS Code extensions to help you with Javascript, React and Git

This is a list of 5 extensions and themes for VS Code that I often use and find useful. ES7 React/...

Koders
Cover Image for Laravel Theme Download - Modern UI Kits to start fast

Laravel Theme Download - Modern UI Kits to start fast

A curated list with Laravel Themes and projects available for download without a registration lock - all projects are released under the MIT License.

Koders
Cover Image for useReducer instead of useState while calling APIs!

useReducer instead of useState while calling APIs!

Hello folks! Itโ€™s been a while since React has introduced Hooks and we all fell in love with itโ€™s p...

Koders
Cover Image for What is Virtual DOM? How Virtual DOM works ? What is Reconciliation ? What is diffing algorithm? What makes React so fast ?

What is Virtual DOM? How Virtual DOM works ? What is Reconciliation ? What is diffing algorithm? What makes React so fast ?

You can also refer to my YouTube video for understanding with animations about the Virtual D...

Koders
Cover Image for 165+ Developer Resources I Discovered in 2020-2021

165+ Developer Resources I Discovered in 2020-2021

Since starting to actively code in 2020, I have come across many helpful resources. Some I have comp...

Koders
Cover Image for 6 Python Tips & Tricks that no One Teaches ๐Ÿš€๐Ÿ

6 Python Tips & Tricks that no One Teaches ๐Ÿš€๐Ÿ

Python is currently the most used programming language in the world, and the unique reason is that Py...

Koders
Cover Image for A painless guide to understanding CSS positioning

A painless guide to understanding CSS positioning

Developing an understanding of the CSS position property is important if you want to become really go...

Koders
Cover Image for ES6 Import And Export Cheatsheet

ES6 Import And Export Cheatsheet

Before ES6 came into play, we used multiple script tags in a single HTML file to import different Jav...

Koders
Cover Image for How Does The Web Work?

How Does The Web Work?

Car, television, stove, and refrigerator are the machines we use daily that are fairly simple to use....

Koders
Cover Image for 10 Simple Navigation Bar Hover Animations

10 Simple Navigation Bar Hover Animations

One of the main components of a web page is the navigation menu, it help us to quickly navigate to th...

Koders
Cover Image for 8 Amazing API For Your  Project

8 Amazing API For Your Project

Hello, How are you all Today I have written this post about the 8 amazing API every developer know t...

Koders
Cover Image for Free ultimate React resources. Zero to Hero in React

Free ultimate React resources. Zero to Hero in React

This guide was originally published at -> Devintro.com Delivered by Facebook in 2013, React is a...

Koders
Cover Image for Introduction to ReactJS

Introduction to ReactJS

What is React? First of all, React is not a JavaScript framework, it's simply a javascript...

Koders
Cover Image for JavaScript Promises 101

JavaScript Promises 101

Hey there! Are you new to JavaScript? Well, this post is right for you! Mastering promises is a must...

Koders