<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Asikur Rahman</title>
    <description>The latest articles on DEV Community by Asikur Rahman (@arraju).</description>
    <link>https://dev.to/arraju</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F626009%2F15bc5546-0ac5-4e5e-b835-80c86cc2699e.png</url>
      <title>DEV Community: Asikur Rahman</title>
      <link>https://dev.to/arraju</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/arraju"/>
    <language>en</language>
    <item>
      <title>10 Javascript interview questions that will help you taking preparation</title>
      <dc:creator>Asikur Rahman</dc:creator>
      <pubDate>Sat, 08 May 2021 11:16:02 +0000</pubDate>
      <link>https://dev.to/arraju/10-javascript-interview-questions-that-will-help-you-taking-preparation-2png</link>
      <guid>https://dev.to/arraju/10-javascript-interview-questions-that-will-help-you-taking-preparation-2png</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;p&gt;What is the difference between null and undefined?&lt;br&gt;
Answer: Null means to cancel out something or not the existence of something that means if we set a variable null, we can say that there is nothing in the variable.&lt;br&gt;
But undefined can happen in many ways if we want to access a parameter that is not passed then we get undefined if we just declare a variable without values then it will show undefined if we want to access a property of an object which is not present there that will also give us undefined.&lt;br&gt;
this will be enough to explore that you know something about that question.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Difference between double equal(==) and triple equal(===)?&lt;br&gt;
Answer: Triple equal is very strict it will show the type of variable that is compared but double equal is not so strict it will convert the variable into the same type and then check. For example:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xs_j6Cpc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4vxmjxg601486le3n0a.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xs_j6Cpc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4vxmjxg601486le3n0a.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
    </item>
    <item>
      <title>All you need to know about ReactJs as a beginner.</title>
      <dc:creator>Asikur Rahman</dc:creator>
      <pubDate>Fri, 07 May 2021 14:09:59 +0000</pubDate>
      <link>https://dev.to/arraju/all-you-need-to-know-about-reactjs-as-a-beginner-49hb</link>
      <guid>https://dev.to/arraju/all-you-need-to-know-about-reactjs-as-a-beginner-49hb</guid>
      <description>&lt;p&gt;React is the most popular Javascript library nowadays. So there is a huge number of interested developers who want to learn React. In this article I'll tell you a little information what you have to know as a beginner React developer.&lt;br&gt;
To be continued....&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to make Javascript code neat and clean</title>
      <dc:creator>Asikur Rahman</dc:creator>
      <pubDate>Thu, 06 May 2021 12:24:46 +0000</pubDate>
      <link>https://dev.to/arraju/how-to-make-javascript-code-neat-and-clean-5a0b</link>
      <guid>https://dev.to/arraju/how-to-make-javascript-code-neat-and-clean-5a0b</guid>
      <description>&lt;p&gt;Curly Braces&lt;br&gt;
If there is a block then we use curly braces. We should use a space before the bracket like this:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gbSbXaUC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twijmor9p3stjr296mus.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gbSbXaUC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twijmor9p3stjr296mus.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
So do we have to use curly braces if there is one conditional line?&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--teWqOtdo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pjry1dvrfcqyyi9k31pk.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--teWqOtdo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pjry1dvrfcqyyi9k31pk.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Well, using curly braces is safe and good practice but you can write without a curly brace if there is only one line in the condition.&lt;/p&gt;

&lt;p&gt;Line length&lt;br&gt;
No one likes to read along the horizontal line it’s better to split them into small lines.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0tYjmF4h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwamocizdfmk3c34dlb3.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0tYjmF4h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwamocizdfmk3c34dlb3.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Indents&lt;br&gt;
There are two types of indents&lt;br&gt;
Horizontal indents: 2 or 4 space&lt;br&gt;
A horizontal indentation is made using either 2 or 4 spaces or the horizontal tab symbol(key Tab)&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TfktQy0q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zlhjujpf00mlvd4hi62u.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TfktQy0q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zlhjujpf00mlvd4hi62u.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Vertical indents: empty line for splitting codes into logical blocks&lt;br&gt;
Even a single function can often be divided into logical blocks. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Fto1G-eU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1uch6emaei2jdivdlsyk.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Fto1G-eU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1uch6emaei2jdivdlsyk.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Semicolons &lt;br&gt;
A semicolon should be present after each statement, even if it could possibly be skipped.&lt;/p&gt;

&lt;p&gt;There are languages where a semicolon is truly optional and it is rarely used. In JavaScript, though, there are cases where a line break is not interpreted as a semicolon, leaving the code vulnerable to errors. &lt;/p&gt;

&lt;p&gt;Nesting level&lt;br&gt;
Try to avoid nesting code too many levels deep.&lt;br&gt;
For example, instead of adding a nested if/else we can use a return conditional like this:&lt;br&gt;
Option-1:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--t4JVb3jQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2ff81tne93so9hfji4l.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--t4JVb3jQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2ff81tne93so9hfji4l.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Option-2:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--smefrUdP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1a7vp94xft7jb6hol1x.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--smefrUdP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1a7vp94xft7jb6hol1x.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Function placement&lt;br&gt;
The most preferable method is code first then function&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DnHpwdqf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9oanab3qw0xnzg2xitcn.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DnHpwdqf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9oanab3qw0xnzg2xitcn.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Summary &lt;br&gt;
The main point of this writing is to make code readable. We should concern about that is our code readable and easy to understand.&lt;br&gt;
We can read popular style guides to keep up to date about coding style trends and best practice.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>10 facts about Javascript</title>
      <dc:creator>Asikur Rahman</dc:creator>
      <pubDate>Wed, 05 May 2021 13:57:42 +0000</pubDate>
      <link>https://dev.to/arraju/10-facts-about-javascript-2kap</link>
      <guid>https://dev.to/arraju/10-facts-about-javascript-2kap</guid>
      <description>&lt;p&gt;1.Character access in string&lt;br&gt;
There are two way to access characters of the string, one is using charAt()&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iFpNDBEI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wc0ppo9rl2316nb62pgl.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iFpNDBEI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wc0ppo9rl2316nb62pgl.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The other way is just like an array-like object to access each character of the string.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cg2ykk0P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n1is75g7ooppr8kdz3qa.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cg2ykk0P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n1is75g7ooppr8kdz3qa.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2.Find the index of string&lt;br&gt;
By using the indexOf() function we can easily find the first matching index number of a string. This function mainly return the index of the first matching string.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bS2V3e9W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xjz8jesud0x4r5zwb2f8.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bS2V3e9W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xjz8jesud0x4r5zwb2f8.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3.Changing the case of a string.&lt;br&gt;
If we want to convert an upper case letter into a lower case then we dont have to convert it by using ASCII value like in C. Javascript has two beautiful function to do that toUpperCase() convert lower case letter into upper case and toLowerCase() do the reverse of toUpperCase().&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7g2gz29E--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sks8243ndz24s9hdyeru.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7g2gz29E--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sks8243ndz24s9hdyeru.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4.String to integer/float&lt;br&gt;
There are two functions in javascript which allow us to parse a string into an integer or float in one second which is parseInt() and parseFloat().&lt;br&gt;
parseInt() take two parameters first one is the string and the second one is the base of the number system while parseFloat() do it for only the decimal number system and take only one parameter.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kUGRHWJO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qoisnzq0ykmso6b7wpit.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kUGRHWJO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qoisnzq0ykmso6b7wpit.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Random numbers in javascript
Math.random() return a floating number range from 0 to less than 1. So if we want any fixed ranged random number than we have to multiply Math.random() with what we want. Suppose if we want a random number from 1 to 6 than we can do this
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--f8e8O5Tk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyx1ckrwahce2y7jiael.JPG" alt="Alt Text"&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;6.Loop over an array&lt;br&gt;
If we want to access each element of an array then we can use forEach() loop which is much easier and shorter than for loop.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1cXD9NV0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4z70mkozijwf53r1ckt.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1cXD9NV0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4z70mkozijwf53r1ckt.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7.Inserting element and removing element from the array&lt;br&gt;
Using push() we can insert a new element in the array and by pop() we can remove the last element from the array&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IZWX_lyH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/evz9novlbvn1sjawfwer.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IZWX_lyH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/evz9novlbvn1sjawfwer.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;8.Difference between find() and filter() &lt;br&gt;
By using filter() we get a portion of that array but using find() we get an element.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--39JmPJn5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpqv13pbk4y9y8zzh44h.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--39JmPJn5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpqv13pbk4y9y8zzh44h.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;9.Difference between slice() and splice()&lt;br&gt;
The slice() method returns the selected items as a new array object and don’t change the original array while splice() method returns the original array with removed items.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4wFxNj8t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y55trl03i6kmfzuaasea.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4wFxNj8t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y55trl03i6kmfzuaasea.JPG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Difference between shift() and unshift()
The shift() method remove an element at a specific position and shifts the remaining elements up while returns the removing element In the meantime unshift() exactly done the opposite thing it adds an element at a specific position and shifts the remaining element down and return the size of the array.
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--18DJdNBy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2gqzm33c2e0qobfp3jz.JPG" alt="Alt Text"&gt;
&lt;/li&gt;
&lt;/ol&gt;

</description>
    </item>
  </channel>
</rss>
