Introduction to Web Development

6-8th Grade

Students use HTML and CSS to design, create, and breathe life into visually appealing web pages from scratch.

Bring to Your School
Web Development Foundations: Middle school computer science and coding

Introduce Students to Web Design and Development

Students will

  • Learn the historical context of how computers, code, and the web came to be and use markup language to write and code their own informational document
  • Implement design concepts of unity, color theory, white space, and typography to create a professional-looking web page that works on any device with a web browser


Grade Band: Grades 6-8

Format: 30 hours

Prerequisites: None



Video-Based Lessons


Self-Grading Quizzes


Project Portfolio




Web Design

UI/UX Design

Course Breakdown

Unit 1:

Designing for the Internet

Unit 2:

Web Development Basics

Project Portfolio

Through a combination of follow-along projects and self-directed activities, students build a unique coding project portfolio demonstrating the skills and knowledge they acquire.

Green Team Website

Students create a responsive static website using HTML and CSS from scratch, exercising their understanding of semantic and non-semantic HTML elements, typography, and positioning.

Web Design Wireframes

Students create a mood board and a collection of both block and high-fidelity wireframes utilizing their understanding of UI and UX design, the web design workflow, and visual hierarchy.

Technical Requirements


RAM: 4GB or more

CPU: Pentium 5 or later

Software Installed

Google Chrome


13" or bigger display

Full keyboard

Three-button mouse with scroll wheel

Headphone jack and headphones

Operating System

Chromebook: Chrome OS 100.0 or later

Windows: 7, 8, 8.1, 10 or later

Mac: OS X El Capitan 10.11 or later

Linux: 64-bit Ubuntu 18.04+, Debian 10+, openSUSE 15.2+, or Fedora Linux 32+

More courses like this:

Career Explorations in Esports

6-8th Grade

This one-of-a-kind elective allows students to explore a variety of high-paying professions inside the dynamic industry of esports.

Learn More

Game Development Foundations

6-8th Grade

Game Development Foundations (GDF) leverages the excitement of creating games to teach computer science, mathematics, and problem-solving.

Learn More


6-8th Grade

Use today’s most popular video games as a vehicle for standards-based math instruction and raise student scores.

Learn More

Introduction to Game Development

6-8th Grade

Teach students with no prior coding experience how to conceptualize, design, and make their very own game with this course.

Learn More

Web Development Foundations

6-8th Grade

Balancing project-based learning with engaging activities, students utilize their acquired knowledge to build useful tools and responsive websites.

Learn More

Ready to learn more about what we offer?

Schedule a demo today with one of our education specialists to find out how Mastery Coding can help you meet students where they are.