Join 34,781 other Developers as we
Learn, Build, and Grow Together.
Connect with fellow developers and gain access to tools that will help you build a profitable SaaS 🚀
Sign Up
Beginners
Beginners posts, videos, courses, and more
How to Display Formatted Date in JavaScript Without Using Any External Library
In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021 along with the time.
So we normally use moment.js or date-fns or day.js library to get that done.
But using an external library adds a lot of extra code to the final size of the application.
For example, the moment.js npm library is...
5
Select One:
JavaScript Basics: Truthy and Falsy values in JavaScript
Do you know that JavaScript has a set of pre-defined falsy values?
Truthy and Falsy values are the non-boolean values that are coerced to true or false when performing certain operations.
The following are the only eight values that are considered as falsy values in JavaScript.
false
undefined
null
""
NaN
0
-0
0n
A...
6
Select One:
List of Handy Regular Expression Examples
In this article, we will see some of the useful regular expressions which you can use in your real-world applications.
Email validation
^[^@ ]+@[^@ ]+\.[^@ \.]{2,}$
^[^@ ]+ => starts with the character which is not @ and space (one or more occurrence of character)
@[^@ ]+ => then one single @ symbol and after that no @ sy...
6
Select One:
Extremely Useful Lodash Methods For JavaScript Developers
According to the State of Javascript 2020 Survey results, Lodash is the second most widely used utility library in the world as it provides a lot of methods that make coding easy and fast.
In this article we will see, some of the most useful methods provided by lodash which makes coding easy.
So let's get started.
Installation...
5
Select One:
How to use debouncing to Improve the performance of the search functionality
In this article, we will see a very powerful and must-use technique to improve the performance of search functionality in the application.
If we're making an API call to the server for every character typed in the input search box and the data returned by API contains a lot of data, let's say 500 or 1000 user records then it wil...
5
Select One:
JavaScript Array Sort Method and its Gotchas - Explained with Examples
In this article, we will see how to properly use the array sort method and learn common gotchas associated with it.
So let's get started.
The Array sort method sorts an array regardless of its data type - whether it's a numbered array, string array, or complex array of objects.
The sort method has the following syntax:
array.s...
1
Select One:
Super Useful Tips & Tricks for JavaScript Developers
Quick way to mask numbers using slice and ES8 padStart method
const creditCard = "4111111111114321"; // 16 digit credit card number
const lastFourDigits = creditCard.slice(-4); // get last 4 digits
// prepend * to lastFourDigits to make length equal to creditCard number length
const maskedNumber = lastFourDigits.padSt...
3
Select One:
Scope in JavaScript: Function, Block, Lexical, Global
A scope defines the lifetime visibility of a variable. Variables are not visible outside the scope in which they are declared.
Types of Scope in JavaScript
Module Scope
Function Scope
Block Scope
Lexical Scope
Global Scope
Module Scope
A variable declared outside any function fall in the global scope. In a module, when a vari...
5
Select One:
Flexbox Cheatsheet
Flexbox is amazing. It has changed how we write the CSS and it provides built-in support for responsiveness. So all the responsiveness of your website is handled by flexbox making it easier to create websites.
Flexbox is used for building one-dimensional layouts.
If you have used the Bootstrap framework for making responsive d...
3
Select One:
Redux for Beginners – Learn Redux with Code Examples
Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more.
But every React developer should know the basics of how to work with Redux since industry projects often use Redux to man...
7
Select One:
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 the most commonly used ES5 and ES6+ array methods.
These methods make coding a lot easier and also make your code look clean and easy to understand.
So in this article, we will explore some of the most popular and widely used array...
2
Select One:
React for Beginners: The Complete Guide for 2021
Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that you need to know to start building React applications in 2021.
I created this resource to give you the most complete and beginner-friendly path to learn React from the ground up.
By the end you will have a thorough understanding...
5
Select One:
Secrets to using REM in CSS: CSS Tips
As device sizes proceed to wander and programs give more client alternatives, utilizing static units simply doesn't cut it any longer. Some such countless individuals set their browser inclination to bigger content with no impact on the sites they visit.
While pixels will permit clients to zoom in and out, their content settings...
4
Select One:
6 small Career advice for CodeNewbies
These are my main 6 advices for any individual who is figuring out how to code or simply beginning in an engineer career. I trust you track down these valuable and in the event that you have anything to add leave it in the remarks beneath😉.
If you're interested in learning to code or if you're just starting out in a coding car...
7
Select One:
What are functions in JavaScript: Beginners
In this section, we cover functions, what they are utilized for and how to keep in touch with them. A function is a way to encapsulate a portion of your code so a specific action can e reused and called on to run at a specific time.
Declaration
An example of what the syntax to declare a function looks like.
function name (param...
5
Select One:
Speed Up Your Coding in React By Making These Changes in Visual Studio Code
In this article, we will see some of the settings you can do in Visual studio code to improve your productivity a lot when working with React.
So let's get started.
Enable emmet for React
If you are HTML/CSS developer, then you might already be aware of the emmet plugin.
It provides autocompletion for HTML and CSS code by reduci...
4
Select One:
A complete guide to Array destructuring | JavaScript
Destructuring in JavaScript is a worked on technique for extricating different properties from a cluster by taking the structure and deconstructing it down into its constituent parts through tasks by utilizing a grammar that seems to be like array literals.
Syntax:-
const rgb = [255, 200, 0];
// array destructuring
const [red,...
7
Select One:
20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency
CSS may look exhausting, and not very many individuals can dominate it the correct way. So in this post we've written about 20+ CSS tricks and tips you should know also SASS mixins shorthand you should know. Notwithstanding, it is an expertise that can give you an incredible upper hand over different designers. On the off chanc...
6
Select One:
Conditional logic: JavaScript for Beginners
On the off chance that statements are normally utilized in JavaScript for conditional logic and can be pretty much as basic or intricate as required.
In any coding language, you will often need to perform different actions based on certain condition. To figure out which action to take you would use an if statement and in this qu...
5
Select One:
Getting started with React Router
React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in.
It allows us to create a multi-page feel in a single page application.
Let's see an example to understand the basic usage of React ro...
4
Select One:
What are Classes in JavaScript? Using Classes in JavaScript
{% bmc rahxuls %}
Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriente...
5
Select One:
Types of Errors in JavaScript
{% buymeacoffee rahxuls %}
There are different types of errors thrown from JavaScript, So we need to know few things to understand about the error.
What type of error it is?
Error description or cause or error
Location of error and its stack trace
In this brief post, we'll discuss the same.
How to handle error from Crash?
Err...
5
Select One:
15 beginner only HTML and CSS mistakes
I have rounded up some of the HTML and CSS Mistakes I've made and you don't have to. These are some beginner mistakes, don't judge me😂.
HTML MISTAKES
No matter what stack or framework you use, it all compiled to HTML in your browser. Therefore, it's important to make sure it's right! This list highlights top HTML mistake and ho...
9
Select One:
How (and Why) You Should Post on DevDojo Today
Today I want to share a great new developer community that you can use to share your blog posts and knowledge that you want to make available to others.
This community is called DevDojo. I want to share it with you because I believe it has everything blogging sites like Dev and Hashnode have, plus many more features that can acc...
9
Select One:
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 display pages and navigate your user around them.
That's why today we're going to go over the most popular and most powerful router for React applications--React Router.
We're going to go over 11 of the essential features you nee...
8
Select One:
5 Things Every React Developer Should Know About State
One of the most important concepts for every React developer is state--what it is, how to properly use it, and to avoid common pitfalls as your build your applications.
Let's cover five of the most essential parts of state that you need to know, each of which build upon each other to aid your overall understanding of a somewhat...
5
Select One:
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 covered in most tutorials.
I have handpicked the topics I believe are some of the most important for you to know, but few articles have dedicated the time to cover in detail.
Let's take a look at five key React lessons worth knowi...
6
Select One:
Is React a Library or a Framework? Why It Matters
Developers have spent a great deal of time what React is, but have left out why this topic matters so greatly for anyone who builds React applications.
The answer to this question is essential for any React developer, regardless of their skill level, because it indicates what they must know and how they must work in developing a...
8
Select One:
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 build a complete application along the way.
As compared to many tutorials you might have gone through before, this one is meant to be thoroughly practical from start to finish.
You will learn how to create an entire React application...
8
Select One:
The React Roadmap 🏁 10 Steps to Become a React Developer in 2021
Learning how to become a confident React developer takes hard work, but not knowing the right way to become one can make it much harder.
Learning React doesn't have to be a chore.
Let's break down the 10 steps that will make your time and effort becoming a React developer easier and more fun. All while delivering consistent, car...
9
Select One:
Loading More Content
