Learn to design, develop, and execute basic programs in JavaScript.

Zero to Hero in Front-end Development with React

This module provides a comprehensive introduction to the tools that help create various programs, such as documents, movies, and games. We'll start with simple math, real-world problem solving, and writing solutions as steps in simple English. Next, we'll learn about decision-based solutions that are demonstrated via flowcharts and explained with execution sheets. Finally, we'll learn how to translate our solutions into JavaScript programs using variables, conditions, loops, strings, arrays, and built-in functions. We'll also learn how to create our own functions in JavaScript. We’ll be able to add to our confidence by editing practice programs and running them in an embedded way. After completing this module, we’ll have acquired the skills to write basic programs in JavaScript.

Getting Started with Javascript

What is the result when the following program is executed?

```JavaScript
for (let a of [9, 2, 5]) {
    console.log(a);
}
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">for (let a of [9, 2, 5]) {
 console.log(a);
}
</code></pre>

What is the result when the following program is executed?

```JavaScript
for (let c = 0; c < 3; c++) {
 console.log(c);
}
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">for (let c = 0; c &lt; 3; c++) {
 console.log(c);
}
</code></pre>

What is the result when the following program is executed?

```JavaScript
for (let i = 1; i < 20; i += 7) {
 console.log(i);
}
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">for (let i = 1; i &lt; 20; i += 7) {
 console.log(i);
}
</code></pre>

What is the result when the following program is executed?

```JavaScript
for (let j = 0; j < 4; j++) {
 console.log(3 ** j);
}
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">for (let j = 0; j &lt; 4; j++) {
 console.log(3 ** j);
}
</code></pre>

What is the output when the following program is executed?

```JavaScript
let num1 = 23;
let num2 = 1;
while (num1 > 0) {
    num2 = num1 % 10;
    num1 = parseInt(num1 / 10);
}
console.log(num2);
```


What is the output when the following program is executed?
<pre><code class="language-JavaScript">let num1 = 23;
let num2 = 1;
while (num1 &gt; 0) {
 num2 = num1 % 10;
 num1 = parseInt(num1 / 10);
}
console.log(num2);
</code></pre>

`( 1 2 )` 
`( 1 3 )` 
`( 2 2 )` 
`( 2 3 )`

What is the output when the following program is executed?

```JavaScript
let row = 1,
 col = 2;
while (row < 3) {
 while (col < 4) {
 console.log('(' + row + ' ' + col + ')');
 row += 1;
 col += 1;
 }
}
```

What is the output when the following program is executed?
<pre><code class="language-JavaScript">let row = 1,
 col = 2;
while (row &lt; 3) {
 while (col &lt; 4) {
 console.log('(' + row + ' ' + col + ')');
 row += 1;
 col += 1;
 }
}
</code></pre>

`+` `+` `+` `-` `+` `+` `+` `-`

`+` `+` `+` `-` `+` `+` `+` `-` `+` `+` `+` `-`

`+` `+` `-` `+` `+` `-` `+` `+` `-`

What is the result when the following program is executed?

```JavaScript
for (let r = 1; r < 3; r++) {
 for (let c = 2; c < 4; c++) {
 console.log('+');
 }
 console.log('-');
}
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">for (let r = 1; r &lt; 3; r++) {
 for (let c = 2; c &lt; 4; c++) {
 console.log('+');
 }
 console.log('-');
}
</code></pre>

Test your knowledge of repetition with loops.

Problem Solving with Simple Programs

Decisions and Branching

JavaScript Basics

Repetition with Loops

Strings and Arrays

Functions

Conclusion

Quiz on Repetition with Loops