Learn the basics of HTML, styling with CSS, and JavaScript fundamentals with practical implementation.

Android Development with Ionic and React

In this module, we'll learn to code and create our own web pages using HTML, CSS, and JavaScript. Instead of watching tedious videos and wondering how to translate those videos into real code, we'll be practicing what we learn through interactive, test-based exercises within minutes. We'll go through a semantic web page layout with HTML, styling the HTML using CSS, and the fundamentals of JavaScript.

Along the way, we'll have the chance to produce functional modules, including an image carousel and a to-do list application.

Learn HTML, CSS, and JavaScript from Scratch

# Overview 
**JavaScript** is the programming language of the web. So far, we have used HTML to structure the content of our web pages and CSS to stylize our content. But what if you want to have your web page change based on input from your user? Javascript allows us to take our pages from static web pages to dynamic web applications. 




# First steps: Understanding the  DOM
One of the main reasons we use JavaScript to build interactivity is because it allows us to manipulate the **Document Object Model** (or **DOM**) for short. 

Recall our discussion from the first lesson where we discussed how HTML is structured as a *tree*. Similarly, the DOM stores HTML elements as **objects** that can then be manipulated in various ways. 


Get an overview of JavaScript and how it can add interactivity to web pages. 

What is JavaScript?

Get an overview of JavaScript and how it can add interactivity to web pages.

Semantic Web Page Layout with HTML

Stylizing HTML Content using CSS

Introduction to Javascript, Basic Data Types + Operators

Javascript Program Flow + Data Structures

Building Interactivity with DOM Manipulation

Conclusion

What is Javascript?

Overview

First steps: Understanding the DOM