Rahul

@rahulism

585 Points

6 Followers

139 Posts

Joined March 29th, 2021

16😬 | Developer and Blogger | JavaScript and React πŸ• | Hustler⚑

Rahul

11 hours ago

View Post

What are different method of object constructor?

This short post will discuss with you about what are different methods of object constructor. There are generally 4 methods of it we'll discuss about them. Methods of Object Constructor Object.keys(obj) - Returns an array of keys Object.values(obj - Returns an array of values Object.entries(obj) -Returns an array of [key, v...
What are different method of object constructor?
Select One:

Rahul

1 day ago

View Post

SaSS basics to advanced: Give superpower to your CSS

SASS is CSS with superpowers. So, as front-end developer and learner I researched about LESS which was great but very soon I changed to SASS because of using pre/post processor you can write CSS more programmatically and can help you develop robust systems. Nonetheless, I regularly find that individuals just know a couple of fun...
SaSS basics to advanced: Give superpower to your CSS
3
Select One:

Rahul

2 days ago

View Post

A brief guide to observers in JavaScript

In this post, I am going to cover Observers in JavaScript. So without wasting any more time, let's get into it. What are Web APIS? Observers are part of JavaScript web APIs, and those observers are relatively new Web APIs (besides the mutationObserver). Generally used in observing a certain state of a target element/s and act....
 A brief guide to observers in JavaScript
1
Select One:

Rahul

3 days ago

View Post

What is Redux? Practical guide to Redux

This post is not for beginners. Here we'll discuss Redux, the JavaScript library used for managing React state. And also I will give you a practical guide to Redux. Without further ado! Let's get into it. Introduction "A predictable state container for JS Apps" Simply put, Redux makes it easy to manage the state of yo...
What is Redux? Practical guide to Redux
5
Select One:

Rahul

4 days ago

View Post

What is Proxy in JavaScript?

An proxy object wraps another item and captures tasks like perusing/composing properties and some essential activities. const proxy = new Proxy(target, handler); Proxy is created with two parameters. Target: Original object which you want to proxy. Handler: Object that defines which operations to intercept and redefine the in...
What is Proxy in JavaScript?
6
Select One:

Rahul

5 days ago

View Post

What is competitive programming?

Competitive Programming is a contest usually held over the internet involving participants trying to solve well-defined problems by writing computer programs according to provided specifications. Contestants are referred to as sport programmers. A competition generally involves the host presenting a set of logical or mathematic...
What is competitive programming?
6
Select One:

Rahul

6 days ago

View Post

Explain me NPM in simple terms

NPM stands for Node Package Manager and is composed of an online repository of open-source Node.js projects and a command-line utility used to interact with this repository. The power of package manager is that they are specially structured to easily provide code, libraries and entire frameworks. Just a Play Store for your proje...
Explain me NPM in simple terms
1
Select One:

Rahul

1 week ago

View Post

A brief guide to Animations in CSS

Don't be afraid of animation. They're easy. This small started guide will help you in creating 4 simple type of keyframe animations. Keyframes You can use CSS keyframes to create some cool animation by transitioning between CSS properties. This quick intro to keyframe animation will cover the animation properties and show you f...
A brief guide to Animations in CSS
9
Select One:

Rahul

1 week ago

View Post

JavaScript design patterns: Decorators

I have explained about Object Creation pattern in JavaScript. Object creation pattern. So let's learn about the Decorator Pattern. What is a decorator pattern? The decorator pattern is a structural design pattern that attaches additional responsibilities to an object dynamically. This is a concept of adding extra functionality t...
JavaScript design patterns: Decorators
2
Select One:

Rahul

1 week ago

View Post

Why your website should have a Skip Link?

It's critical that any web pages you create are accessible to all. Unfortunately, it's something that's often ignored and neglected. This quick and easy tutorial will show you how to add a skip link to your page to make it more accessible. It's usually a good idea to incorporate accessibility into something you're making because...
Why your website should have a Skip Link?
5
Select One:

Rahul

1 week ago

View Post

What is Currying in JavaScript?

Currying is a technique of evaluating function with multiple arguments, into sequence of function with single argument. Currying is a transformation of function that translates a function from callable as f(a, b, c) into callable as f(a)(b)(c). function curry(f) { return function(a) { return function(b) {...
What is Currying in JavaScript?
7
Select One:

Rahul

1 week ago

View Post

VS Code Extensions to increase productivity and time-saver hacks for developers

How can developers be extra productive? You’re a developer or you manage a team of developers, higher productivity can get you extra things done through constant resources in a very small-time. You are currently here because you're finding numerous ways to increase your productivity while development or off the table, so investi...
VS Code Extensions to increase productivity and time-saver hacks for developers
8
Select One:

Rahul

1 week ago

View Post

What is Memoization in JavaScript

In my recent tweet, I said to Use Memoization to make your JavaScript functions more efficient. So in this post, I'm going to discuss with you What is Memoization in JavaScript. Memoization is an optimization technique used to speed up programs by storing the results of function calls and returning the cached result when the s...
What is Memoization in JavaScript
6
Select One:

Rahul

1 week ago

View Post

The brief intro to Recursive functions

In this post we're going to learn more about Recursive function in JavaScript. This post is specifically for the JavaScript newbies. What is Function? A JavaScript function is a block of code designed to perform a particular task. A JavaScript function is executed when somewhere it is invoked. Working function new() { // declara...
The brief intro to Recursive functions
1
Select One:

Rahul

2 weeks ago

View Post

An ultimate guide to Logging in JavaScript

In this post we'll also learn more about Logging in JavaScript. This post is for intermediate JavaScript learners. The console is part of the window object that gives you access to the browser's console. It lets you output strings, arrays and objects that help debug your code. We can get access to the console on one of two ways...
An ultimate guide to Logging in JavaScript
5
Select One:

Rahul

2 weeks ago

View Post

Start a personal blog at the end of 2020 using gatsby. I did it.

Hey, fellow developers, this is my new blog post related to why I started my personal Gatsby.js blog and how to make one gatsby blog hosted on netlify? Let's get started with it.Β  What is Gatsby.js? Gatsby is a React-based, GraphQL powered static site generator. ... It uses powerful preconfiguration to build a website that uses...
Start a personal blog at the end of 2020 using gatsby. I did it.
1
Select One:

Rahul

2 weeks ago

View Post

7 skills every web developer needs on their resume + bonus 😎😎

Your resume describes your qualifications and what makes you unique. To stand out among other applicants, you need a resume that markets your strengths and matches for the job. Here I'm gonna tell you what all is important to add in your resume. πŸ˜„ 1. HTML/CSS As a web developer, you’ll need to understand the basics of coding and...
7 skills every web developer needs on their resume + bonus 😎😎
1
Select One:

Rahul

2 weeks ago

View Post

How to code fast and type efficiently 😎

Speeding up your coding skills is an important factor for all the coders. Many of them have no clue as to how to improve coding speed. Some try to rush through the code and end up with a bunch of bugs. Other few take their time and end up with an unbeaten timeline. Here are the major things to be taken care of if you want to imp...
How to code fast and type efficiently 😎
1
Select One:

Rahul

2 weeks ago

View Post

How to send HTML emails using Gmail without any extensions πŸ€”

In this latest post, we'll learn how to create HTML emails in Gmail that contain tables, buttons, custom fonts, inline CSS styles and many many things without using extensions. **What will we learn ** Inline CSS Adding buttons custom fonts Emojis Media Queries HTML signatures Lez GO 🀘 For Adding Buttons We'll add this snippe...
How to send HTML emails using Gmail without any extensions πŸ€”
1
Select One:

Rahul

2 weeks ago

View Post

How to find low competition keyword for high google ranking : Get traffic to your blog

Hey, guys sometimes it becomes hard to rank your content on google because of very high competition. In this latest blog post, I'll be telling you guys how you can find low competition keyword for ranking your content. So let's get started. Low Competition Keywords are those which can provide (relatively) quick traffic and long...
How to find low competition keyword for high google ranking : Get traffic to your blog
6
Select One:

Rahul

2 weeks ago

View Post

How to find low competition keyword for high google ranking

Hey, guys sometimes it becomes hard to rank your content on google because of very high competition. In this latest blog post, I'll be telling you guys how you can find low competition keyword for ranking your content. So let's get started. Low Competition Keywords are those which can provide (relatively) quick traffic and long...
How to find low competition keyword for high google ranking
2
Select One:

Rahul

2 weeks ago

View Post

Unique and cool toolkit for developers + Big Bonus 😍😍

Hey, guys, I'm bringing the list of websites/tools you never thought to bookmark as a developer. These website/tools will help you in a very way in your project and all. So let's get started πŸ€˜πŸ™Œ codeply.com β€” Codeply is a fast, free online editor that includes dozens of frameworks, starter templates, and over 40,000 code snippe...
Unique and cool toolkit for developers + Big Bonus 😍😍
1
Select One:

Rahul

2 weeks ago

View Post

Top CSS resources you definitely need for your next project

When it comes to web design and development, the client has something else in his mind it is just like he will get good web design but the website will be slow loading and all. So here in this post, I am going to show you guys some CSS 3 resources that you can use to make your client's website. Lez go mah! amazing people 😎🀘 1. S...
Top CSS resources you definitely need for your next project
1
Select One:

Rahul

2 weeks ago

View Post

Ultimate RoadMap with so many resources for Front-End Development πŸ’₯πŸ’₯

I've got you everything covered. This is the final you need. The best resources with the best road map. You definitely need this if you are curious how to start with front-end development. This post covers everything about front-end development. The roadmap makes sure that gaps in the plan are identified and can be closed as nee...
Ultimate RoadMap with so many resources for Front-End Development πŸ’₯πŸ’₯
1
Select One:

Rahul

2 weeks ago

View Post

Finally, it's out - The NPM 7

According to npm this the latest update which is coming after a very long time. npm is a package manager for the JavaScript programming language. It is a subsidiary of Github. How to install npm 7? Though the latest npm 7 will be coming with node.js next week we can still install by this command. npm i -g npm@7 Features? Wo...
Finally, it's out - The NPM 7
1
Select One:

Rahul

2 weeks ago

View Post

8 Useful JavaScript String Methods

A JavaScript string stores a series of characters like "Rahul". String indexes are zero-based: The first character is in position 0, the second in 1, and so on. So here in the post, we're gonna see some of these useful string methods you can use for your projects to save your time and increase your productivity. Let's...
8 Useful JavaScript String Methods
1
Select One:

Rahul

2 weeks ago

View Post

Best practices and advantages of using React

Hey, developers from a few months I have started learning frameworks. I am currently learning React . According to me react is a very simpler language to learn, saying frankly I took so much time for javascript(still learning) but react is easy and fast to understand and develop. So here in this post, I will share you some adva...
Best practices and advantages of using React
1
Select One:

Rahul

2 weeks ago

View Post

The Rules of fast learning you can grasp from Musk

Elon Musk is a philanthropist and an example of pure genius (That's no secret why ? ) He mastered the skills of fast learning. As an entrepreneur, he views problems in a different way than any other entrepreneur. Here we will talk about 2 rules that he uses to learn faster. 🀘 First Rule Have A Strong Foundation Musk is a mast...
The Rules of fast learning you can grasp from Musk
1
Select One:

Rahul

2 weeks ago

View Post

10 Amazing UI/UX Website inspiration

Here is the collection of 10 very amazing websites you will check surely. As they have very amazing UI/UX and will inspire you to make something cool like them or better than them. EEYO BIKE Hello Adience Squads Aluxion Bling Minimal Steel Your World Sapiens Rock Paper Scissor Liu...
10 Amazing UI/UX Website inspiration
Select One:

Rahul

2 weeks ago

View Post

inline-size explained : CSS

The inline-size property in CSS is used to define the horizontal or vertical size of an element’s block. So here is my latest blog post on inline-size property. If the writing mode is vertically oriented, the value of inline-size relates to the height of the element; otherwise, it relates to the **width **of the element. A relat...
inline-size explained : CSS
1
Select One:

Loading More Content

Back to DevDojo