DEV Community: Hina M.M

A Beginner's Guide to For, While, and Nested Loops in JavaScript-

Hina M.M — Thu, 06 Apr 2023 07:43:52 +0000

If you're learning to code in JavaScript, you'll quickly find that loops are a fundamental part of the language. Loops allow you to repeat a block of code multiple times, making your code more efficient and flexible. There are three types of loops in JavaScript: for, while, and nested loops. In this post, we'll explore each type of loop in detail, and provide examples to help you understand how they work.

For Loops

A for loop is used to iterate over a range of values, such as an array or a string. The basic syntax for a for loop looks like this:

for (initialization; condition; increment/decrement) {

Code to be executed

}

Let's break down each part of the " for loop "syntax:

Initialization: This is where you set the initial value of the loop variable. For example, if you want to loop through an array, you might set the loop variable to 0.

Condition: This is the condition that is checked before each iteration of the loop. If the condition is true, the loop continues; if it's false, the loop ends.

Increment/decrement: This is how the loop variable is changed on each iteration of the loop. You can either increment the loop variable (i++) or decrement it (i--).

Example 1: Printing numbers from 1 to 5

for (let i = 1; i <= 5; i++) {

console.log(i);

}

This will output:

While Loops:

A while loop is used when you don't know how many times you need to iterate, but you know the condition that must be met for the loop to continue. The basic syntax for a while loop looks like this:

while (condition) {

Code to be executed

}

The condition is checked before each iteration of the loop. If it's true, the loop continues; if it's false, the loop ends. Here's an example of a while loop that generates random numbers until a number greater than 0.5 is generated:

let randomNum = Math.random();

while (randomNum <= 0.5) {

console.log(randomNum); randomNum = Math.random();

}

Nested Loops:

A nested loop is a loop inside another loop. Here's an example of how to use nested loops to print out all the possible combinations of fruits and colors:

let fruits = ["apple", "banana", "orange"]; let colors = ["red", "yellow", "orange"];

for (let i = 0; i < fruits.length; i++) {

for (let j = 0; j < colors.length; j++) {

console.log(fruits[i] + " " + colors[j]);

}

This will output :

apple red

apple yellow

apple orange

banana red

banana yellow

banana orange

orange red

orange yellow

orange orange

Conclusion

Loops are an essential part of JavaScript programming. For loops are used to iterate over a range of values, while loops are used when you don't know how many times you need to iterate, and nested loops are used when you need to perform multiple iterations over two or more arrays. By understanding the basics of loops.

My learning journey to Javascript -Week 2

Hina M.M — Thu, 16 Feb 2023 13:40:02 +0000

Week -2

programming #beginners #javascript #computerscience #womenintech

This week, I learned about functions in JavaScript, and I must say, it was quite an interesting experience. I discovered several types of functions, including function concise, function expression, and function declaration.

Functions are a big part of coding, and they're like little tools that we can use to solve problems. You can think of them like Lego blocks that we can put together to build something cool.

There are a few different types of functions in JavaScript, but they all do basically the same thing: they take some input (like numbers or text), and they give us an output (like a result or a message).

One type of function is called a "function expression." This just means that we give the function a name and then use that name like a tool whenever we need it. It's kind of like a hammer that we keep in our toolbox and take out when we need to nail something.

Another type of function is called a "function declaration." This is where we use the word "function" to tell the computer that we're creating a function. It's like telling the computer, "Hey, I'm going to build a new tool here!" And then we give that tool a name and tell it what to do.

We can also use something called an "arrow function," which is just a shorter way of writing a function. This is like a shorthand way of building a tool that we can use to solve a problem quickly and easily.

To use these tools, we "call" the function by using its name and giving it some input. For example, if we have a function that adds two numbers together, we can call it like this:

function addNumbers(num1, num2) {

return num1 + num2;

}

const result = addNumbers(3, 5);

console.log(result);

This code will print the number 8 to the console, because we're calling the addNumbers function with the input values of 3 and 5.

If you're just starting out with coding, it can be really helpful to practice using functions by building small projects. One fun project that you can try is creating a Rock Paper Scissors game. You can use functions to define the rules of the game and to keep track of the score.

Remember, functions are just tools that we use to solve problems. By learning how to use them, you can start building your own programs and solving your own coding challenges. And if you're ever stuck or need help, there are always resources available, like online tutorials or coding communities, that can help you along the way.

I got to practice my learning through a fun project, Rock, Paper & Scissors game.

For those who may not be familiar with it, Rock Paper Scissors is a classic game where two players each choose one of three options: rock, paper, or scissors. The winner is determined based on a set of rules: rock beats scissors, scissors beat paper, and paper beats rock.

To build the game, I used functions to define the rules of the game and to keep track of the score. I also used conditional statements (like "if" and "else" statements) to check which player won and to update the winner accordingly.

The code was broken into 4 parts :

Get the user's choice

Get the computer's choice

Compare the two choices and determine a winner

Start the program and display results.

One thing I learned through this project is that coding can be a bit like playing a game of Rock Paper Scissors. You have to think about all the different possible outcomes and plan for them accordingly. Just like in the game, there are a lot of different moves you can make in coding, and it's important to choose the right one for the situation.

Another thing I learned is that coding is a lot like learning a new language. There are a lot of new words and concepts to learn, but once you start to understand them, you can use them to create your own programs and express your ideas in a whole new way.

Overall, the Rock Paper Scissors project was a really fun and rewarding way to put my coding skills to the test. By working on this project, I was able to solidify my understanding of functions and other key programming concepts, and I'm excited to continue building my coding skills in the future.

Any suggestions and feedback are most welcome, Thanks!

My learning journey to Javascript- Week 1

Hina M.M — Tue, 07 Feb 2023 16:03:48 +0000

Introduction to JavaScript:

Hey there! Today, I wanted to document my journey of learning JavaScript. It's a high-level, interpreted programming language that's widely used for developing dynamic and interactive web applications. It was created back in 1995 by Brendan Eich and has become one of the most popular programming languages out there. The best part about JavaScript is that it's a scripting language, which means the code is interpreted and executed in real-time, making it a great option for those starting out and wanting to build things quickly.

Getting Started with JavaScript:

So as I first started learning JavaScript, one of the first things I learned was how to log data to the console. The console is a panel that displays messages and is a lifesaver when it comes to debugging your code. To log data to the console, you use the console.log() method.In other words it prints what ever lies between the parenthesis (...) For example:

console.log("Hello, World!");

Comments in JavaScript:

Another important part of writing good code is including comments. Comments are lines of text in your code that the interpreter ignores, but they provide context and explanations for other developers and makes the code more readable. There are two types of comments in JavaScript: single-line comments and multi-line comments.

Single-line comments start with //:

// This is a single-line comment

Multi-line comments start with /* and end with */:

*/
This is a
multi-line comment
/
*

Data Types in JavaScript:

There are seven fundamental data types in JavaScript: strings, numbers, booleans, null, undefined, symbol, and object.

Let's take a look at them briefly :
Data Types in JavaScript:

Strings are characters wrapped in single or double quotes: 'Sample String'

Numbers are any number without quotes: 23.8879
Booleans are either true or false
Operators and Expressions:

Strings: A string is a sequence of characters used to represent text. It can be declared using single quotes ('') or double quotes (""). For example, 'Hello, World!' and **"Hello, World!" **are both strings in JavaScript.Imagine a friendship bracelet with name , easy way to remember string as characters .

Numbers: A number is a data type that represents numeric values. In JavaScript, there is only one type of number, which can be either an integer or a floating-point value. For example, 10, -5, 3.14 are all numbers in JavaScript.

Booleans: A boolean is a data type that represents two possible values: true or false. It is often used in conditional statements to control the flow of a program. For example,** true or false.**

Null: The null value represents the intentional absence of any object value. It is often used to indicate that an object has no value. For example,** let x = null;
**
Undefined: The undefined value represents the absence of a value for a variable that has been declared but has not been assigned a value. For example,** let x; console.log(x); // Output: undefined**

Symbol: A symbol is a unique and immutable data type that is used to identify object properties. It was introduced in ECMAScript 6 and is useful for creating unique keys for objects. For example, let sym = Symbol();

Object: An object is a data type that represents a collection of properties. Like many other programming languages, JavaScript's objects are comparable to actual physical objects. An object in JavaScript is a separate entity having properties and a type. Consider comparing it to a cup. A cup is an item with characteristics. A cup has a design, weight, color, material, and other characteristics. In a similar manner, JavaScript objects can have properties that specify their attributes.

Arithmetic Operators:

I learned about the built-in arithmetic operators, including +, -, *, /, and %. These operators allow us to perform basic mathematical operations in our code. I also got to know that JavaScript provides some built-in objects, such as Math, that we can use in our programs.

Objects:
So, what are objects in JavaScript? Simply put, objects are collections of information, also known as properties, and actions, also known as methods. The properties store information about the object, while the methods perform actions on that object.

Let's take an example. If we have a string "Hello", we can access its length property by using the dot operator (.) like this: "Hello".length. This will give us the number of characters in the string, in this case 5.

In addition to properties, objects can also have methods. Methods are actions that an object can perform. For example, if we have the string** "hello", we can convert it to uppercase by using the toUpperCase method like this: **"hello".toUpperCase().

Another important aspect of objects in JavaScript is built-in objects. Built-in objects are objects that are already provided in JavaScript, such as Math. These objects come with their own properties and methods that we can use in our code, saving us the time and effort of having to create our own.

To summarize, objects in JavaScript are collections of information (properties) and actions (methods) that we can access using the dot operator (.). Built-in objects, such as Math, are provided for us and come with their own properties and methods.

I hope this introduction to JavaScript has been helpful for you as a beginner. There is much more to learn about JS ,

Please feel free to share your thoughts and feedback/suggestions in the comments section below. I would love to hear from you .

Stay tuned for more informative blogs, and happy coding!

Let's learn and build together !

Harvard WECode Conference 2023

Hina M.M — Mon, 21 Nov 2022 18:01:10 +0000

The Harvard Women Engineers Code (WECode) team is thrilled to announce our annual conference, the largest student-run Women in Computer Science conference in the world, on Feb. 18 to 19, 2023!

Get a chance to connect with recruiters from organizations like Microsoft, Google, Bloomberg, and Capital One, as well as a strong network of technologists.

This event is encouraging undergraduate women to explore tech, cultivate networks, and learn what the world of tech has to offer.

ENSURE TO ATTEND, as the career expo will feature Google, Bloomberg, SIG, and more. There will also be mentorship, mock interviews, free swag, and fireside conversations with prominent STEM figures.

This conference can be attended in person or Virtually.

Some of the 30+ speakers include:

Maria Klawe President of Harvey Mudd

-Dwana Franklin-Davis, CEO of Reboot Representation

-Emi Nietfeld, Author of Acceptance, previous software engineer at Google and Facebook

-Hannah Weissman Director of Policy for Code.org

-Barbara Jane Liskov, MIT Institute Professor, Turing Award Winner

You can use my referral link to get an additional 15% off on the early bird discount. Also, this conference is for women in an undergraduate program.

promo code: WETF03
website: https://bit.ly/wecode2023

To facilitate attendees attend the conference in person , Harvard is offering two kinds of scholarships as well.

1) WE Amplify Basic Scholarship (those identify as a woman or of a gender minority of any race/ethnicity). This scholarship covers the cost of the conference ticket.

2) WE Amplify Extended Scholarship (those identify as a woman or of a gender minority of any race/ethnicity). This scholarship covers the cost of the conference ticket, and provides financial aid for travel and other related expenses.

The deadline to apply for a scholarship is December 31, 2022. Applicants will be notified via email on their decision. Scholarship recipients will be announced on a rolling basis.

More details can be find out https://www.harvardwecode.com/weamplify-scholarship