Rahul
@rahulism
Joined March 29th, 2021
16😬 | Developer and Blogger | JavaScript and React 🍕 | Hustler⚡
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...
Select One:
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...
3
Select One:
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....
1
Select One:
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...
5
Select One:
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...
6
Select One:
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...
6
Select One:
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...
1
Select One:
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...
9
Select One:
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...
2
Select One:
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...
5
Select One:
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) {...
7
Select One:
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...
8
Select One:
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...
6
Select One:
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...
1
Select One:
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...
5
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
6
Select One:
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...
2
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
Select One:
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...
1
Select One:
Loading More Content
