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
function getSum(y, z) {
    mysum = y + z;
    return mysum;
}
getSum(5, 6);
```


What is the result when the following program is executed?
<pre><code class="language-JavaScript">function getSum(y, z) {
 mysum = y + z;
 return mysum;
}
getSum(5, 6);
</code></pre>

What is the result when the following program is executed?

```JavaScript
let result = "";

function run() {
    result += " run";
}

function fun() {
    result += "fun";
}

fun();
result += " nothing";
run();
console.log(result)
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">let result = &quot;&quot;;

function run() {
 result += &quot; run&quot;;
}

function fun() {
 result += &quot;fun&quot;;
}

fun();
result += &quot; nothing&quot;;
run();
console.log(result)
</code></pre>

What is the result when the following program is executed?

```JavaScript
for (let v of [3, 1].reverse()) {
    console.log(v);
}
```


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

What is the result when the following program is executed?

```JavaScript
let result = ''
for (let s of 'aAbB'.split('').sort()) {
    result += s;
}
console.log(result);
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">let result = ''
for (let s of 'aAbB'.split('').sort()) {
 result += s;
}
console.log(result);
</code></pre>

What is the result when the following program is executed?

```JavaScript
let list1 = [1, 2, 3];
let list2 = [4, 5];
let list3 = list1;
let list4 = list1.slice();
list1.push(list2);
console.log(list3 + ' . ' + list4);
```

What is the result when the following program is executed?
<pre><code class="language-JavaScript">let list1 = [1, 2, 3];
let list2 = [4, 5];
let list3 = list1;
let list4 = list1.slice();
list1.push(list2);
console.log(list3 + ' . ' + list4);
</code></pre>

Test your knowledge of functions in JavaScript.

Problem Solving with Simple Programs

Decisions and Branching

JavaScript Basics

Repetition with Loops

Strings and Arrays

Functions

Conclusion

Quiz on Functions