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

# `document.createElement(element)`
You can create a new element using `document.createElement()`, with the argument `element`, which is the element name. 

<html>
 <head>
   <title>Creating New Elements</title>
 </head>
 <body>
	
 </body>
</html>

var h1 = document.createElement('h1');
h1.innerHTML = "A new HTML element!";

codemirror

Given the code above, why is there no output?



# `Element.appendChild(element_node)`
You can use the `Element.appendChild(element_node)` to attach one element node to another element node *as a child*. 

For instance, we can *append* `h1` as a child element of the `<div>` element.  



Learn how to create and remove elements from the DOM using JavaScript.

Adding/Removing Elements

Learn how to create and remove elements from the DOM using JavaScript.

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

Adding/Removing Elements

`document.createElement(element)`