Discover the essentials of HTML, CSS, and JavaScript to build interactive web applications through hands-on exercises, creating modules like an image carousel and a to-do list.

This course will teach you the fundamentals of creating web applications, from the basics of creating web pages with HTML, stylizing content with CSS, all the way to building interactivity into a page using JavaScript in the browser. 
Instead of watching tedious videos and wondering how to translate those videos into real code, you'll be practicing what you learn through interactive, test-based exercises within minutes. 

Along the way, you'll be able to produce functional modules, including an image carousel and a to-do list application. No prior knowledge is needed.

Learn HTML, CSS, and JavaScript from Scratch

 There are many situations in which you will have a *collection* of related data. Say, for example, we had a roster of students in a classroom. One way we could store information about the individual students is to assign each to a variable. 

var student1 = "Mary";
var student2 = "Barbara";
var student3 = "David";
var student4 = "Alex";

But what about if you had hundreds of students? Assigning each student to a separate variable quickly becomes tedious. Thankfully, JavaScript has a few dedicated variable types for handling collections of data. Let's begin to discuss one of them. 

# Arrays
A JavaScript **array** is a variable that can store multiple values. Those values are accessed using a *numbered* indexing scheme.

To make an empty array, assign brackets (`[]`) after the variable declaration:  

You can also assign values when creating the array by including them in between the brackets, with commas separating the values. Going back to our example, we can create an array named `students`: 

var students = ["Mary", "Barbara", "David", "Alex"];

The values in an array can be accessed by writing the name of the array followed by an **index position** with the following syntax:

//Logs "Barbara" to the console
console.log(students[1]);

Arrays are **zero indexed**, meaning the first item in an array will have an index of `0`, the second item's index will be `1`, and so forth. In an array, you can store any valid Javascript data type, and you are not limited to storing data of a single type. So, you could store both strings and numbers in an array to indicate a student's name and age:






Learn how arrays can help in handling related data collections, supporting indexed access, nesting for structure, and built-in methods for manipulation, 

Semantic Web Page Layout with HTML

Stylizing HTML Content using CSS

Introduction to JavaScript, Basic Data Types and Operators

JavaScript Program Flow and Data Structures

Building Interactivity with DOM Manipulation

Create a To-do List Application using HTML, CSS, and JavaScript

Wrap Up

Data Structures: Arrays

Arrays