<?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: Binamin</title>
    <description>The latest articles on DEV Community by Binamin (@binaminbinka1).</description>
    <link>https://dev.to/binaminbinka1</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%2F1146172%2F4cf7cd06-d2e6-43e6-bfee-097015b2698c.jpg</url>
      <title>DEV Community: Binamin</title>
      <link>https://dev.to/binaminbinka1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/binaminbinka1"/>
    <language>en</language>
    <item>
      <title>Why Preprocessor Is Essential In C</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Mon, 18 Sep 2023 07:33:13 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/why-preprocessor-is-essential-in-c-1p4a</link>
      <guid>https://dev.to/binaminbinka1/why-preprocessor-is-essential-in-c-1p4a</guid>
      <description>&lt;p&gt;Preprocessor in C refers to the essential steps performed before the compilation of a C program. To understand this better, take the example "Food" Cooking rice is the processing while collecting all ingredients in the right amount performing all the steps comes under preprocessing. Now let's discuss the concept of preprocessing in C.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The Concept Of Preprocessor&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Any teacher in a class of English lesson will tell you that, When you are adding two words together it is called a compound sentence. Now break the sentence into two and you will get two words for instance "Firewood" becomes Fire +Wood. Same with the preprocessor. "Pre" means before and "processor" means making something. A program is automatically preprocessed using various preprocessing directives in C before it is compiled in the C programming language.&lt;/p&gt;

&lt;p&gt;Understand this, you cannot have a clean code without a preprocessor. To understand this better, assume you are in a field, and both the two teams are on the pitch but there is no ball, would they play? Definitely No, right, what would they play with? If you have written even one C program, you will know that it all starts with #include. It is called a header statement. Now do this, write include without the # symbol and run the code in your IDE, you will realize that it brings an error message so this means it is important that the # hash symbol be written so that the code runs cleanly.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key Features In Preprocessor&lt;/strong&gt;&lt;br&gt;
File inclusion. The #include directive let you include a header file that contains the declaration and definitions needed for your code. This promotes modularity and reusability allowing you to separate interface and implementation detail. Examples in code&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;#include &amp;lt;stdio.h&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Macro definitions.&lt;/strong&gt; The #define directive allows you to create macros which are symbolic names for values or code snippets. Macro enhance code readability and mountability by providing meaningful names for constant or compiler expression&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;#define MACRO_NAME value

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Conditional compilation.&lt;/strong&gt; Directives like #ifndef #ifdef #else #endif enable conditional compilation. This enables you to include code sections based on specific conditions such as compiler flags or platform differences.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;   #ifdef DEBUG
       // Debug-specific code
   #else
       // Release-specific code
   #endif

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Pragma direction.&lt;/strong&gt; This provides a way to give special instructions to the compiler such as optimisation setting or alignment requirements&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Debugging and Testing.&lt;/strong&gt; Conditional compilation allows you to insert debugging statements or enables testing code without affecting the final production version.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Portability&lt;/strong&gt; Different platforms and compilers might require specific adjustments. Preprocessor directive enables you to write code that adapts to different environments without rewriting a large portion of the code.&lt;/p&gt;

&lt;p&gt;In summary, the preprocessor act as a text manipulation tool that prepares the code before it goes through the main compilation process. It plays a pivotal role in making C code more modular, readable, adaptable and efficient by providing a mechanism for code separation and customization.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Everything About Open Source Projects That You Need To Know.</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Wed, 13 Sep 2023 06:54:44 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/everything-about-open-source-projects-that-you-need-to-know-2025</link>
      <guid>https://dev.to/binaminbinka1/everything-about-open-source-projects-that-you-need-to-know-2025</guid>
      <description>&lt;p&gt;Starting an open-source project or contributing to an existing one is a rewarding endeavor that can improve your programming skills, build your professional network, and provide solutions to problems for the wider developer community. Here's a step-by-step guide on how to get started:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Identify a Problem or Interest&lt;/strong&gt;&lt;br&gt;
Before starting or choosing an open-source project, it's crucial to identify a problem you want to solve or an interest you're passionate about. This could be anything from a tool you wish existed, a feature you think would improve an existing project, or a bug you want to fix&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Choose a Project&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you're contributing to an existing project, choose one that you use and love. It's also important to ensure that the project is active, with recent commits and responsive maintainers&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Know the Project&lt;/strong&gt;&lt;br&gt;
Get to know the project by reading its documentation, understanding its features, and familiarizing yourself with its codebase. This will help you understand what the project does and how it can be improved&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Make a Contribution&lt;/strong&gt;&lt;br&gt;
Contributing to an open-source project can come in many forms, from code contributions to non-code contributions like graphic design, project management, testing, bug reports, documentation, and community management. Regardless of your skill level, there are opportunities for you to contribute&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Start Your Own Project&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you're starting your own open-source project, there's no perfect time to do so. You can open source an idea, a work in progress, or after years of being closed source. However, you should feel comfortable having others view and give feedback on your work. Also, ensure to include necessary documentation and an open-source license to protect your work and allow others to contribute&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;6. Build a Community&lt;/strong&gt;&lt;br&gt;
Creating an open-source project is not just about the code; it's also about building a community that encourages people to use, contribute to, and evangelize your project&lt;/p&gt;

&lt;p&gt;contributing to open source is not just about helping others; it's also about improving your skills and gaining experience in the process. As you continue contributing or managing your project, you'll learn valuable lessons about software development, project management, and collaboration.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>opensource</category>
      <category>discuss</category>
    </item>
    <item>
      <title>An In Depth Guide To Functions In JavaScript</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Tue, 12 Sep 2023 09:37:27 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/an-in-depth-guide-to-functions-in-javascript-47c5</link>
      <guid>https://dev.to/binaminbinka1/an-in-depth-guide-to-functions-in-javascript-47c5</guid>
      <description>&lt;p&gt;in javascript, there many ways to create a function.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;function declaration&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;function expression&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;arrow function&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;function invocation&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Function Declaration
&lt;/h2&gt;

&lt;p&gt;just like how a variable declaration binds a value to variable name, function declaration binds a function to a name or an identifier.&lt;/p&gt;

&lt;p&gt;A function declaration is a function that is declared as a separate statement in the main code flow.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  syntax is as follows
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function functionName(parameters){
//code block
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;examples&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function name(){
console.log('What is your Name?');
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;function declaration in javaScript are hoisted to the top of the enclosing function or global scope. This means you can use the function before you declare it.&lt;/p&gt;

&lt;p&gt;A function declaration consist of &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;The name of the function or it is identifier followed by parenthesis &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;A function body or the block of the statement required to perform a specific task enclosed in the function curly braces.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  calling a Function
&lt;/h2&gt;

&lt;p&gt;A function declaration binds a function to an identifier however, a function declaration does not ask the code inside the function body to run , it just declare the existence of the function. The code inside a function body runs or execute only when the function is called. You can call a function directly by using its name followed by parentheses (). If the function takes an argument you can pass them inside the parentheses separated by comma.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;                greet world();

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This function call execute the function body or all of the statement between the curly braces in the function declaration  &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;         examples
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    function greet(name){
  console.log('Hello ' + name);
}
greet('Binka'); // This will log: "Hello Binka"

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here's what's happening in this code:&lt;/p&gt;

&lt;p&gt;Function Declaration: function greet(name){ ... } is declaring a function called greet that takes one parameter, name.&lt;/p&gt;

&lt;p&gt;Function Body: Inside the function, there's a console.log statement. console.log is a function that prints whatever is inside the parentheses to the console (usually your browser's developer tools or your terminal).&lt;/p&gt;

&lt;p&gt;String Concatenation: The + operator is used here for string concatenation. &lt;br&gt;
function call: greet('Binka') This line of code is calling or invoking the function greet with argument 'Binka'&lt;br&gt;
finally the greet function will log 'Hello Binka' to console.&lt;/p&gt;
&lt;h2&gt;
  
  
  PARAMETERS AND ARGUMENTS
&lt;/h2&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;So far the function we have created execute a task without an input. However, some function can take inputs and use the inputs to perform a task. When declaring a function we can specify its parameters. Parameters allow function to accept inputs and perform task using the inputs. We use parameters as placeholders for information that will be passed to the function when it is called.
syntax for declaring parameters in function declaration is as follows
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function functionName(param1, param2, param3){
//.....
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;each parameter is separated by comma&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;   examples
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function calculateArea(width, height) {
  console.log(width, height);
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Now, let's break down the code:&lt;/p&gt;

&lt;p&gt;Function Declaration: The code begins with function calculateArea(width, height) { ... }, which declares a function named calculateArea that takes two parameters: width and height.&lt;/p&gt;

&lt;p&gt;Function Body: Inside the function, there's a console.log statement that logs the values of width and height to the console.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;console.log(width, height);

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This line of code will output the values of width and height to the console when the function is called with appropriate arguments.&lt;/p&gt;

&lt;p&gt;It's important to note that the provided code only defines the function. To execute the function and see the output, you need to call it with specific arguments.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;calculateArea(10, 5);

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In this case, the function calculateArea is called with the arguments 10 and 5. The values 10 and 5 will be assigned to the width and height parameters respectively, and the function will log these values to the console.&lt;/p&gt;

&lt;h2&gt;
  
  
  RETURN
&lt;/h2&gt;

&lt;p&gt;When a function is called, the computer will run through the function's code and evaluates the result of calling the function by default that the result is undefined.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function rectangleArea (width, height){
let area = width * width;
}
console.log(rectangleArea(5,7))
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The function does not have a return statement. As a result, it won't return any value when called.&lt;br&gt;
To fix this, we will need to add a return statement to the function to return the calculated area:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function rectangleArea(width, height) {
  let area = width * height;
  return area;
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now, the function will calculate the area of the rectangle based on the width and height parameters and return the result.&lt;/p&gt;

&lt;p&gt;Calling the Function: The code includes a console.log statement that calls the rectangleArea function with arguments (5, 7). However, since the function doesn't return anything, the console.log statement will output undefined.&lt;/p&gt;

&lt;p&gt;Return allows functions to produce output.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>tutorial</category>
      <category>opensource</category>
    </item>
    <item>
      <title>conditional Statement In Javascript</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Sat, 09 Sep 2023 13:50:08 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/conditional-statement-in-javascript-5gp6</link>
      <guid>https://dev.to/binaminbinka1/conditional-statement-in-javascript-5gp6</guid>
      <description>&lt;p&gt;conditional statement in javaScript allows you to execute different blocks of code depending on whether a specified conditions conditions evaluates to true or false.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;       ****TYPES OF CONDITIONAL STATEMENT IN JAVASCRIPT****
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;If,else if and else statement&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;comparison operator&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;logical operator&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Truly vs falsy values&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Ternary Operator&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Switch statement&lt;/p&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; **IF STATEMENT**
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;We often perform a task based on a condition for example, if you have Money, you go outside, if you are hungry, you eat and if you are tired, you go and sleep. In programming, we can perform a task based on a condition using if statement. &lt;/p&gt;

&lt;p&gt;examples&lt;/p&gt;

&lt;p&gt;&lt;code&gt;if (false){&lt;br&gt;
  console.log('This will be false');&lt;/code&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Notice in the example we have an 'if' statement. The if statement is composed of the if keyword followed by a set of paranthesis which is followed by code block or block statement indicated by a set of curly braces {}&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Inside the paranthesis(), a condition is provided that evaluates to true or false.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;if the condition evaluates to true, the code inside the curly braces runs or execute. If the condition evaluates to false, the block will not execute.&lt;/p&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;**IF ELSE STATEMENT**
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;If we wanted to add some default behaviour to the if statement, we can add an else statement to run a block of code when conditions evaluates to false &lt;/p&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;   if(false) {
console.log('The answer will not be executed');
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;} else{&lt;br&gt;
  console.log('But this answer will be executed');&lt;br&gt;
 }&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;an else statement must be paired with an if and together they are called if...else statement.&lt;/p&gt;

&lt;p&gt;In the example above,&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;use the else keyword following the code block of an if statement.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Has a code of block that is wrapped by a set of curly braces {}&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The code inside the else statement code block will execute when the if statement conditions evaluates to false.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;it is important to note that, an else statement does not take another condition therefore, it will not have a set of paranthesis.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;COMPARISON OPERATORS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;When writing a condition statement, sometimes we need to use different type of operators to compare values. These operators are called comparison operators. These include &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;less than &amp;lt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;5 &amp;lt; 10    // true&lt;br&gt;
'apple' &amp;lt; 'banana' // true &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;greater than &amp;gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;10 &amp;gt; 5    // true&lt;br&gt;
'apple' &amp;gt; 'banana' // false &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;less than or equal to &amp;lt;=&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;10 &amp;lt;= 20   // true&lt;br&gt;
'orange' &amp;lt;= 'banana' // true &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;greater or equal to &amp;gt; =&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;20 &amp;gt;= 20  // true&lt;br&gt;
'orange' &amp;gt;= 'banana' // false &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;is equal to ===&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;5 === '5'  // false&lt;br&gt;
5 === 5    // true&lt;br&gt;
'hello' === 'world' // false&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;is not equal to
! ==5 !== '5'  // true
5 !== 10   // true
'hello' !== 'world' // true&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;comparison always compares the value on the left with value on the right.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      **LOGICAL OPERATORS**           

  working with conditions means that we will be using booleans that is true or false value. In Javascript, there are operators that work with booleans value known as logical operator. We can use logical operator to add more sophisticated logic to our condition. There are three logical operators 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;end operator (&amp;amp;&amp;amp;)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;the or operator ( ||)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;the not operator ( !)&lt;/p&gt;

&lt;p&gt;when we use the &amp;amp;&amp;amp; operator, we are checking that two things are true.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;if (stopLight === 'Red', &amp;amp;&amp;amp; 'pedestrian' === 0){&lt;br&gt;
console.log('Go!');&lt;br&gt;
}else{&lt;br&gt;
console.log('stop!);&lt;br&gt;
}&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;when using the &amp;amp;&amp;amp; operator,both condition must evaluate to true and execute otherwise if either condition is false, the &amp;amp;&amp;amp; condition will evaluate to false and else block will execute.&lt;br&gt;
if we only care about either condition being true, we can use the or || operator &lt;br&gt;
&lt;code&gt;if(month === 'April' || month === 'May'){&lt;br&gt;
console.log('Enjoy your month!');&lt;br&gt;
}else{&lt;br&gt;
console.log('Get to work');&lt;br&gt;
}&lt;/code&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;when using the || operator, only one of the condition must evaluate to true for the overall statement to evaluate to true in code above, if either Month === 'April' or month === 'May' evaluate to true. The ifs condition will evaluate to true and its code block will execute. If the first condition in an || operator evaluates to true, the second condition will not even checked. Only if Month === 'April' evaluate to false will month === 'May' be evaluated. The code in the else statement above will execute only if both comparison evaluates to false.&lt;/p&gt;

&lt;p&gt;The ! operator reverse negates the value of boolean&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  let excited = true;
   console.log(excited); `

   let tired = false;
    console.log(tired);`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Essentially, the ! operator will either take true value and pass back false or take false value and pass back true.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;         **TERNARY OPERATOR**
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;In the spirit of using short hand syntax, we can use ternary operator to simplify.&lt;br&gt;
   take a look at this if...else statement&lt;/p&gt;

&lt;p&gt;&lt;code&gt;let isNightTime = true;&lt;br&gt;
if(isNightTime){&lt;br&gt;
console.log('come home');&lt;br&gt;
}else{&lt;br&gt;
console.log('come home');&lt;br&gt;
}&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;we can use ternary operator to perform the same functionality.&lt;/p&gt;

&lt;p&gt;isNightTime ? console.log('come home') : console.log('come home');&lt;/p&gt;

&lt;p&gt;In the above example;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;The condition isNightTime is provided before the ?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Two expression below the ? are seperated by a colon&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;if the condition is true, the first expression is executed.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;if the expression is false, the second executes.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That is all for this blog. We will discuss the other conditions on my next Blog.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5ZyUpGno--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s37k0wjq8kh3yocgbesh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5ZyUpGno--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s37k0wjq8kh3yocgbesh.png" alt="Image description" width="800" height="450"&gt;&lt;/a&gt; &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>The Fundamental Concept For JavaScript Beginners</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Sat, 09 Sep 2023 07:07:42 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/the-fundamental-concept-for-javascript-beginners-12a2</link>
      <guid>https://dev.to/binaminbinka1/the-fundamental-concept-for-javascript-beginners-12a2</guid>
      <description>&lt;p&gt;JavaScript is a programming language used for Web development. It is used alongside HTML And CSS.&lt;br&gt;
Now if you have already learnt HTML and css, you would not have hard time learning JavaScript.&lt;br&gt;
JavaScript is very important and if you are here, it means you really want to learn.&lt;br&gt;
Before we start the content itself, it is good to know what you would be up against. &lt;br&gt;
These are JavaScript Road map. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Introduction to Basics. This include Variables, data types, basic operator &lt;/li&gt;
&lt;li&gt;Function and control structure : grasp the concept of function, how they work and their importance, learn about if else statements for decision making and explore loops for repeative task. &lt;/li&gt;
&lt;li&gt;DOM Manipulation: understand how JavaScript interact with document object model, learn how select, modify and create HTML, explore event handling and attaching event listener. &lt;/li&gt;
&lt;li&gt;Asynchronous JavaScript : Dive into asynchronous programing and event loop and learn about callbacks, their role in managing asynchronous operation&lt;/li&gt;
&lt;li&gt;ES6 + Features: study modern JavaScript features like arrow functions, templetes iterates and deconstructing, explore let and cons for variable Declaration and block scope. &lt;/li&gt;
&lt;li&gt;Build Projects : apply your knowledge by building simple project and build project like to do list and calculator. &lt;/li&gt;
&lt;li&gt;Debugging And Troubleshooting &lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Libraries and Framework &lt;br&gt;
9.Read World Applications &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Introduction To Basics&lt;/strong&gt; &lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;These basics are like data type, variables, basic operation etc.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;     **VARIABLES**

in programming, a variable is a container for a value. You can think of variable as a little container for information that lives in a computer memory Information stored in variables such as username, account number or even personalised greetings. 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Variables also provide a way of labelling data with a description name. It is important to note that variables are are not values but they contain values and represent them. &lt;br&gt;
     Variables include &lt;br&gt;
    1. let&lt;br&gt;
    2. var&lt;br&gt;
    3. const&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;1. **Var** 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Before 2015,programmers use to declare only var. It is used in the pre ES-6 version of JavaScript. &lt;br&gt;
You can declare variables using "var" &lt;br&gt;
    Example &lt;/p&gt;

&lt;p&gt;var myName = "Binamin";&lt;br&gt;
  console.log(myName);&lt;/p&gt;

&lt;p&gt;//output: Binamin. &lt;/p&gt;

&lt;p&gt;In these examples, var short for variable is a JavaScript keyword that create or declare a new variable. MyName is the variable name. Capitilising in this way is the is a standard convention in JavaScript called CAMEL CASING. In camel casing, you group word into one, the first word is lowercase then every other word that follows will have it is first letter uppercase. &lt;br&gt;
=is the assignment operator. &lt;br&gt;
"Binamin" is the value assigned to variable myName&lt;br&gt;
After variable is declared, the string value "Binamin" is printed out to the console. &lt;br&gt;
  Rules For Naming Variables &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;variable name cannot start with a number &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;variable name is case sensitive so myName and myname would be a different value &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  2. **Let Variable **
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Let is the preferred way to declare a variable when it can be re assigned. &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Examples 

let food = "chips";
console.log(food);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;//output:chips&lt;br&gt;
From this example, we have declared a variable called "Food" using keyword "let" and assign the value "chips" then we log the value of food to the console. It will output "chips" &lt;br&gt;
  Another concept we should aware when using let and var is that we can declare a variable without assigning the variable a value.in such case, variable will be automatically initialize with value of undefined. &lt;br&gt;
  Examples &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let price;
console.log(price);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;//output: undefined&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; price = 350;
 console.log(price);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;//output: 350&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; 3. **Const Variable**
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Just like var and and let, you can store any value in a const variable. The way you declare a const variable and assign a value to it follow the same structure as let and var&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  const myName = "Binka";
  console.log(myName);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;//output: Binka&lt;/p&gt;

&lt;p&gt;However, a const variable cannot be reassigned because it is constant. If you try to reassign, you get type error. &lt;br&gt;
Const variable must be assigned a value when declared. If you try to declare a const variable without value, you will get syntax error. &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    **DATA TYPES**
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Data types defines the type of values that can be used in your code. &lt;br&gt;
There are several data types in JavaScript which are categorized into two two main group. &lt;br&gt;
    Primitive Data type &lt;br&gt;
    Reference Data type &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;**Primitive Data Type **
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;These include: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Number&lt;/strong&gt;: Represent the numeric values including integers and floating point. &lt;br&gt;
For instance &lt;/p&gt;

&lt;p&gt;Let age =20;&lt;br&gt;
let price = 50.87;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;String:&lt;/strong&gt; These are primitive data type. There are any groups of characters which include letters, spaces, numbers or symbols sorrounded by single quote or double quotes. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Let Hamy ='where are you from?';
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Boolean&lt;/strong&gt;: These are primitive data type. They can be either true or false. &lt;br&gt;
     Example &lt;/p&gt;

&lt;p&gt;let goingHome = true;&lt;br&gt;
   let goingHome = false;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Null&lt;/strong&gt;: is a primitive data type. It represent the intentional absence of values in code. It is represented as a null. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;let Brik = null;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Undefined&lt;/strong&gt; : is a primitive JavaScript data value that represent lack of defined value. Variables that are declared but not initialized to a value will have the value of undefined. &lt;/p&gt;

&lt;p&gt;var = a;&lt;br&gt;
  console.log(a);&lt;br&gt;
  //prints: undefined&lt;/p&gt;

&lt;p&gt;*&lt;em&gt;Reference Data Type *&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Reference data type in JavaScript are data type that do not directly contain data but instead referenced it by storing memory addresses or reference to data location. &lt;br&gt;
It include: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Object:&lt;/strong&gt;it represent collection of key Value pairs enclosed with curly braces.&lt;br&gt;
Examples &lt;/p&gt;

&lt;p&gt;let football = {&lt;br&gt;
 England: "Premier league", &lt;br&gt;
 Spain : "La Liga", &lt;br&gt;
};&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Array :&lt;/strong&gt; This one represent ordered list of values enclosed in a square bracket &lt;/p&gt;

&lt;p&gt;Examples &lt;/p&gt;

&lt;p&gt;Let name = [ "Binka", "John","Ankit"];&lt;br&gt;
console.log(name);&lt;br&gt;
//output:Binka,John, Ankit. &lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Function:&lt;/strong&gt;  it represent a reusable block of code that can be invoked. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function add (a, b){
return a + b;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;} &lt;/p&gt;

&lt;p&gt;That's the basics introduction to JavaScript. There are still more that I will cover.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>The Concept of CI And CD in Devops.</title>
      <dc:creator>Binamin</dc:creator>
      <pubDate>Fri, 25 Aug 2023 11:33:31 +0000</pubDate>
      <link>https://dev.to/binaminbinka1/the-concept-of-ci-and-cd-in-devops-5ceh</link>
      <guid>https://dev.to/binaminbinka1/the-concept-of-ci-and-cd-in-devops-5ceh</guid>
      <description>&lt;p&gt;Introduction:&lt;/p&gt;

&lt;p&gt;In the fast-paced world of software development, efficiency, and reliability are paramount. Enter Continuous Integration (CI) and Continuous Deployment (CD), two essential practices that form the cornerstone of the DevOps philosophy. In this blog, we'll delve into the concepts of devops. &lt;/p&gt;

&lt;p&gt;Continuous Integration (CI):&lt;/p&gt;

&lt;p&gt;At its core, CI is a development practice that emphasizes merging code changes into a shared repository multiple times a day. This approach promotes the early detection of integration issues, reducing the chances of conflicts and bugs during the development process. The CI process involves the following key steps:&lt;/p&gt;

&lt;p&gt;Code Commit:&lt;br&gt;
 Developers commit their code changes to a shared version control system like Git.&lt;/p&gt;

&lt;p&gt;Automated Build: An automated build process compiles the code and creates executable artifacts.&lt;/p&gt;

&lt;p&gt;Automated Testing: A suite of automated tests, including unit, integration, and regression tests, is executed to ensure code quality and functionality.&lt;/p&gt;

&lt;p&gt;Immediate Feedback: Developers receive prompt feedback on their code changes, allowing them to address issues quickly.&lt;/p&gt;

&lt;p&gt;Early Bug Detection: Integration issues and bugs are caught early in the development cycle, minimizing the impact on the project timeline.&lt;br&gt;
Benefits of CI:&lt;/p&gt;

&lt;p&gt;Faster Development Cycles: &lt;br&gt;
With automated testing and continuous feedback, developers can iterate and release software faster.&lt;br&gt;
Reduced Integration Risks: Frequent integration reduces the likelihood of large-scale integration problems and conflicts.&lt;br&gt;
Code Quality Improvement:&lt;br&gt;
 Automated tests enforce code quality standards and help catch regressions.&lt;br&gt;
Enhanced Collaboration: &lt;br&gt;
Developers collaborate more effectively as they work on a shared codebase.&lt;/p&gt;

&lt;p&gt;Continuous Deployment (CD):&lt;/p&gt;

&lt;p&gt;Building upon the foundation of CI, CD takes the development process one step further by automating the deployment of code changes to production environments. CD ensures that validated and tested code is automatically deployed to production with minimal manual intervention. The CD process includes:&lt;/p&gt;

&lt;p&gt;Automated Deployment Pipeline:&lt;br&gt;
 A series of automated stages, including testing, security checks, and deployment, are defined in a deployment pipeline.&lt;/p&gt;

&lt;p&gt;Automated Testing: Extensive testing, including load, performance, and security tests, is performed to ensure that the application is production-ready.&lt;br&gt;
Approval Gates: Automated checks and manual approvals ensure that only validated code moves through the pipeline.&lt;br&gt;
Production Deployment: &lt;br&gt;
Once the code passes all stages, it's automatically deployed to the production environment.&lt;br&gt;
Benefits of CD:&lt;/p&gt;

&lt;p&gt;Faster Time-to-Market: &lt;br&gt;
Automation reduces the time it takes to deploy new features and updates to users.&lt;br&gt;
Consistency and Reliability: &lt;br&gt;
Automated deployments minimize the risk of human error and ensure consistency across environments.&lt;br&gt;
Rapid Feedback Loop: Immediate deployment of validated code allows for quick feedback from users and stakeholders.&lt;/p&gt;

&lt;p&gt;Reduced Downtime: Incremental and automated updates reduce downtime during deployment.&lt;br&gt;
Conclusion:&lt;br&gt;
Continuous Integration and Continuous Deployment are not just buzzwords; they are transformative practices that reshape how software is developed and delivered. By automating processes, catching bugs early, and accelerating deployment, CI/CD accelerates innovation and improves the overall quality of software. Adopting these practices aligns with the DevOps ethos of collaboration, efficiency, and delivering value to users consistently. In the dynamic landscape of software development, mastering CI/CD is a crucial step towards staying competitive and agile.&lt;/p&gt;

</description>
      <category>devops</category>
    </item>
  </channel>
</rss>
