koders

Follow the Tech world with us.

Cover Image for 50 Best Inspiring Form Designs ๐ŸŽจ

Hello World! Today we are talking about Forms! They're everywhere, and when you least expect it, they...

Koders

More...

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
Cover Image for 7 Simple Menu Icon Animation For Beginners

7 Simple Menu Icon Animation For Beginners

Here is the list of 7 simple menu icon animation (hamburger) for beginners. All animation are done wi...

Koders
Cover Image for Awesome Tools and Technologies I Use as a Developer!

Awesome Tools and Technologies I Use as a Developer!

Hey, There!๐Ÿ‘‹ Welcome, back to another post of Top N! It's a series where I post Top 10, Be...

Koders
Cover Image for Git - How to fix a bad commit

Git - How to fix a bad commit

Oh no, this commit is a mess! ๐Ÿคฆโ€โ™‚๏ธ Sometimes, we all have a bad day and we can forget to include a f...

Koders
Cover Image for I launched a Free Drag and Drop Dashboard Builder

I launched a Free Drag and Drop Dashboard Builder

Hi, I recently launched the Beta version of Loopple, a Free Drag and Drop Dashboard Builder that aim...

Koders
Cover Image for Windows 10 grid hover effect using HTML, CSS, and vanillaย JS

Windows 10 grid hover effect using HTML, CSS, and vanillaย JS

Hello there, if you've arrived here after reading my previous post, I'd like to congratulate you as y...

Koders
Cover Image for 10 GitHub Repositories every Developer should know

10 GitHub Repositories every Developer should know

Other than being the home for some of the most interesting Open Source Projects on the internet, GitH...

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

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

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

Koders
Cover Image for Creating a Node back-end using the MVC software design pattern

Creating a Node back-end using the MVC software design pattern

In this tutorial you will learn how to create a Node back-end using the Modelโ€“viewโ€“controller (MVC) s...

Koders
Cover Image for How to Build a Color Wheel with Tints & Shades

How to Build a Color Wheel with Tints & Shades

I've built a handful of color pickers through the years, so when I in this book stumbled upon a color...

Koders
Cover Image for Manage your Finances ๐Ÿ’ฐwith this notion template

Manage your Finances ๐Ÿ’ฐwith this notion template

Hey folks ๐Ÿ‘‹๐Ÿผ. Just launched another Product on the Product hunt. It's a template that helps you manag...

Koders
Cover Image for 25 Udemy Courses Worth Your Money & Time ๐Ÿš€

25 Udemy Courses Worth Your Money & Time ๐Ÿš€

Hello Devs, We're back with another article, and in this one, we are giving you the best of the best...

Koders
Cover Image for Build a Discord Bot in 6 Minutes With Node.js and Autocode

Build a Discord Bot in 6 Minutes With Node.js and Autocode

Set up a fully-customizable Discord bot that responds when mentioned in just minutes

Koders
Cover Image for How To Make Money With Technical Articles As A Developer

How To Make Money With Technical Articles As A Developer

Learn how to monetise your knowledge and create a sideย income Writing paid technical articles...

Koders
Cover Image for Top 10 Chrome Extensions for Web Developers ๐Ÿš€๐Ÿš€

Top 10 Chrome Extensions for Web Developers ๐Ÿš€๐Ÿš€

Colorzilla ColorZilla is a css tool from which you can get a color reading from any point in your b...

Koders
Cover Image for 15+ Awesome CSS Animation Resources

15+ Awesome CSS Animation Resources

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

Koders
Cover Image for 7 Websites To Find Remote Developer Jobs

7 Websites To Find Remote Developer Jobs

Find a developer job that allows you to work from anywhere Originally posted on the codelounge.d...

Koders
Cover Image for Accepting payments with Stripe, Nuxt. js and vercel

Accepting payments with Stripe, Nuxt. js and vercel

It's been a long time since my last post and I wanted to write a small article on how to accept payme...

Koders
Cover Image for The Subtle Art of Being A Developer Advocate

The Subtle Art of Being A Developer Advocate

A few years ago I wrote this article called "What the heck is a developer advocate?" which tried to h...

Koders
Cover Image for Where do you like to travel the most? ๐Ÿ”๐Ÿ

Where do you like to travel the most? ๐Ÿ”๐Ÿ

What's your favourite tourist place and why?

Koders
Cover Image for 20 useful free resources for Web Developers

20 useful free resources for Web 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 200+ JS Resources to master programming ๐Ÿ’ฅ  Cheat Sheet

200+ JS Resources to master programming ๐Ÿ’ฅ Cheat Sheet

Hello World! I felt bored after completing the Ultimate Cheat Sheet Compilation, so I just decided to...

Koders
Cover Image for 30+ website to find designs for your next projects

30+ website to find designs for your next projects

In this post you can find Website Designs For You Next Projects Its Free For All And Easily Acessable...

Koders
Cover Image for Implementing Passwordless Authentication in Node.JS

Implementing Passwordless Authentication in Node.JS

One of the OWASP Top 10 security issues for websites is authentication that hasn't been implemented correctly. In this quick article, you'll see one of the ways you can make your own authentication system with Node.JS.

Koders
Cover Image for Tree shaking for JavaScript library authors

Tree shaking for JavaScript library authors

Contrary to what most developers think, tree shaking isnโ€™t very complicated. The discussion around th...

Koders
Cover Image for 14 CSS Topics You Must Know

14 CSS Topics You Must Know

Some advanced CSS topics which you think you already know but might not be deep enough to be extremely productive on daily basis

Koders
Cover Image for 15+ CSS HOVER EFFECTS EXAMPLE

15+ CSS HOVER EFFECTS EXAMPLE

ย  IF YOU LIKE AIRTICLE THEN CHECK MORE 40+ Stunning CSS Hover Effects Example ย ...

Koders
Cover Image for How to Grow a Freelancing Business by Outsourcing

How to Grow a Freelancing Business by Outsourcing

Outsourcing can change your freelancing business. Once you realize that TIME is your greatest ASSET,...

Koders
Cover Image for The React Router Cheatsheet: Everything You Should Know

The React Router Cheatsheet: Everything You Should Know

If you're building React applications for the web, you're going to need to use a dedicated router to...

Koders
Cover Image for Why โ€œdark modeโ€ is more energy-efficient: How to calculate image energy-cost

Why โ€œdark modeโ€ is more energy-efficient: How to calculate image energy-cost

When I read Tom Greenfords execellent book Sustainable Web Design, there was one fact that stuck with...

Koders
Cover Image for Awesome CSS Layout Resources For Beginners

Awesome CSS Layout Resources For Beginners

Here is a list of awesome CSS layout generators and layout examples. The list contains Flexbox based...

Koders
Cover Image for ๐Ÿ”จ [git]: Write better commits with Gitmoji

๐Ÿ”จ [git]: Write better commits with Gitmoji

๐Ÿ“ Notes Gitmoji is an initiative to standardize and explain the use of emojis on GitHub...

Koders
Cover Image for Nginx Cheatsheet

Nginx Cheatsheet

Nginx is open-source software for web serving, reverse proxying, caching, load balancing, media strea...

Koders
Cover Image for Some Vanilla JS libraries you must try

Some Vanilla JS libraries you must try

Never underestimate the power of simplicity. It's hard to imagine the application of concepts like pu...

Koders
Cover Image for Supercharge Your Website Using PWA: Installable Website

Supercharge Your Website Using PWA: Installable Website

What is a PWA? Progressive Web Apps (PWA) are web applications that have been designed so...

Koders
Cover Image for 40 Amazing Chrome Extensions for Web Developers and Designers

40 Amazing Chrome Extensions for Web Developers and Designers

Hello Devs ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successfu...

Koders
Cover Image for 6 Different Ways I Make Money as a Software Developerโ€Š - โ€ŠYou Canย Too

6 Different Ways I Make Money as a Software Developerโ€Š - โ€ŠYou Canย Too

I wanted to make money on the internet for years, but I didn't know how to get started. Being a Soft...

Koders
Cover Image for A futuristic dark theme `Aurora Future`

A futuristic dark theme `Aurora Future`

Aurora Future This theme is inspired by Adam Argyle's Kung-Fury-Theme. Purple, pink and...

Koders
Cover Image for How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

Do you know that when you deploy your React application which is created using create-react-app or...

Koders
Cover Image for Manage all your home ๐Ÿกchores with this Notion Template๐Ÿ”ฅ

Manage all your home ๐Ÿกchores with this Notion Template๐Ÿ”ฅ

Hey folks ๐Ÿ‘‹๐Ÿผ. Just launched another Product on the Product hunt. It's a template that helps you optim...

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

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

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

Koders
Cover Image for Create a Website With Video Background | HTML & CSS

Create a Website With Video Background | HTML & CSS

Video is probably the number one way to draw attention. A good video background can easily make peopl...

Koders
Cover Image for Fully accessible Menu components by headless UI tailwindcss

Fully accessible Menu components by headless UI tailwindcss

This blog focuses on best-practice guidance on implementing accessibility in the menu components by u...

Koders
Cover Image for React CRUD App Tutorial โ€“ Build a Book Management App in React from Scratch

React CRUD App Tutorial โ€“ Build a Book Management App in React from Scratch

In this article, you will build a Book Management App in React from scratch and learn how to perform...

Koders
Cover Image for Why I moved from Styled Components to (S)CSS modules

Why I moved from Styled Components to (S)CSS modules

A little writeup of my reasons behind moving from Styled Components to SCSS modules, and the benefits I got out of this.

Koders
Cover Image for 100 more underline/overlay animations | The upgraded CSS collection ๐Ÿฅ‡๐Ÿฅˆ๐Ÿฅ‰

100 more underline/overlay animations | The upgraded CSS collection ๐Ÿฅ‡๐Ÿฅˆ๐Ÿฅ‰

Ready for the 3rd round? let's go! As usual: No SVG, No JS, No extra tag, No pseudo element, No keyf...

Koders
Cover Image for 15 Free React  Templates for Your Next Project

15 Free React Templates for Your Next Project

React! In less than a decade of existence, React has indeed grown in leaps and bounds. It has beco...

Koders
Cover Image for How To Create A Kickass GitHub Profile Page

How To Create A Kickass GitHub Profile Page

This tutorial is also available as a video. Click on the video below or click this link. In t...

Koders
Cover Image for I'm An Impostor

I'm An Impostor

I wanted to write this article because I'm routinely frustrated by (what I perceive to be) the contin...

Koders
Cover Image for List of Visual Tools to help with Data Structures and Algorithms

List of Visual Tools to help with Data Structures and Algorithms

As a self-taught dev, it is a little intimidating and overwhelming to learn Data Structures and Algor...

Koders
Cover Image for 5 Key Lessons React Tutorials Don't Teach

5 Key Lessons React Tutorials Don't Teach

There are many essential concepts and lessons that React developers need to know that simply aren't c...

Koders
Cover Image for Boost your online presence with a STRONG personal brand ๐Ÿš€

Boost your online presence with a STRONG personal brand ๐Ÿš€

Photo by Garrhet Sampson on Unsplash Hola amigos! ๐Ÿ‘‹๐Ÿป Welcome to another one of my blogs! I'm delig...

Koders
Cover Image for Let's Build An Instagram Clone With The PETAL(Phoenix, Elixir, TailwindCSS, AlpineJS, LiveView) Stack

Let's Build An Instagram Clone With The PETAL(Phoenix, Elixir, TailwindCSS, AlpineJS, LiveView) Stack

The better way to learn is by getting our hands dirty and building things, let's build a simplified v...

Koders
Cover Image for Useful free and paid resources for Web Developers to stay updated

Useful free and paid resources for Web Developers to stay updated

Online resources JavaScript 30 by Wes Bos JavaScript.info Youtube channels LevelUpTuts Traversy...

Koders
Cover Image for Discussion - Is Covid Impacting Developers Life?

Discussion - Is Covid Impacting Developers Life?

Don't leave this article before taking this quick survey: Covid had the most impact on your... โค:...

Koders
Cover Image for 10 GitHub repos you need to know as a web developer

10 GitHub repos you need to know as a web 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 30 Awesome places to find design inspiration

30 Awesome places to find design inspiration

If I could give you one piece of advice about enhancing your creative process, it would be to never a...

Koders
Cover Image for A pure CSS password generator! ๐Ÿ˜ฑ They said it can't be done...

A pure CSS password generator! ๐Ÿ˜ฑ They said it can't be done...

I have seen loads of people say "it can't be done" and....well it can't (yet)! However after seeing...

Koders
Cover Image for State Management Battle in React 2021: Hooks, Redux, and Recoil

State Management Battle in React 2021: Hooks, Redux, and Recoil

Introduction: Over the years, the massive growth of React.JS has given birth to different...

Koders
Cover Image for Understanding Web Vitals

Understanding Web Vitals

Web Vitals are a set of metrics that Google views as essential to a websiteโ€™s user experience (UX). G...

Koders
Cover Image for 40+ Useful Resources for Mastering Web๐ŸŽ

40+ Useful Resources for Mastering Web๐ŸŽ

Introduction We have a list of various resources that can help you to solve many problems...

Koders
Cover Image for A different approach to frontend architecture

A different approach to frontend architecture

(image source: https://www.infoq.com/i18n/software-architecture-trends-2019) This article aims to...

Koders
Cover Image for Are you already lost in your node_modules?

Are you already lost in your node_modules?

It doesnโ€™t matter if you work with React or Angular or Node.JS after some time when your project is...

Koders
Cover Image for ๐Ÿ‘จโ€๐Ÿ’ปBest VsCode extensions for Python Developers๐Ÿ

๐Ÿ‘จโ€๐Ÿ’ปBest VsCode extensions for Python Developers๐Ÿ

Why do you need good tools for create software? ๐Ÿค” Short answer Really you don't...

Koders
Cover Image for How to Plan and Build a Programming Project โ€“ A Legitimate Guide for Beginners

How to Plan and Build a Programming Project โ€“ A Legitimate Guide for Beginners

This is a post I have thought about writing for a long time, I originally published it on my blog in...

Koders
Cover Image for Awesome 404 Page Templates for your Websites

Awesome 404 Page Templates for your Websites

There are different HTTP response status codes. Especially, the 404 one. Now, we wouldn't want our...

Koders
Cover Image for Create the Ultimate User Experience with AOS (Animate on Scroll)

Create the Ultimate User Experience with AOS (Animate on Scroll)

What is AOS? As front-end developer, a popular request you might get from your clients is...

Koders
Cover Image for Frontend Security

Frontend Security

Modern web development comes with a variety of challenges that developers have to consider, such as p...

Koders
Cover Image for How to have a meaningful weekend as a programmer?

How to have a meaningful weekend as a programmer?

Human life is a precious incarnation. Being born has a probability of about one in 400 trillion. So t...

Koders
Cover Image for The React Tutorial for 2021: A Complete Guide

The React Tutorial for 2021: A Complete Guide

Welcome to a tutorial made to help you become effective with React as quickly as possible as you buil...

Koders
Cover Image for Projects ideas to become a javascript master ๐Ÿš€ Resource compilation ๐Ÿ’ฅ + Giveawayโšก

Projects ideas to become a javascript master ๐Ÿš€ Resource compilation ๐Ÿ’ฅ + Giveawayโšก

Hello World! Today I wanted to share with you 10 projects you can build to be from zero to hero in ja...

Koders
Cover Image for 50 Python Projects with Source Code

50 Python Projects with Source Code

*Do you want to Kickstart a career in CyberSecurity and want to know how hackers hack in real life *...

Koders
Cover Image for 8 Rad Themes for Visual Studio Code

8 Rad Themes for Visual Studio Code

Want your to change your text editor from this: To This: Here are eight rad VSCode themes you c...

Koders
Cover Image for How I Stay Up To Date

How I Stay Up To Date

I've managed to stay in touch with what is happening in the React world, the Node.js world and also k...

Koders
Cover Image for JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead

JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead

There's a countless number of articles across the web that compare session tokens and JSON web tokens...

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

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

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

Koders
Cover Image for 12 Resources To Improve Your CSS Skills And Speed Up CSS Development

12 Resources To Improve Your CSS Skills And Speed Up CSS Development

Originally posted on the codelounge.dev blog => 12 Resources To Improve Your CSS Skills And Spee...

Koders
Cover Image for FREE And Useful Resources for Web Development in 2021โšก

FREE And Useful Resources for Web Development in 2021โšก

Fontjoy Fontjoy helps designers choose the best font combinations. Mix and match differen...

Koders
Cover Image for Setting up my new Machine

Setting up my new Machine

I was recently setting up a new machine and these are the tools I reached for first.

Koders
Cover Image for The Complete Guide to Full Stack Ethereum Development

The Complete Guide to Full Stack Ethereum Development

Building Full Stack dApps with React, Ethers.js, and Hardhat

Koders
Cover Image for 4 awesome javascript projects worthy of your collection

4 awesome javascript projects worthy of your collection

I have been staying at home recently, and when facing the computer, I was collecting all kin...

Koders
Cover Image for How to use ES6 import syntax in Node.js

How to use ES6 import syntax in Node.js

A module is a JavaScript file that exports one or more values. The exported value can be a variable,...

Koders
Cover Image for React Custom Hooks Tutorial - Creating useOnline, Testing and Publishing It

React Custom Hooks Tutorial - Creating useOnline, Testing and Publishing It

This was originally posted on my personal blog In this tutorial, we'll go over how to create a simpl...

Koders
Cover Image for ๐ŸŒ Roadmap to Full-Stack Development ๐ŸŒ

๐ŸŒ Roadmap to Full-Stack Development ๐ŸŒ

๐Ÿ“Œ Who is a Full-Stack Developer? A full-stack developer is an engineer who can handle all...

Koders
Cover Image for What no one told you about CSS Variables

What no one told you about CSS Variables

CSS Variables are great but do you know everything about them? In this post, I will highlight few q...

Koders
Cover Image for ๐Ÿ˜ฌ15 Very Important Javascript String Methods Every Developer Should Know

๐Ÿ˜ฌ15 Very Important Javascript String Methods Every Developer Should Know

Manipulation of javascript strings are very important in most of the web development projects. So ,...

Koders
Cover Image for 7 new features, 51.3 new bugs added ๐Ÿ˜‹, the DEV.TO ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป editor [PART DEUX!]

7 new features, 51.3 new bugs added ๐Ÿ˜‹, the DEV.TO ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป editor [PART DEUX!]

Welcome to the dev.to editor version 0.02! My attempt at creating an editor for dev.to to make writin...

Koders
Cover Image for Must have Themes and Extensions for every Developers - Visual studio code setup

Must have Themes and Extensions for every Developers - Visual studio code setup

Personally I have been using Visual studio Code since back in 2018, and it has turned out to be one o...

Koders
Cover Image for My Visual Studio Code Setup

My Visual Studio Code Setup

A lot of people have been asking me, what extensions and themes do you use in Visual Studio Code? He...

Koders
Cover Image for Ultimate VueJS Resources๐Ÿ›  For Developers๐Ÿ‘จโ€๐Ÿ’ป

Ultimate VueJS Resources๐Ÿ›  For Developers๐Ÿ‘จโ€๐Ÿ’ป

As we all know, Vue is one of the best JavaScript frameworks. It is highly recommended by developers...

Koders
Cover Image for 2 awesome landing page templates, welcome to use

2 awesome landing page templates, welcome to use

I have been staying at home recently, and when facing the computer, I was collecting all kin...

Koders
Cover Image for 7 Ways to Write Cleaner React Code Today

7 Ways to Write Cleaner React Code Today

๐Ÿ“ฃ This post originally appeared on ReedBarger.com. As React developers, we all want to write cleaner...

Koders
Cover Image for 8 JavaScript Tips & Tricks  That No One Teaches ๐Ÿš€

8 JavaScript Tips & Tricks That No One Teaches ๐Ÿš€

JavaScript is no doubt one of the coolest languages in the world and is gaining more and more popular...

Koders
Cover Image for Hooray! I Created my First Portfolio! ๐Ÿ“‚๐ŸŽ‰

Hooray! I Created my First Portfolio! ๐Ÿ“‚๐ŸŽ‰

For the last few months, I've been working on a personal portfolio. I've always believed that a separ...

Koders
Cover Image for Microsoft Java is out

Microsoft Java is out

Yes, you read correctly. We just announced the Preview of Microsoft Build of OpenJDK on Twitter and o...

Koders
Cover Image for Create image inside a text.

Create image inside a text.

Random image on each reload using HTML,CSS , JS.

Koders
Cover Image for Delete node_modules like a Pro

Delete node_modules like a Pro

Usually, while working on multiple projects we complain about the hard drive which is mystically alwa...

Koders
Cover Image for Ways of Getting Data from API in React

Ways of Getting Data from API in React

This blog post is about the ways of getting data from API in React. Before you read this post, you s...

Koders
Cover Image for What are Microservices:  The Pros and Cons

What are Microservices: The Pros and Cons

Microservice Architecture or Microservices are increasingly being used in the software industry to...

Koders
Cover Image for 3 very popular and wonderful resume page templates

3 very popular and wonderful resume page templates

I have been staying at home recently, and when facing the computer, I was collecting all kin...

Koders
Cover Image for A better way to use SVGs

A better way to use SVGs

External SVGs are great, but have obvious downsides when compared to inline SVGs. external-svg-loader solves them by giving a better to use them

Koders
Cover Image for Amazing card hover effect   with grid in HTML & CSS

Amazing card hover effect with grid in HTML & CSS

Hello, today I created an amazing card hover effect with a grid using HTML & CSS but this is a re...

Koders
Cover Image for I write my own web desktop OS for 3 years and this is what it looks like now

I write my own web desktop OS for 3 years and this is what it looks like now

This is a story about a poor student who just want a storage solution for his musics, video and photo...

Koders
Cover Image for Turn your website into a Cross-Platform Desktop App with less than 15 lines of code with Electron

Turn your website into a Cross-Platform Desktop App with less than 15 lines of code with Electron

What is Electron? Electron is an open-source software framework developed and maintained b...

Koders
Cover Image for Every CSS Background Property illustrated 2021 || CSS 2021

Every CSS Background Property illustrated 2021 || CSS 2021

Today we're gonna learn all CSS background properties with every possible value along with short-hand...

Koders
Cover Image for If you weren't a dev, you'd be a...

If you weren't a dev, you'd be a...

an astronaut๐Ÿš€, a cook๐Ÿ‘ฉโ€๐Ÿณ, a dancer๐Ÿ•บ (maybe not this one), a policeman๐Ÿ‘ฎ, a footballerโšฝ (only if I los...

Koders
Cover Image for JavaScript Amazing operators

JavaScript Amazing operators

JavaScript Amazing operators Hello Everyone, In this tutorial I am going to discuss about...

Koders
Cover Image for The Best 20 Places To Learn How To Code For Free

The Best 20 Places To Learn How To Code For Free

Originally posted on the codelounge.dev blog => The Best 20 Places To Learn How To Code For Free...

Koders
Cover Image for Understand Big O notation in 7 minutes

Understand Big O notation in 7 minutes

The Big O notation is a notion often completely ignored by developers. It is however a fundamental notion, more than useful and simple to understand.

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

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

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

Koders
Cover Image for A lot of useful and wonderful landing page templates

A lot of useful and wonderful landing page templates

awesome-landing-page is A series of beautiful and practical landing page templates. There...

Koders
Cover Image for Benefits of Microservices Architecture

Benefits of Microservices Architecture

Microservices architecture enables a system to be divided into multiple smaller, individual and ind...

Koders
Cover Image for โœ”||๐Ÿคข Commit or Vomit

โœ”||๐Ÿคข Commit or Vomit

In my recent post I questioned the use of a switch instead of an if else statement. This gave me the...

Koders
Cover Image for SASS Cheat Sheet ๐Ÿ”ฅ - Best SASS Cheatsheet Online ๐Ÿš€

SASS Cheat Sheet ๐Ÿ”ฅ - Best SASS Cheatsheet Online ๐Ÿš€

Hey Devs, This is the most complete and well-structured SASS cheatsheet you can find online!! So let...

Koders
Cover Image for 4 Best UI Framework For ReactJS

4 Best UI Framework For ReactJS

Introduction Building any project from scratch is painful as it takes a lot of time, cause...

Koders
Cover Image for Building a GraphQL API on AWS with Amazon Neptune Graph Database and CDK

Building a GraphQL API on AWS with Amazon Neptune Graph Database and CDK

In this tutorial, I'll walk through how to build a Neptune-backed AppSync GraphQL API with AWS CDK, AWS AppSync, and AWS Lambda.

Koders
Cover Image for JavaScript Influencers to Follow in 2021๐Ÿคฉ

JavaScript Influencers to Follow in 2021๐Ÿคฉ

Well, here we are going to list down some of the well-known JavaScript influencers. Although, before...

Koders
Cover Image for Learn React Hooks by looking under the hood of a video chat app

Learn React Hooks by looking under the hood of a video chat app

Like most developers I know, I learn a lot every day at work. That's part of why I wanted to make pro...

Koders
Cover Image for Top 10 Chrome Extensions I can't live without

Top 10 Chrome Extensions I can't live without

Chrome extensions are simple extension tools that help with coordinating one's work. I have been a gr...

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

8 Ultimate ressources for learning Web Dev in 2021 #1

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

Koders
Cover Image for Hybrid Cloud Explained (By a Non-Developer)

Hybrid Cloud Explained (By a Non-Developer)

Hello again. Itโ€™s March, and while I missed February for putting out an โ€œExplainedโ€ blog, I have a to...

Koders
Cover Image for ๐Ÿ“ Plan ahead for your next dream Job ๐Ÿงณ Inside Notion? ๐Ÿš€๐Ÿ’ฏ

๐Ÿ“ Plan ahead for your next dream Job ๐Ÿงณ Inside Notion? ๐Ÿš€๐Ÿ’ฏ

Notion Template to help you get your next Dream Job.

Koders
Cover Image for The incredible weight of being a trans woman in tech

The incredible weight of being a trans woman in tech

Content warnings for bullying, abuse, trans-misogyny, the general state of horibbleness in tech. If a...

Koders
Cover Image for Why all Developers should Blog - No Excuses!

Why all Developers should Blog - No Excuses!

๐Ÿ‘‰ Cover Image by Glenn Carstens-Peters on Unsplash ๐Ÿ˜จ Why most people are afraid of blogging...

Koders
Cover Image for 5 things I'm thinking about when I check a Pull Request for accessibility

5 things I'm thinking about when I check a Pull Request for accessibility

(Photo by Cookie the Pom on Unsplash) Developing reliable, accessible, apps is really a whole-team e...

Koders
Cover Image for Another 100 underline/overlay  animations | The extended CSS collection ๐Ÿฅ‡๐Ÿฅˆ

Another 100 underline/overlay animations | The extended CSS collection ๐Ÿฅ‡๐Ÿฅˆ

You all liked my previous collection of 100 animations so here I am with another collection. Now you...

Koders
Cover Image for React.js : Zero to Hero

React.js : Zero to Hero

I dont like react anymore, all hail vue.js Intro: React is an Open Source view library created and m...

Koders
Cover Image for Finally - How to understand math - Awesome resource list ๐Ÿš€

Finally - How to understand math - Awesome resource list ๐Ÿš€

Hello World Here is the list of ... 1, 2, 3... Yes, 6 useful resources for you to learn math! ๐Ÿ”– -...

Koders
Cover Image for List of Resources to Easily Crack Your Next JavaScript/React Interview

List of Resources to Easily Crack Your Next JavaScript/React Interview

List of 1000 JavaScript Interview Questions A very popular resource for the collection of...

Koders
Cover Image for 15+ Useful Web Development Tools That You Might Not Know

15+ Useful Web Development Tools That You Might Not Know

Web development tools help developers to build a website or an application easier and faster. It simp...

Koders
Cover Image for Back to Basics: Understanding and Conquering "this" in Javascript

Back to Basics: Understanding and Conquering "this" in Javascript

Understanding the dark magic of function context in Javascript and Typescript

Koders
Cover Image for Learn Next.js For Free with These Resources

Learn Next.js For Free with These Resources

Hello friends, yesterday I have shared React resources and I think after learning React, Next.js may...

Koders
Cover Image for Top 10 Git GUI clients

Top 10 Git GUI clients

Introduction A lot of people prefer to use the command line when it comes to Git, but usin...

Koders
Cover Image for You ain't gonna need it

You ain't gonna need it

I love coming back to a feature that was developed a couple of months ago and seeing that extending i...

Koders
Cover Image for Bring you website to life with SVG animations

Bring you website to life with SVG animations

What is a SVG? Scalable Vector Graphics (SVG) are an XML-based markup language for describ...

Koders
Cover Image for Building a RESTful API with NestJS and MongoDB (Mongoose)

Building a RESTful API with NestJS and MongoDB (Mongoose)

Introduction We will learn how to implement a RESTful API for a simple todo application us...

Koders
Cover Image for call(), apply() and bind() methods in Javascript

call(), apply() and bind() methods in Javascript

We know that functions are a special kind of objects in JavaScript. So they have access to some metho...

Koders
Cover Image for Static Site Generators - the WordPress alternative no one's talking about

Static Site Generators - the WordPress alternative no one's talking about

We've all experienced it. Websites suddenly becoming slow for no reason, loading times in the double...

Koders
Cover Image for Ultimate React Resources

Ultimate React Resources

Hello everyone, today I will be sharing React.js resources. These include blog posts, free e-books, G...

Koders
Cover Image for 70+ Websites with Free Images/Videos and Tools for Your Projects

70+ Websites with Free Images/Videos and Tools for Your Projects

Hello, friends. I hope you liked my last posts about free Javascript resources, and 50+ Free Website...

Koders
Cover Image for CSS Position Property Explained!

CSS Position Property Explained!

Introduction We struggle a lot while positioning elements at the right place on the webpag...

Koders
Cover Image for Epiphanies and Ideas on Sustainable Open Source @Aviyel ๐Ÿ’ก๐ŸŒฑ

Epiphanies and Ideas on Sustainable Open Source @Aviyel ๐Ÿ’ก๐ŸŒฑ

A dream, an epiphany, a problem or a bug - most open source projects take birth here. Not so differen...

Koders
Cover Image for How to style console.logs in Chrome Dev Tools

How to style console.logs in Chrome Dev Tools

If you're like me and you use console.log as a debugging method by printing things to the console, th...

Koders
Cover Image for React.js + Drag&Drop

React.js + Drag&Drop

In my most recent project, 'GreenHouse', users manage spaces that may contain any number of house pla...

Koders
Cover Image for 50 Cool Web And Mobile Project Ideas for 2021

50 Cool Web And Mobile Project Ideas for 2021

A lot of people struggle when it comes to thinking of project ideas. Here is a list of 50 cool projec...

Koders
Cover Image for Angels of Supabase

Angels of Supabase

Supabase is an open source Firebase alternative. We're on a mission to build an incredible developer...

Koders
Cover Image for How I Made My Website Load 18% Faster

How I Made My Website Load 18% Faster

15 minutes could save you 15% or more on performance Source: Arnold Francisca Far too often, perform...

Koders
Cover Image for How to access localhost from the Internet?

How to access localhost from the Internet?

Suppose you are working on a hobby project or building projects locally for learning few concepts. On...

Koders
Cover Image for Ultimate FREE Javascript Resources

Ultimate FREE Javascript Resources

Hello friends, today I will be sharing free Javascript resources that you can practice your skills. L...

Koders
Cover Image for 10 Free and Open-sourced Tailwind CSS Templates

10 Free and Open-sourced Tailwind CSS Templates

๐Ÿ‘‹ Hello Dev fam! I had a mini list of some free, open-sourced templates of Tailwind, so thought wh...

Koders
Cover Image for 5 Tips You Want To See If You Work Remotely

5 Tips You Want To See If You Work Remotely

Originally posted on my Hashnode blog. Hashnode is a blogging platform that allows you to blog on YOU...

Koders
Cover Image for Applying To Facebook

Applying To Facebook

So I just had an idea for what might be an interesting/helpful blog series for all of my faithful rea...

Koders
Cover Image for How to Animate Your React Apps with Lottie

How to Animate Your React Apps with Lottie

๐Ÿ“ฃ This post originally appeared on ReedBarger.com. Animations can make for a more engaging user expe...

Koders
Cover Image for Level Up Your CSS with These 39 Resources

Level Up Your CSS with These 39 Resources

Hello everyone, today I will be sharing CSS tools that you can use to create beautiful styles....

Koders
Cover Image for 4 Useful Web Development Tools That Under The Radar

4 Useful Web Development Tools That Under The Radar

Here are four tools that you probably don't know about, but that can save you hours. 4. Re...

Koders
Cover Image for How to Create React Hooks: A Step-by-Step Guide

How to Create React Hooks: A Step-by-Step Guide

๐Ÿ“ฃ This post originally appeared on ReedBarger.com. Custom React hooks are an essential tool to add s...

Koders
Cover Image for React Tips & Patterns

React Tips & Patterns

React is pretty easy to learn if you know JavaScript, however, it's pretty easy to lose track of your...

Koders
Cover Image for Amazing CSS libraries for your next project

Amazing CSS libraries for your next project

I've often heard this, 2020 is the era of flying cars but front-end developers are still struggling w...

Koders
Cover Image for Free Digital Assets for Your Projects from 33 Websites

Free Digital Assets for Your Projects from 33 Websites

Hello friends, thanks for reading my 50 Free Websites For Learning How to Code post yesterday, if you...

Koders
Cover Image for ๐Ÿ˜ฌ 10 Must Know Javascript Array Methods

๐Ÿ˜ฌ 10 Must Know Javascript Array Methods

In this article , we will see 10 important javascript array methods which almost needed everywhere in...

Koders
Cover Image for 50 Free Websites For Learning How to Code

50 Free Websites For Learning How to Code

I have been going through my bookmark list yesterday and decided to make a list of my bookmarks. I wi...

Koders
Cover Image for How the Web Audio API is used for browser fingerprinting

How the Web Audio API is used for browser fingerprinting

Did you know that you can identify web browsers without using cookies or asking for permissions? Thi...

Koders
Cover Image for How to make a scroll indicator bar with JS, HTML and CSS easily and explained ๐Ÿ–ฑ๏ธ

How to make a scroll indicator bar with JS, HTML and CSS easily and explained ๐Ÿ–ฑ๏ธ

Chances are you have already ran into sites where there is a bar, usually located in the header, that...

Koders
Cover Image for I Got a Perfect Lighthouse Score on My First Portfolio Website!

I Got a Perfect Lighthouse Score on My First Portfolio Website!

I recently finished building and hosting my personal website. My goal was to keep the website static,...

Koders
Cover Image for Data fetching React Hook

Data fetching React Hook

Making HTTP requests is a common task for most Single Page Applications. Due to the asynchronous natu...

Koders
Cover Image for How I Made This Realistic Red Switch (Pure CSS)

How I Made This Realistic Red Switch (Pure CSS)

I created this pen last week after stumbling across this 3D Red Switch design on Dribble. Since t...

Koders
Cover Image for Open-source Introduction to Git and GitHub eBook ๐Ÿ’ก

Open-source Introduction to Git and GitHub eBook ๐Ÿ’ก

๐Ÿ’ก Introduction to Git and GitHub This is an open-source introduction to Git and GitHub gui...

Koders
Cover Image for Spin the Wheel โ€” a customizable roulette wheel in less than 30kb with a no-javascript fallback.

Spin the Wheel โ€” a customizable roulette wheel in less than 30kb with a no-javascript fallback.

Here's the link: missingdice.com/spin-the-wheel. I'd really appreciate any feedback on improving it,...

Koders
Cover Image for TypeScript Type Guards and Type Predicates

TypeScript Type Guards and Type Predicates

How to use Type Guards to narrow types in TypeScript.

Koders
Cover Image for 5 neat JavaScript tips

5 neat JavaScript tips

In this post, I'll show you 5 neat JavaScript tips that will help you become a better developer. Alth...

Koders
Cover Image for Git commit message convention that you can follow!

Git commit message convention that you can follow!

Motivation of this blog is to curate all information at one place and to make more people aware about...

Koders
Cover Image for How to know when to quit as a programmer?

How to know when to quit as a programmer?

Being a software engineer is a fortune in this digital age. Having an opportunity to work from the co...

Koders
Cover Image for Maximize User Experience with Infinite Scroll

Maximize User Experience with Infinite Scroll

What is Infinite Scroll? Infinite Scrolling is highly trending as an interaction behavior...

Koders
Cover Image for OOP Principles For Dummies

OOP Principles For Dummies

I don't have much experience but been in a couple of interviews. They seem to always ask the same c...

Koders
Cover Image for Day 001: How do Python Dictionaries work?

Day 001: How do Python Dictionaries work?

In this post, we'll dissect how a dictionary is represented in Python, and the hash-scheme it uses to...

Koders
Cover Image for Debouncing v/s Throttling

Debouncing v/s Throttling

In this article, we will discuss what exactly is debouncing and throttling, why we use them & the...

Koders
Cover Image for How to create beautiful confetti animations with tsParticles

How to create beautiful confetti animations with tsParticles

The new confetti shape With tsParticles you can create a lot of particles configurations w...

Koders
Cover Image for My Top CSS Tips As Shared on Twitter - Part 2

My Top CSS Tips As Shared on Twitter - Part 2

Hi! I'm @5t3ph on Twitter (and most other places on the web) and here are more of my top shared CSS t...

Koders
Cover Image for Sidebar Menu Using Only HTML and CSS

Sidebar Menu Using Only HTML and CSS

Hello readers, Today in this blog youโ€™ll learn how to create a Sidebar Menu using HTML and CSS only....

Koders
Cover Image for 111 amazing resources you're gonna love ๐Ÿ’–

111 amazing resources you're gonna love ๐Ÿ’–

Hello Devs ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successfu...

Koders
Cover Image for 6 amazing free tools that will save you some time when u are building websites. (Especially for 'non-designer' developers)

6 amazing free tools that will save you some time when u are building websites. (Especially for 'non-designer' developers)

Hello everyone, hope you are doing great! In this short article, I am writing about 6 free tools that...

Koders
Cover Image for I blogged every single day for a year

I blogged every single day for a year

It's been 365 days since I started my blogging journey, and this will be article 365. I know many of...

Koders
Cover Image for Know How to Google Is Important. Do You Know How Do It?

Know How to Google Is Important. Do You Know How Do It?

If you like this article, you might also like my Twitter content. You can find me here - Twitter prof...

Koders
Cover Image for Resources to Build your Blog using Next.js and DEV.to

Resources to Build your Blog using Next.js and DEV.to

So I recently finished building my blog using Next.js, TypeScript, Tailwind and DEV.to CMS. This w...

Koders
Cover Image for Bedrock - modern full-stack Next.js & GraphQL boilerplate

Bedrock - modern full-stack Next.js & GraphQL boilerplate

Software as a service (SaaS) is licensing and delivery model in which software is centrally hosted &a...

Koders
Cover Image for Crack your MERN interview with these questions

Crack your MERN interview with these questions

MERN stack is one of the most powerful and in-demand web stacks in 2021. MERN is a free and open-sour...

Koders
Cover Image for How React isn't reactive, and why you shouldn't care

How React isn't reactive, and why you shouldn't care

If the title agrees with you, you can stop reading right now. Move on to the next article. In technol...

Koders
Cover Image for How to create simple multi-step sign in with validation

How to create simple multi-step sign in with validation

Introduction Let's say you need to create a multi-step login form like in gmail. You are u...

Koders
Cover Image for Pure vs Impure Functions

Pure vs Impure Functions

Software engineering is full of jargon. Occasionally, to grasp the true meaning of the seemingly simp...

Koders
Cover Image for 70+ Free Design Resources for Developer

70+ Free Design Resources for Developer

Be sure to follow me on Twitter for more value-packed content like this :) Colors ColorH...

Koders
Cover Image for Goodbye Offline Page

Goodbye Offline Page

Dear DEV Community Members, I wanted to bring you all up to speed on a decision the Forem team rece...

Koders
Cover Image for React Component to Smooth Scroll to the Top.

React Component to Smooth Scroll to the Top.

It's kinda rare to find a smooth scrolling button that takes you to the top of the page on modern blo...

Koders
Cover Image for Upcoming JavaScript Features in 2021

Upcoming JavaScript Features in 2021

Latest not-finalized stage-4-proposal features going to be included in ECMAScript 2021

Koders
Cover Image for 100 underline/overlay  animations | The ultimate CSS collection ๐Ÿฅ‡

100 underline/overlay animations | The ultimate CSS collection ๐Ÿฅ‡

Get tired searching animations for your menu items and links? Search no more! Here is a list of more...

Koders
Cover Image for 5 useful sites for FRONTEND devs

5 useful sites for FRONTEND devs

5 useful sites for you to use in your frontend projects and impress everyone. Css Grid...

Koders
Cover Image for Getting started with Tailwind and React: Implementing responsiveness.

Getting started with Tailwind and React: Implementing responsiveness.

Hello folks, In my last article, I explained how you can get started with Tailwind and React by crea...

Koders
Cover Image for Learning about CSS pseudo-elements by building simple things - Part 1: Button and link hover effects.

Learning about CSS pseudo-elements by building simple things - Part 1: Button and link hover effects.

Hello everyone! Hope u r doing great. So the thing is I still struggle with understanding CSS pseudo-...

Koders
Cover Image for The Shocking Immaturity of JavaScript

The Shocking Immaturity of JavaScript

Do code newbies realize just how shockingly buggy and incomplete all the tools they use really are?

Koders
Cover Image for 7 JavaScript ES2017 Features to Learn

7 JavaScript ES2017 Features to Learn

The JavaScript ES2017 specification (ES8) has been around for a while. Many of the features introduce...

Koders
Cover Image for Best Tools For Web Development

Best Tools For Web Development

Hi guys! I am just a beginner in web development and don't know much, but I am sure these tools will...

Koders
Cover Image for A full comparison of 6 JS libraries for generating PDFs

A full comparison of 6 JS libraries for generating PDFs

This article will introduce you to a collection of libraries for creating PDFs in Javascript, comparing their uses and how they are used. Also, compared to the following aspects is it easy to handle in a modern front-end? works in Node and browser? Is it available as a UMD module? Is there a type? Can I use custom fonts?

Koders
Cover Image for Microservices in 4 minutes - Introduction to Microservices

Microservices in 4 minutes - Introduction to Microservices

Learning microservices can be intimidating for any developer, but it's especially true for junior dev...

Koders
Cover Image for Turning the Cloud Inside Out

Turning the Cloud Inside Out

Creating a cloud programming interface with GraphQL

Koders
Cover Image for 5 daily resources for Web Developers

5 daily resources for Web Developers

5 daily resources for Web Developers

Koders
Cover Image for RoadMap to learn MERN Stack for Beginners

RoadMap to learn MERN Stack for Beginners

MERN Stack consists of four technologies. M - MongoDB E - Express R - React N - Node All these...

Koders
Cover Image for Create Dynamic Spinners only using CSS

Create Dynamic Spinners only using CSS

In this blog we will be creating the Pizza Spinner depicted in the Cover Image. Getting Sta...

Koders
Cover Image for CSS image reflections with box-reflect

CSS image reflections with box-reflect

Did you know CSS has a custom reflection property? It's a pretty cool addition to reflect an image to...

Koders
Cover Image for My Twitch live coding setup in OBS

My Twitch live coding setup in OBS

When streaming live coding on Twitch, I code on a MacBook Pro and stream via OBS on a custom PC build...

Koders
Cover Image for 5 Awesome React Hooks โš›๏ธ

5 Awesome React Hooks โš›๏ธ

The React community has created incredible hooks since this feature was released, I will show some of...

Koders
Cover Image for CodePen - Generative macOS Big Sur Waves ๐ŸŒŠ [SVG]

CodePen - Generative macOS Big Sur Waves ๐ŸŒŠ [SVG]

This is a generative program that creates macOS Big Sur style wave backgrounds. Each image is random...

Koders
Cover Image for Improve your JS skills with theses tips

Improve your JS skills with theses tips

In this article I will share with you some tips about JS that can improve your skills in JS !...

Koders
Cover Image for Let's build a responsive navbar and hamburger menu using HTML, CSS, and Javascript.

Let's build a responsive navbar and hamburger menu using HTML, CSS, and Javascript.

Hello everyone! In this tutorial lets build a responsive navbar and hamburger menu using html,css and...

Koders
Cover Image for  Git Cheat Sheet ๐Ÿ”ฅ - The most useful terminal commands ๐Ÿš€

Git Cheat Sheet ๐Ÿ”ฅ - The most useful terminal commands ๐Ÿš€

Hello world! Here is a list of the basic terminal commands you should know by heart. ๐Ÿ”– - Bookmark th...

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

๐Ÿš€10 Trending projects on GitHub for web developers - 12th March 2021

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

Koders
Cover Image for 12 Ways to Improve Your DevTools Console Logging

12 Ways to Improve Your DevTools Console Logging

by author Craig Buckler Few developers delve beyond the basics of browser DevTool debugging. The hum...

Koders
Cover Image for Aurora UI - how to create with CSS

Aurora UI - how to create with CSS

Design trends are changing like new javascript frameworksโ€”at least one a day. ๐Ÿ˜„ Today I would like to...

Koders
Cover Image for Build Dev.to Clone in ReactJS

Build Dev.to Clone in ReactJS

Hey guys, Today, I'm feeling so grateful for this DEV community. From the last few months this commu...

Koders
Cover Image for Why Video Chat is a Hard Technical Problem

Why Video Chat is a Hard Technical Problem

Back over the summer, I began a series of experiments to play around with new forms of synchronous on...

Koders
Cover Image for 5 super under-rated free tools/resources I use almost every day. (As a Frontend developer)

5 super under-rated free tools/resources I use almost every day. (As a Frontend developer)

Hello everyone! Let's get straight into the list of 6 tools/resources I use almost every day as a fro...

Koders
Cover Image for A collection of beautiful, responsive Tailwind component libraries.

A collection of beautiful, responsive Tailwind component libraries.

Since starting with Tailwind for my styling needs, my workflow has significantly improved since I fol...

Koders
Cover Image for A Generative SVG Starter Kit

A Generative SVG Starter Kit

SVG is a fantastic medium for generative art. It can scale to any resolution, is a joy to debug, and...

Koders
Cover Image for CSS Modules vs CSS-in-JS. Who wins?

CSS Modules vs CSS-in-JS. Who wins?

Introduction In modern React application development, there are many approaches to organiz...

Koders
Cover Image for moovie.js - Movie focused HTML5 Player

moovie.js - Movie focused HTML5 Player

Hey, In my professional work, a few years ago, I worked on a project where the objective was to make...

Koders
Cover Image for Adding Serverless User Authentication to Your React Projects

Adding Serverless User Authentication to Your React Projects

Introduction React has given developers great leverage to deploy enterprise applications a...

Koders
Cover Image for Build a react-router clone from scratch

Build a react-router clone from scratch

Rebuilding a simple react router clone from scratch.

Koders
Cover Image for Create Chrome Extension With HTML, CSS, and JavaScript

Create Chrome Extension With HTML, CSS, and JavaScript

Introduction Google Chrome is one of the most loved browsers for developers as well as gen...

Koders
Cover Image for How To Fail Take Home Coding Challenge For Software Engineers

How To Fail Take Home Coding Challenge For Software Engineers

If you want to completely fail the take-home coding challenge on software engineer interview follow t...

Koders
Cover Image for 7 useful websites every front-end developer should know about.

7 useful websites every front-end developer should know about.

There are many websites on the internet for web developers but today I am going to show you some of m...

Koders
Cover Image for How I exploited NPM downloads... and why you shouldn't trust them

How I exploited NPM downloads... and why you shouldn't trust them

Over this past month, I've managed to get a package, with little to no users, to accumulate over one...

Koders
Cover Image for I made a list of 70+ open-source clones of sites like Airbnb, Tiktok, Netflix, Spotify, etc. Great for learning purpose!

I made a list of 70+ open-source clones of sites like Airbnb, Tiktok, Netflix, Spotify, etc. Great for learning purpose!

I curated a list of 70+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix,...

Koders
Cover Image for SheCoded: A year of silence and reflection

SheCoded: A year of silence and reflection

When I participated in the #shecoded campaign last year, I did not want to recount my story in a fash...

Koders
Cover Image for Underrated Articles on Dev.to from Last Week

Underrated Articles on Dev.to from Last Week

Hello! I'm back with another installment of underrated articles from last week! ๐Ÿ˜‹ Let's check them o...

Koders
Cover Image for 15+ Structured learning alternatives better than a bootcamp

15+ Structured learning alternatives better than a bootcamp

Note: Now that I've started working full time, I created a new post schedule that offers more time to...

Koders
Cover Image for Build a simple card skeleton loader component using HTML and CSS.

Build a simple card skeleton loader component using HTML and CSS.

Hello everyone! In this tutorial, let's build a simple skeleton loader component using HTML and CSS....

Koders
Cover Image for Nevertheless, Gift Coded

Nevertheless, Gift Coded

I love the #SheCoded initiative from DEV and I've been involved for 4 years now. I just looked up wha...

Koders
Cover Image for Responsive text based on image size

Responsive text based on image size

We all face such requirement where we need to make a title below (or above) an image to not exceed th...

Koders
Cover Image for Some small Css tips #009

Some small Css tips #009

I try to tweet a small css tip every day. Here is a collection of some of them.

Koders
Cover Image for 5 SCSS Mixins to check out!

5 SCSS Mixins to check out!

Hello World! Today's article is about one of the primary motivations for using SASS - mixins. I talk...

Koders
Cover Image for Front-end development is not automatically easy. Project timelines should reflect that.

Front-end development is not automatically easy. Project timelines should reflect that.

(thanks Unsplash for the cover image) I've had the title of "front-end engineer" in some sort of cap...

Koders
Cover Image for SheCoded 2021 โ€” Stories From Women Building Software and the Allies Supporting Them

SheCoded 2021 โ€” Stories From Women Building Software and the Allies Supporting Them

Celebrating International Women's Day with stories of triumph and perseverance โ€” and personal commitments to challenge gender inequity in tech.

Koders
Cover Image for Top Google Chrome Extensions For Devs ๐Ÿ”ฅ๐Ÿš€

Top Google Chrome Extensions For Devs ๐Ÿ”ฅ๐Ÿš€

Top Firefox Extensions For Developers ๐Ÿ”ฅ๐Ÿš€ brandon_wallace...

Koders
Cover Image for Useful Javascript resources to learn and remember

Useful Javascript resources to learn and remember

Useful Javascript resources to learn and remember

Koders
Cover Image for 7 Javascript Libraries To Try in 2021

7 Javascript Libraries To Try in 2021

Here are 7 awesome javascript libraries to check out, lets goo.. Fullpage.js This open-so...

Koders
Cover Image for Fundamentals of Functional JavaScript

Fundamentals of Functional JavaScript

Introduction Is Functional Programming any style of code that utilizes functions? If only...

Koders
Cover Image for How I improve my skills in Typescript

How I improve my skills in Typescript

I will share with us some tips that improved my skill in Typescript ! Typeguard Typeguard...

Koders
Cover Image for How to format a Number as Currency in JavaScript

How to format a Number as Currency in JavaScript

The process to format a number as currency can be a tedious task. It feels like a small task, but the...

Koders
Cover Image for The ultimate guide for data structures & algorithm interviews

The ultimate guide for data structures & algorithm interviews

By Rahul Arora, Founder Intervue -- Why you should read this? There are N number of dire...

Koders
Cover Image for Database Sharding Explained- 2021 Database Scaling Tutorial

Database Sharding Explained- 2021 Database Scaling Tutorial

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

Koders
Cover Image for Essential JavaScript Browser APIs

Essential JavaScript Browser APIs

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

Koders
Cover Image for Python Tutorial for Beginners - Full Course [FREE] ๐ŸŽ‰

Python Tutorial for Beginners - Full Course [FREE] ๐ŸŽ‰

Python is the most popular programming language out there: And it is used for so many different ind...

Koders
Cover Image for Stop using var for declaring variables !!!

Stop using var for declaring variables !!!

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

Koders
Cover Image for TOP 5 Alien Articles of the Week Worth Reading ๐Ÿ‘ฝ๐Ÿ“–

TOP 5 Alien Articles of the Week Worth Reading ๐Ÿ‘ฝ๐Ÿ“–

Hey guys! I hope you enjoyed last week's article ! I am back with another one as this week's scoop ๐Ÿ˜‹....

Koders
Cover Image for 5 habits every developer should adopt!

5 habits every developer should adopt!

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

Koders
Cover Image for Algorithms Every Programmer Should Know 2

Algorithms Every Programmer Should Know 2

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

Koders
Cover Image for CSS Grid Cheat Sheet Illustrated in 2021๐ŸŽ–๏ธ

CSS Grid Cheat Sheet Illustrated in 2021๐ŸŽ–๏ธ

Table of Contents : Grid Architecture Parent Properties grid-template-columns grid-temp...

Koders
Cover Image for Finally a CSS-only solution to create masonry layouts

Finally a CSS-only solution to create masonry layouts

hold on! the below feature is experimental and can be tested only on Firefox The specification of CS...

Koders
Cover Image for PrimeReact vs Material-UI vs Ant vs Chakra-UI vs ReactBootstrap

PrimeReact vs Material-UI vs Ant vs Chakra-UI vs ReactBootstrap

PrimeReact is an advanced UI component library for React. Let's see how it stacks up against the pac...

Koders
Cover Image for How I started my Web Development journey

How I started my Web Development journey

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

Koders
Cover Image for Never make your text container a flexbox container

Never make your text container a flexbox container

Flexbox is great. Unfortunately, many developers use it in a wrong way. To be more precise, they use...

Koders
Cover Image for Scrivere CSS come un pro ๐Ÿš€

Scrivere CSS come un pro ๐Ÿš€

The ultimate Cheat sheets compilation (200+) - ๐Ÿ”ฅ๐ŸŽ / Roadmap to...

Koders
Cover Image for What you hate the most about being a Developer? ๐Ÿ˜…๐Ÿค“

What you hate the most about being a Developer? ๐Ÿ˜…๐Ÿค“

Most hated things being a developer

Koders
Cover Image for Women's History Month: Computer Science Pioneers

Women's History Month: Computer Science Pioneers

Ada Lovelace โ€” Created the first algorithm intended to be carried out by her and Charles Babbageโ€™s pr...

Koders
Cover Image for JavaScript Should Be Your Last Resort

JavaScript Should Be Your Last Resort

JS Is Your Hammer When working on modern frontend web development, using your favorite fra...

Koders
Cover Image for Lanรงamento: Mรณdulo 01 - TypeScript Zero to Hero

Lanรงamento: Mรณdulo 01 - TypeScript Zero to Hero

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

Koders
Cover Image for Table Tennis in Pure HTML CSS ๐Ÿคฏ

Table Tennis in Pure HTML CSS ๐Ÿคฏ

No JavaScript to be found here:

Koders
Cover Image for The ultimate Cheat sheets compilation (200+) - ๐Ÿ”ฅ๐ŸŽ / Roadmap to dev ๐Ÿš€

The ultimate Cheat sheets compilation (200+) - ๐Ÿ”ฅ๐ŸŽ / Roadmap to dev ๐Ÿš€

Hello World Today I wanted to share with you my Cheatsheet Compilation that every dev should know abo...

Koders
Cover Image for TypeScript and why you should type your JS project

TypeScript and why you should type your JS project

TypeScript is like JavaScript but with no surprises. I heard a long time ago about TS, gre...

Koders
Cover Image for 8 Useful JavaScript ES2019 Features to Know About

8 Useful JavaScript ES2019 Features to Know About

The ES2019 specification may have been a smaller addition to JavaScript, but it still brought some in...

Koders
Cover Image for CSS tricks you probably didn't know about.

CSS tricks you probably didn't know about.

Today I'm gonna share with you some cool css selectors. Let's start with counter. To st...

Koders
Cover Image for Diagnosing Performance Issues

Diagnosing Performance Issues

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

Koders
Cover Image for How to create dynamic forms in react using react-hook-forms.

How to create dynamic forms in react using react-hook-forms.

Hi guys, If you are a React Developer you might know that Creating forms in Reactjs is quite easy, y...

Koders
Cover Image for Join us for #SheCoded 2021!

Join us for #SheCoded 2021!

Our 5th Annual International Women's Day Celebration

Koders
Cover Image for CSS decoded ::before and ::after

CSS decoded ::before and ::after

What is a Pseudo Element in CSS? A CSS Pseudo Element is a keyword added to a selector tha...

Koders
Cover Image for Google Keep Lite - Building Google Keep clone using reactjs

Google Keep Lite - Building Google Keep clone using reactjs

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

Koders
Cover Image for How to make footer stick at the bottom of web page.

How to make footer stick at the bottom of web page.

Problem If you are new to web development and have created some HTML page before then you...

Koders
Cover Image for How well do you know โ€œthisโ€?

How well do you know โ€œthisโ€?

Whatโ€™s โ€œthisโ€? In the simplest of terms, the JavaScript keyword this refers to the object...

Koders
Cover Image for Some Top React Interview Questions

Some Top React Interview Questions

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

Koders
Cover Image for Full Tutorial #9: Creating a GraphQL Mutation | Microservices Chat App Using React, Node.js, TypeScript and GraphQL

Full Tutorial #9: Creating a GraphQL Mutation | Microservices Chat App Using React, Node.js, TypeScript and GraphQL

About Me: I've been a professional web developer for just over 10 years now. I'm currently the lead w...

Koders
Cover Image for JavaScript Important Methods & Properties Cheatsheet

JavaScript Important Methods & Properties Cheatsheet

Hello Everyone, Here is the list of important methods and properties in JavaScript. in this tutorial...

Koders
Cover Image for Mastering responsive Web Design

Mastering responsive Web Design

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

Koders
Cover Image for var, let & const in JavaScript

var, let & const in JavaScript

ES2015(ES6) was released long back and one of the features that came with ES6 is the addition of let...

Koders
Cover Image for  You can't understand JavaScript without mastering Closure

You can't understand JavaScript without mastering Closure

Closure is one of the features of the language that many programmers struggle to wrap their heads aro...

Koders
Cover Image for Automatically Start Scripts On Launch In VSCode

Automatically Start Scripts On Launch In VSCode

VSCode comes with the ability to create tasks that operate off of a variety of things. One option is...

Koders
Cover Image for LinkedIn Profile Every Recruiter Want You To Have

LinkedIn Profile Every Recruiter Want You To Have

87% of recruiters use LinkedIn to check candidates. If your LinkedIn profile sucks, your chances to...

Koders
Cover Image for We can finally animate CSS gradient

We can finally animate CSS gradient

Hold on Firefox users the below is only supported on Chrome and Edge for now. Thanks to the new @pro...

Koders
Cover Image for You Need to Try These 10 NPM Packages as a React Developer

You Need to Try These 10 NPM Packages as a React Developer

As web developers, we tend to make use of several NPM packages on a daily basis for different reasons...

Koders
Cover Image for 7 interesting HTML attributes (you may not know)

7 interesting HTML attributes (you may not know)

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

Koders
Cover Image for A beginner's guide to applying color in UI design

A beginner's guide to applying color in UI design

Is color theory getting you down? Are you tired of the same old preset palettes? Sick of hitting โ€œreg...

Koders
Cover Image for JavaScript Array Methods Explained with Emojis

JavaScript Array Methods Explained with Emojis

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

Koders
Cover Image for My career story - from 0 to Google in ~1 year

My career story - from 0 to Google in ~1 year

Intro This isn't a how to get into google post. I'm just going to try and give my whole st...

Koders
Cover Image for Ultimate Cheatsheet Compilation

Ultimate Cheatsheet Compilation

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

Koders
Cover Image for Chrome extensions: Local storage

Chrome extensions: Local storage

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

Koders
Cover Image for Show off your Terminal Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ

Show off your Terminal Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ

Monthly Terminal Setup Show off and Few others

Koders
Cover Image for Stop using virtualenv, pyenv, nvm, goenv and Use Docker images

Stop using virtualenv, pyenv, nvm, goenv and Use Docker images

Why I use Docker images Using version managers like pyenv and nvm are obsolete. For ex...

Koders
Cover Image for The Case for Low Code

The Case for Low Code

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

Koders
Cover Image for Web Development Bad Habits to Kick

Web Development Bad Habits to Kick

Cover photo by mohamed abdelghaffar from Pexels 1. Not Designing for Mobile First You kno...

Koders
Cover Image for 25 Javascript interview questions

25 Javascript interview questions

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

Koders
Cover Image for Some important HTML tags, one should know about

Some important HTML tags, one should know about

There are some html tags which is which is lesser talked but has potential to reduce the developer he...

Koders
Cover Image for Learn functional programing with me - Part 1 : Language choice

Learn functional programing with me - Part 1 : Language choice

So, I've decided to write a blog. Sure, I could use one of many solutions out there and setup a blog...

Koders
Cover Image for Switching to Arch Linux

Switching to Arch Linux

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

Koders
Cover Image for Underrated Articles on Dev.to from Last Week

Underrated Articles on Dev.to from Last Week

Hey fellow devs ! Every day thousands of articles are published on dev platforms, and sometimes, ami...

Koders
Cover Image for 7 JavaScript ES2020 Features You Should Try

7 JavaScript ES2020 Features You Should Try

The ES2020 specification brought many interesting features. In this tutorial, you will learn about se...

Koders
Cover Image for Cookies vs Sessions

Cookies vs Sessions

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

Koders
Cover Image for CSS hide scrollbars

CSS hide scrollbars

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

Koders
Cover Image for React Clean Code - Simple ways to write better and cleaner code

React Clean Code - Simple ways to write better and cleaner code

Clean code is more than just working code. Clean code is easy to read, simple to understand, and neat...

Koders
Cover Image for Show Dev: free and open source Bootstrap 5 UI Kit

Show Dev: free and open source Bootstrap 5 UI Kit

Hello devs ๐Ÿ‘‹๐Ÿป Today I want to show you a Bootstrap 5 UI Kit which we've been working on for about a...

Koders
Cover Image for CSS Shapes with rounded corners

CSS Shapes with rounded corners

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

Koders
Cover Image for Dark Mode using CSS variables

Dark Mode using CSS variables

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

Koders
Cover Image for HTML tags Cheat Sheet

HTML tags Cheat Sheet

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

Koders
Cover Image for My productivity setup ( VS Code )

My productivity setup ( VS Code )

In this post I am gonna show you my personal vs code setup! Which makes me more productive. And gives...

Koders
Cover Image for Project 49 of 100 - Search with Autocomplete

Project 49 of 100 - Search with Autocomplete

Hey! I'm on a mission to make 100 React.js projects ending March 31st. Please follow my dev.to profil...

Koders
Cover Image for 5 useful javascript tricks

5 useful javascript tricks

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

Koders
Cover Image for Build an E-Commerce Website with MERN Stack - Part 6 (Redux Actions and Auth Components)

Build an E-Commerce Website with MERN Stack - Part 6 (Redux Actions and Auth Components)

Hello friends! So, this is the sixth part of the MERN Stack series. In the first four parts, we discu...

Koders
Cover Image for Build Job Listing Website in React JS

Build Job Listing Website in React JS

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

Koders
Cover Image for Vim .. best code editor ?

Vim .. best code editor ?

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

Koders
Cover Image for you need to relax a little developers

you need to relax a little developers

hello friends, you know what is the best thing about vs-code? you can configure it the way you want &...

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

๐Ÿš€10 Trending projects on GitHub for web developers - 19th February 2021

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

Koders
Cover Image for 100 most asked JavaScript Interview Questions and Answers - Part 2

100 most asked JavaScript Interview Questions and Answers - Part 2

We are going to learn JavaScript, by answering the most frequently asked javascript interview questio...

Koders
Cover Image for 20 essential web tools for developers

20 essential web tools for developers

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

Koders
Cover Image for 5 Websites for color inspiration

5 Websites for color inspiration

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

Koders
Cover Image for The Most Useful JavaScript Array Methods Explained with Examples

The Most Useful JavaScript Array Methods Explained with Examples

If you're a JavaScript developer and want to improve your coding, then you should be familiar with th...

Koders
Cover Image for A Complete Guide to JavaScript Tooling

A Complete Guide to JavaScript Tooling

Confused no more with a complete guide to JavaScript Tooling system

Koders
Cover Image for Creating a snowfall effect with HTML and CSS

Creating a snowfall effect with HTML and CSS

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

Koders
Cover Image for JavaScript: Array CheatSheets

JavaScript: Array CheatSheets

HOLA! ๐Ÿ– For more like this hit follow, and if you want to show support by donating, click this link:...

Koders
Cover Image for ...Spread and ...Rest Operator

...Spread and ...Rest Operator

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

Koders
Cover Image for The tiniest CSS-in-JS solution for your open-source React components

The tiniest CSS-in-JS solution for your open-source React components

Hey there! My name is Vlad and I'm fascinated by the development of JavaScript micro-libraries. My pr...

Koders
Cover Image for Image Optimization, Processing and Hosting

Image Optimization, Processing and Hosting

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

Koders
Cover Image for Less is more; simplify your React code to super power your applications - part 2

Less is more; simplify your React code to super power your applications - part 2

This is the second article in a series covering different strategies to simplify your React applicati...

Koders
Cover Image for Project Structure. Repository and folders. Review of approaches.

Project Structure. Repository and folders. Review of approaches.

When we take the first steps in project creation, we need to make many fundamental decisions. One of...

Koders
Cover Image for Show off your VSCode Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ

Show off your VSCode Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ

Weekly VSCode Setup Show off and Few others Resources

Koders
Cover Image for Webrix.js - Building Blocks for Interactive React Apps

Webrix.js - Building Blocks for Interactive React Apps

For the past 3 years, I've been working with a great team of UI developers on one of Amdocs' flagship...

Koders
Cover Image for 11 Easy UI Design Tips for Web Devs

11 Easy UI Design Tips for Web Devs

Whilst learning web development, most of us donโ€™t have much design experience or access to a UI desig...

Koders
Cover Image for Are you a good developer already?

Are you a good developer already?

As a trainer at click solutions, I regularly supervise trainees and students. Through appropriate onb...

Koders
Cover Image for Benefits of Next JS for building websites and apps

Benefits of Next JS for building websites and apps

Introduction The emerging need for innovation in online experience is pushing modern technologies to...

Koders
Cover Image for JavaScript: Date Cheat Sheet

JavaScript: Date Cheat Sheet

CHEAT SHEET BOOKMARK INTRO Declaring/Creating Date GET FUNCTIONS SET FUNCTIONS Date Conve...

Koders
Cover Image for You can't afford not to have these!

You can't afford not to have these!

I recently watched a YouTube video that gives the MUST USE Websites & Tools for Web Developers. C...

Koders
Cover Image for 8 Node.js Projects To Keep An Eye On 2021

8 Node.js Projects To Keep An Eye On 2021

1. Cytoscape.js An open-source JavaScript library used for visualization and graph analy...

Koders
Cover Image for Algorithms Every Programmer Should Know

Algorithms Every Programmer Should Know

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

Koders
Cover Image for Intersection Observer using React

Intersection Observer using React

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

Koders
Cover Image for Mastering NPM Scripts

Mastering NPM Scripts

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

Koders
Cover Image for Responsive hexagon grid without media query

Responsive hexagon grid without media query

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

Koders
Cover Image for 100 most asked JavaScript Interview Questions and Answers - Part 1

100 most asked JavaScript Interview Questions and Answers - Part 1

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with fir...

Koders
Cover Image for Authentication & Authorization in Microservices Architecture - Part I

Authentication & Authorization in Microservices Architecture - Part I

About Behalf Behalf facilitates in-purchase financing for B2B buyers and sellers. As a fin...

Koders
Cover Image for Dos & Don'ts For Resetting CSS

Dos & Don'ts For Resetting CSS

Why reset CSS ? Main reason is to fix any inconsistencies with default styles between dif...

Koders
Cover Image for React Templates - A curated list with FREE projects

React Templates - A curated list with FREE projects

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

Koders
Cover Image for Why you should drop ExpressJS in 2021

Why you should drop ExpressJS in 2021

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

Koders
Cover Image for 50 projects in 50 days? This is what I think!

50 projects in 50 days? This is what I think!

Some background As you may know, I'm a simple guy learning web development from scratch. I...

Koders
Cover Image for 7 Best Visual Studio Code Extensions Every Web Developer Should Have.

7 Best Visual Studio Code Extensions Every Web Developer Should Have.

As we all know Visual Studio Code is the most popular editor for web development. It is a free and op...

Koders
Cover Image for Build a Telegram bot with Node js

Build a Telegram bot with Node js

I enjoy looking for new technologies to experiment with during my free time, last weekend I stumbled...

Koders
Cover Image for Lie - To Advance Your Career

Lie - To Advance Your Career

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

Koders
Cover Image for THINGS TO REMEMBER WHILE CREATING YOUR PORTFOLIO WEBSITE

THINGS TO REMEMBER WHILE CREATING YOUR PORTFOLIO WEBSITE

A Portfolio website is your reflection, your way to show off projects and skills. Currently, I am als...

Koders
Cover Image for JavaScript: Array Tips and Tricks You Should Know

JavaScript: Array Tips and Tricks You Should Know

An array is one of the most common concepts of Javascript, which gives us a lot of possibilities to w...

Koders
Cover Image for Low-Hanging Fruits of Web Security

Low-Hanging Fruits of Web Security

I talk about implementing common headers in your web app to increase its security. Header...

Koders
Cover Image for โšก๏ธReactend "The story of react.js on backend"

โšก๏ธReactend "The story of react.js on backend"

React-like http-server on Nodejs

Koders
Cover Image for SmolCSS.dev - Minimal Modern CSS Snippets

SmolCSS.dev - Minimal Modern CSS Snippets

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

Koders
Cover Image for Top Best Data Visualization Tools by Ant.Design in 2021 ๐Ÿ”ฅ

Top Best Data Visualization Tools by Ant.Design in 2021 ๐Ÿ”ฅ

Greeting you as X-axis Y-axis, ๐Ÿ‘‹ There are many things to consider when choosing the right data visu...

Koders
Cover Image for A Post-Mortem in 5 Acts, of How Microsoft Privatized Open Source, killing JavaScript in theย Process

A Post-Mortem in 5 Acts, of How Microsoft Privatized Open Source, killing JavaScript in theย Process

After Microsoftโ€™s blitzkrieg take-over, the Open Source JavaScript community, as we know it, is comin...

Koders
Cover Image for Amazing image placeholders with blurhash

Amazing image placeholders with blurhash

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

Koders
Cover Image for Como se tornar um Dev influencer com o mรญnimo de esforรงo

Como se tornar um Dev influencer com o mรญnimo de esforรงo

Poste polรชmicas no twitter periodicamente. Engajamento รฉ o que vocรช precisa. Atenha-se a assuntos si...

Koders
Cover Image for Projects with high-quality designs to practice your HTML, CSS, JS... skills

Projects with high-quality designs to practice your HTML, CSS, JS... skills

Hi folks! After my last post about Knowledge Pills, you might think "What else would he pr...

Koders
Cover Image for Setup TailwindCSS in Angular the easy way

Setup TailwindCSS in Angular the easy way

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

Koders
Cover Image for Avoiding race conditions and memory leaks in React useEffect

Avoiding race conditions and memory leaks in React useEffect

Let us learn how to deal with the โ€œCanโ€™t perform a React state update on an unmounted componentโ€ warn...

Koders
Cover Image for DevDiscuss Season 4 Premiere: Meetings Worth Making with Andy Goodman

DevDiscuss Season 4 Premiere: Meetings Worth Making with Andy Goodman

A preview of the Season 4 premiere of DevDiscuss!

Koders
Cover Image for How to have a professional online appearance

How to have a professional online appearance

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

Koders
Cover Image for Is Redux Dead?

Is Redux Dead?

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

Koders
Cover Image for Reverse Tech Interview: Questions to Stump an Interviewer

Reverse Tech Interview: Questions to Stump an Interviewer

Hi, everyone, I want to bring up the topic of hiring at tech companies once again. This time I'm goin...

Koders
Cover Image for 8 JavaScript Animation Libraries You should "MUST TRY"

8 JavaScript Animation Libraries You should "MUST TRY"

If you're looking to grab your website visitor's attention, what can be better than animations. You...

Koders
Cover Image for Free Design Tools - Generators, Graphic Templates, Prototyping ...

Free Design Tools - Generators, Graphic Templates, Prototyping ...

(Note:This curated list is prepared in the process of redesigning Istanbul Private Transfer and Istan...

Koders
Cover Image for One tip that got me hired by Google, Microsoft, and Stripe

One tip that got me hired by Google, Microsoft, and Stripe

I've worked for Microsoft, Google, Stripe, and received offers from many other companies. One thing I...

Koders
Cover Image for React Hooks Cheatsheet: The 7 Hooks You Need To Know

React Hooks Cheatsheet: The 7 Hooks You Need To Know

This new tutorial will show you everything you need to know about React Hooks from scratch. I've put...

Koders
Cover Image for We Refactored 10K Lines of Code in Our Open-Source Reactย Project

We Refactored 10K Lines of Code in Our Open-Source Reactย Project

Know the how, the when, and the why behind our refactoring When working on any project, es...

Koders
Cover Image for 25 Ways I Stay Motivated & Productive

25 Ways I Stay Motivated & Productive

TL;DR This is a collection of habits and perspectives that I use to stay motivated and pro...

Koders
Cover Image for 4 Cool Website and their APIs

4 Cool Website and their APIs

Introduction Hello Guys, It's been quite a time since I published the last blog but finall...

Koders
Cover Image for A Quick Guide to Get Started with JavaScript Classes

A Quick Guide to Get Started with JavaScript Classes

JavaScript classes are popular feature of JavaScript. This tutorial will help you learn what you sho...

Koders
Cover Image for Create a generative landing page & WebGL powered background animation

Create a generative landing page & WebGL powered background animation

Recently I took a trip to the faraway land of dribbble and saw something magical. There were fuzzy or...

Koders
Cover Image for Hereโ€™s Another List of Exciting Front-End Challenges

Hereโ€™s Another List of Exciting Front-End Challenges

Indrek here, and Iโ€™m back with another list of exciting challenges for all sorts of front-end develop...

Koders
Cover Image for 3 underrated web dev youtubers you should check out

3 underrated web dev youtubers you should check out

Many of us in the web dev community are familiar with teachers like Brad Traversy, Mosh, and Net Ninj...

Koders
Cover Image for How to Become a WordPress Developer in 2021

How to Become a WordPress Developer in 2021

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

Koders
Cover Image for Integrate Passport.js to Node, Express, and Vue

Integrate Passport.js to Node, Express, and Vue

Hey Dev's If you read my previous articles about JWT (jsonwebtoken) you will come to understand one...

Koders
Cover Image for MEAN / MERN Stack 100+ Learning Resources {FREE}

MEAN / MERN Stack 100+ Learning Resources {FREE}

I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All...

Koders
Cover Image for Understanding Ruby - Blocks, Procs, and Lambdas

Understanding Ruby - Blocks, Procs, and Lambdas

Introduction Ruby is a language that uses multiple paradigms of programming, most usually...

Koders
Cover Image for 8 tools to help with CSS

8 tools to help with CSS

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

Koders
Cover Image for ABC of JavaScript

ABC of JavaScript

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

Koders
Cover Image for Authentication vs. Authorization

Authentication vs. Authorization

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

Koders
Cover Image for How I Improved My CSS Skills

How I Improved My CSS Skills

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

Koders
Cover Image for How to auto-refresh jwts using Axios interceptors

How to auto-refresh jwts using Axios interceptors

I've covered JWT authentication in some of my previous posts. For a quick recap, I'll briefly go over...

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

๐Ÿš€10 Trending projects on GitHub for web developers - 5th February 2021

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

Koders
Cover Image for 17 Website Templates HTML Free Download

17 Website Templates HTML Free Download

Normally, when you finish learning HTML CSS, you will want to find websites to practice coding in ord...

Koders
Cover Image for Super Mario World Restored Original Soundtrack: Great Coding Music!

Super Mario World Restored Original Soundtrack: Great Coding Music!

This YouTube channel has all the songs. My first reaction is this is definitely good focus/coding...

Koders
Cover Image for Taught myself to code 1y ago & recently released my first solo product. My biggest tip for learning...๐Ÿง 

Taught myself to code 1y ago & recently released my first solo product. My biggest tip for learning...๐Ÿง 

I spent 10yrs in a career of branding/advertising and went from knowing no programming to launching m...

Koders
Cover Image for Tools Every Developer Should Know and Use

Tools Every Developer Should Know and Use

SO FAR SO GOOD I hope your Web Dev journey sounds like that. Well if yes, then I have something that...

Koders
Cover Image for 5 important JavaScript array methods

5 important JavaScript array methods

Arrays are a crucial part of any programming language. Arrays are commonly used on a daily basis in a...

Koders
Cover Image for Bootstrap 5 CheatSheet By ThemeSelection! ๐Ÿš€

Bootstrap 5 CheatSheet By ThemeSelection! ๐Ÿš€

What is Bootstrap 5 CheatSheet? It is an interactive list of Bootstrap 5 classes, variable...

Koders
Cover Image for How to explain JavaScript Closure to a 5 years old kid

How to explain JavaScript Closure to a 5 years old kid

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

Koders
Cover Image for Master These Three Skills to Improve Time Management ๐Ÿš€

Master These Three Skills to Improve Time Management ๐Ÿš€

We all have 24 hours in a day and time is ticking away second by second. We canโ€™t save, store or reus...

Koders
Cover Image for What is Dynamic Import in JavaScript?

What is Dynamic Import in JavaScript?

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

Koders
Cover Image for 34 UI Libraries For React, Vue And Angular

34 UI Libraries For React, Vue And Angular

UI Library For React MATERIAL-UI(React) The MATERIAL-UI (React) component makes...

Koders
Cover Image for 50+ FREE Tools to Ace & Launch your Side Projects

50+ FREE Tools to Ace & Launch your Side Projects

Hey everyone, Weโ€™re always working on awesome side projects at Flexiple, and I know a lot of you are...

Koders
Cover Image for Fun API's For Your Project

Fun API's For Your Project

As a beginner developer, some of the first questions youโ€™ll ask yourself and others are: What pro...

Koders
Cover Image for Use Google like a pro

Use Google like a pro

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

Koders
Cover Image for Setup your ReactJS + Tailwind CSS Project by creating a template ๐Ÿ”ฅ

Setup your ReactJS + Tailwind CSS Project by creating a template ๐Ÿ”ฅ

Hey, Shaan here! As we all know that tailwind CSS is gaining popularity nowadays, so I decided to giv...

Koders
Cover Image for 5 Awesome Web Browsers For Developers

5 Awesome Web Browsers For Developers

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

Koders
Cover Image for 5 Ideas for Web Developer Portfolio Projects that Standout

5 Ideas for Web Developer Portfolio Projects that Standout

Calculators, Todo lists, weather apps They've all been done to death as portfolio projects Not only...

Koders
Cover Image for Log-Driven Development

Log-Driven Development

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

Koders
Cover Image for Why and how you can develop Design Sense? ๐Ÿ‘ฉ๐Ÿฝโ€๐ŸŽจ

Why and how you can develop Design Sense? ๐Ÿ‘ฉ๐Ÿฝโ€๐ŸŽจ

Is being good in design is necessary to become a frontend developer? Let's explore in this post.

Koders
Cover Image for Why did I start a YouTube channel as an introverted developer?

Why did I start a YouTube channel as an introverted developer?

The article was first posted my blog - catalins.tech. Before starting, I want to mention that you ca...

Koders
Cover Image for 35 Website Cheat Sheet For Developer

35 Website Cheat Sheet For Developer

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

Koders
Cover Image for 5 React Custom Hooks You Should Start Using (Explained)

5 React Custom Hooks You Should Start Using (Explained)

Are you repeating yourself by building the same features again and again inside your functional compo...

Koders
Cover Image for 50+ Tools to Ace & Launch your Side Projects

50+ Tools to Ace & Launch your Side Projects

Hey everyone, Weโ€™re always working on awesome side projects at Flexiple, and I know a lot of you are...

Koders
Cover Image for Important JavaScript Interview Q&A

Important JavaScript Interview Q&A

Ahaan, No time waste let's directly check those questions. Q1- What is a callback? Cal...

Koders
Cover Image for Tell us about the Black technologists that inspire you!

Tell us about the Black technologists that inspire you!

Five contemporary Black technologists that inspire us.

Koders
Cover Image for A Better Way to Structure React Projects

A Better Way to Structure React Projects

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

Koders
Cover Image for MongoDB, Express, Vue, and Node.

MongoDB, Express, Vue, and Node.

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

Koders
Cover Image for My freelancing workflow, from cold leads to paid invoices

My freelancing workflow, from cold leads to paid invoices

In January 2021, I made a sudden and somewhat unexpected transition to freelance web development. I...

Koders
Cover Image for Top Free WYSIWYG Text Editing Tools

Top Free WYSIWYG Text Editing Tools

CKEditor CKEditor with more than 10 years of development experience, you can be completely...

Koders
Cover Image for Understanding Rendering in React โ™ป โš›๏ธ

Understanding Rendering in React โ™ป โš›๏ธ

Hey there! ๐Ÿ‘‹๐Ÿผ I'm Mateo Garcia, I co-organize a community in Medellin, Colombia called React Medelli...

Koders
Cover Image for 21 Bad Front-End Habits to Drop in 2021

21 Bad Front-End Habits to Drop in 2021

Forget the gym, here are some resolutions you'll actually keep

Koders
Cover Image for Learning SCSS in 5 Minutes?

Learning SCSS in 5 Minutes?

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

Koders
Cover Image for Machine Learning From Scratch in Python - Full Course [FREE]

Machine Learning From Scratch in Python - Full Course [FREE]

In this course we implement the most popular Machine Learning algorithms from scratch using pure Pyth...

Koders
Cover Image for Make and publish a NodeJS CLI in 10 minutes!!

Make and publish a NodeJS CLI in 10 minutes!!

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

Koders
Cover Image for Make side projects fun again

Make side projects fun again

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

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

๐Ÿš€10 Trending projects on GitHub for web developers - 29th January 2021

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

Koders
Cover Image for 22 Sliding Form For Website

22 Sliding Form For Website

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

Koders
Cover Image for 3 Ways to create a Navbar (CSS Grid Layout)

3 Ways to create a Navbar (CSS Grid Layout)

Today let's build three different navbar layouts using the CSS grid layout and I'll show you, how eas...

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

Koders
Cover Image for Create Loading Animations with SVG and CSS

Create Loading Animations with SVG and CSS

A simple tutorial on how to create loading animations for web projects by using HTML and CSS

Koders
Cover Image for 10 Advanced Projects to Build in 2021

10 Advanced Projects to Build in 2021

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

Koders
Cover Image for 18 Web Design Trends for 2021

18 Web Design Trends for 2021

The line between ourselves and our digital twins is blurring more and more; therefore, users are look...

Koders
Cover Image for 35 Animation Library CSS Javascript For Developer

35 Animation Library CSS Javascript For Developer

What Is Web Animation? Animation is motion effects set up for objects in HTML pages to att...

Koders
Cover Image for Announcing the New Relic Hack the Planet Contest on DEV!

Announcing the New Relic Hack the Planet Contest on DEV!

Your mission? To build an application that will help combat climate change using New Relic

Koders
Cover Image for How to remove a sensitive file from your commit history on GitHub

How to remove a sensitive file from your commit history on GitHub

Yes! this has happened to most of us at least once in our career, especially when we are just startin...

Koders