Scribd
Upload
11 views2 pages

Web Development Unit Plan

This unit plan for high school and first-year college students covers an introduction to web development over four weeks, focusing on HTML, CSS, and basic JavaScript. Students will learn to design, code, and publish websites, culminating in a final project where they create a personal or topic-based website. Assessment methods include quizzes, coding exercises, and a rubric-based final project evaluation.

Uploaded by

Mairegu Melkamu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
11 views2 pages

Web Development Unit Plan

This unit plan for high school and first-year college students covers an introduction to web development over four weeks, focusing on HTML, CSS, and basic JavaScript. Students will learn to design, code, and publish websites, culminating in a final project where they create a personal or topic-based website. Assessment methods include quizzes, coding exercises, and a rubric-based final project evaluation.

Uploaded by

Mairegu Melkamu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Unit Plan: Web Development

Unit Title:
Introduction to Web Development

Grade Level:
High School / First-Year College

Duration:
4 weeks (20 class periods)

Unit Overview:
This unit introduces students to the foundational concepts and practical skills of web
development. Students will learn to design, code, and publish websites using HTML, CSS,
and basic JavaScript. By the end of the unit, students will create a fully functional personal
or project-based website.

Unit Objectives:
 Understand the structure and purpose of websites and web applications.
 Write valid HTML to create structured web pages.
 Style web pages using CSS.
 Add interactivity using basic JavaScript.
 Use development tools (code editors, browsers, DevTools).
 Deploy a simple website online.

Week-by-Week Breakdown:
Week Topics Activities Assessments

1 Introduction to Web Lecture on web HTML quiz, Build a


Development, HTML development roles, 'My Profile' HTML
Basics HTML tags, building page
a basic web page

2 HTML Structure, Practice with CSS worksheet,


CSS Basics semantic HTML, Create a styled blog
styling with CSS, page
using classes and
IDs

3 Advanced CSS, CSS layout Code a responsive


Responsive Design, (Flexbox/Grid), navigation menu,
Intro to JavaScript media queries, basic short JS exercise
JS (variables,
events)

4 Project Work, Final project: Final project


Deployment personal or topic- presentation, peer
based website, review, self-
deploy via GitHub reflection
Pages or Netlify

Teaching Materials:
 Code editors (e.g., VS Code)
 Browsers (Chrome, Firefox)
 Online platforms: CodePen, GitHub
 Slides, handouts, and reference websites (MDN Web Docs)

Assessment Methods:
 Quizzes (HTML, CSS, JavaScript basics)
 In-class coding exercises
 Final project (rubric-based grading)
 Peer feedback and self-assessment

You might also like