Beginner Web Development Curriculum

HTML • CSS • JavaScript

I. HTML – The Structure of the Web

Lesson 1: Introduction to HTML

Objectives: Understand what HTML is, identify document structure.

<!DOCTYPE html>
<html>
<head>
  <title>My First Page</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>
Practice: Create index.html with your name as a heading and a welcome paragraph.
Mini-Quiz:
  1. What does HTML stand for?
  2. Where does visible page content go?
  3. Purpose of <!DOCTYPE html>?

II. CSS – Styling the Web

Lesson 1: Introduction to CSS

Objectives: Learn CSS purpose, linking methods.

/* External CSS example */
h1 {
  color: red;
}
Practice: Create a CSS file that changes your <h1> color to red.
Mini-Quiz:
  1. What does CSS stand for?
  2. Which method is best for large websites?

III. JavaScript – Making the Web Interactive

Lesson 1: Introduction to JavaScript

Objectives: Understand JavaScript’s role, add it to a page.

<script>
  console.log("Hello World");
</script>

<script src="main.js"></script>
Practice: Create a script that logs your name in the console.
Mini-Quiz:
  1. What does JavaScript control on a web page?
  2. How do you link an external JS file?