Delve into practical JavaScript skills, from basic concepts to integration with HTML/CSS, and discover its history and evolution in software development through hands-on exercises.

You can expect some beginner-friendly content in this course, along with some learning paths.
I strongly believe in practical application. Therefore, I will not bore you with facts, long theories, or rants about which parts of JavaScript I consider good or bad. This course is all about getting our hands dirty and understanding how JavaScript works inside out.
This highly practical course will start off from covering basic programming concepts in Javascript to introducing JavaScript with HTML and CSS.  In addition, you will also get an insight into JavaScript history and its growth in the Software World.

JavaScript in Practice: Getting Started

The <code>do-while</code> loop executes the loop body **at least once** and checks the condition before the end.

let numbers = [19, 65, 9, 17, 4, 1, 2, 6, 1, 9, 9, 2, 1];
 
function sumArray( values ) {
    if (  values.length == 0 ) return 0;
    let sum = 0;
    let i = 0;
    do {
        sum += values[i];
        i += 1;
    } while ( i < values.length );
    console.log( 'The loop was executed ' + i + ' times' );
    return sum;
}
 
sumArray( numbers );
 

Notice the first line in the function. We have to exit the <code>sumArray</code> function before reaching the <code>do-while</code> loop in case the array is empty. Otherwise, the code works in the exact same way as the while loop, except that the condition for running the loop again is at the bottom. If the condition is true, then it will repeat the loop as long as the condition is true.

# Do-while for input validation
We mainly use do-while loops for input validation. The user inputs a value, and then we check its validity.

Let’s use the <code>prompt</code> function to get a value.

<code>prompt( 'message' )</code> opens a dialog displaying message. A textfield appears in the dialog, where you can enter a value. Once you press the OK button, the <code>prompt</code> function returns a string.

Example:

Learn about the do-while loop, which is another way to repeat a code segment.

Introduction to JavaScript

DataTypes

All about Arrays

Functions and Operators

Executing Selective Instructions

Loops

Values and Reference Types

Cloning Objects

Using Strings in Javascript

JavaScript with HTML and CSS

The Modern Javascript

The Do-While Loop