Web Development Foundations

Grade Band:  
6-8th Grade


Web Development Foundations (WDF) explores Internet history, coding principles, and languages. WDF teaches HTML, CSS, and JavaScript so students can design, create, and breathe life into visually appealing web pages. Upon completion of this course, students will have a solid understanding of computer science principles and the ability to code interactive web pages from scratch.

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.

STEM Connections

STEM connections embedded in this course reinforce relevant science and math concepts to provide a well-rounded educational experience.


Upon completing this course, students will be prepared to earn the following industry-recognized certification(s):

KnowledgePillars HTML & CSS Coding Specialist
KnowledgePillars HTML & CSS Coding Specialist
Bring to Your School


  • HTML
  • Document-Object Model (DOM)
  • Parent-Child Hierarchy
  • CSS
  • Computer Science Principles
  • Debugging
  • DOM Manipulation
  • Event-Driven Development
Download Course Flyer


This course covers the following:

  • HTML: 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.
  • CSS: Students will 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.
  • JavaScript: Students will write JavaScript to breathe life into their web pages by leveraging computer science concepts including sequencing, selection, looping, state management, boolean arithmetic, and event-driven development to create web applications that respond to user behavior.

Project Based Learning

Students complete the following projects in this project-based course:

Interactive Web Application

Students use events and state management to create an interactive web application using JavaScript, CSS and HTML.

Play Demo in Browser

Static Webpage

Students create a static multimedia web page with colors and layout of their design using CSS and HTML.

Play Demo in Browser

STEAM Connections


Students dive into ecology topics including conservation, restoration, and succession as they incorporate such topics into their projects.


Students learn about the history and development of computers and the Internet. They become familiar with computer science principles as they utilize JavaScript to add interactivity to web pages.


Students explore emerging technologies in the fields of software engineering, electrical engineering, and bioengineering to see the progress, possibilities, and problems these technologies present.


Students learn and apply design principles, including color, typography, layout, and composition, to create visually appealing web pages and web applications.


Students use arithmetic and logical operations in their code to achieve desired results.

Technical Requirements


RAM: 4GB or more

CPU: Pentium 5 or later


13" or bigger display

Full keyboard

Three-button mouse with scroll wheel

Headphone jack and headphones

Software Installed

Google Chrome

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+

Download Sample Lesson

No items found.
Bring Mastery Coding to Your School