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

# Context

How can we customize the look and feel of our content? One way is to use the `style` attribute on an HTML element: 

<html>
 <head>
 <title>Using the "style" HTML attribute</title>
 </head>
 <body>
 This text will be colored blue.
 This text will also be colored blue.
 </body>
</html>

$(document).ready(function () {
$('#content').html('Hello World!');
});

codemirror

The above approach would work just fine if working with a small number of elements. But once you're dealing with large pages with lots of moving pieces, it will quickly become extremely tedious to apply a separate `style` attribute to each element. In software development, we are often interested in reducing repetition. We can achieve this through the use of **Cascading Style Sheets (CSS)**. CSS specifically deals with the layout and customization of HTML elements. 



Get an overview of CSS and how to use it to make your pages look aesthetically better. 

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 CSS?

Context