Get familiar with HTML, CSS, and JavaScript.

Fundamentals of Web Programming

Learn to code and create your own web pages using HTML, CSS, and JavaScript in this interactive web development module for beginners.

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 have the chance to produce functional modules including an image carousel and a to-do list application.

The Frontend Trifecta: HTML, CSS and JS

## Who is this module for?

This module is for beginners who want to code and create their own web pages using HTML, CSS, and JavaScript.

## Module structure

This module contains _six_ main chapters:

1. __Semantic Web Page Layout with HTML__

   This chapter formally introduces HTML. You'll learn about different tags to add interactivity to a web page.
2. __Styling HTML Content with CSS__

   This chapter formally introduces CSS. You'll learn about CSS selectors, the box model, and different features of CSS. It contains the following topics:

    + Basics of CSS
    + Styling Text with CSS
    + Images and CSS Gradients
    + Flexbox
    + CSS Grid


3. __Intrdouction to JavaScript__

    This chapter formally introduced JavaScript (JS). It gives a basic overview of some data types used in JS.
4. __Program Flow and Data Structures__

    This chapter explains how you can make a program modular by adding functions and data structures to your code.

5. __Advanced JavaScript__

   This chapter explains some advanced concepts of JS, e.g., modularity, generators, and etc.
6. __Building Interactivity with DOM Manipulation__

   This chapter provides detailed information on how to manipulate HTML pages with JavaScript.


# Who is this module for?

This module is for beginners who want to code and create their own web pages using HTML, CSS, and JavaScript.

# Module structure

This module contains _six_ main chapters:

1. __Semantic Web Page Layout with HTML__

   This chapter formally introduces HTML. You'll learn about different tags to add interactivity to a web page.
2. __Styling HTML Content with CSS__

   This chapter formally introduces CSS. You'll learn about CSS selectors, the box model, and different features of CSS. It contains the following topics:

    + Basics of CSS
    + Styling Text with CSS
    + Images and CSS Gradients
    + Flexbox
    + CSS Grid


3. __Intrdouction to JavaScript__

    This chapter formally introduced JavaScript (JS). It gives a basic overview of some data types used in JS.
4. __Program Flow and Data Structures__

    This chapter explains how you can make a program modular by adding functions and data structures to your code.

5. __Advanced JavaScript__

   This chapter explains some advanced concepts of JS, e.g., modularity, generators, and etc.
6. __Building Interactivity with DOM Manipulation__

   This chapter provides detailed information on how to manipulate HTML pages with JavaScript.


This lesson discusses the intended audience and the necessary prerequisites of the module.

Before We Begin

Semantic Web Page Layout with HTML

Basics of CSS

Styling Text with CSS

Images and CSS Gradients

Flexbox

CSS Grid

Introduction to JavaScript

Program Flow and Data Structures

Advanced JavaScript

Building Interactivity with DOM Manipluation

Conclusion

About this Module

Who is this module for?

Module structure