Web Development Foundations


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.

Topics covered include:
  • HTML
  • Document-Object Model (DOM)
  • Parent-Child Hierarchy
  • CSS
  • Computer Science Principles
  • Debugging
  • DOM Manipulation
  • Event-Driven Development
Bring to Your School

Hardware Requirements

  • Any internet-enabled computer with a keyboard and mouse
  • Headphones

Software Requirements

  • Google Chrome
  • CodePen (in-browser code editor)

Course Format

  • Year long course
  • video-based curriculum
  • full scope and sequence
  • self-grading assessments
  • professional development
  • ongoing educator support
  • capstone project w/ rubrics


Upon completing these courses, students will know everything they need to attain the following industry recognized certifications.

No items found.

Who is this for?

This course was designed for grades 6-10 and is recommended for students who:

  • Don't have previous coding experience
  • Want to make their own web pages
  • Want to better understand computers and the web


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.


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

Static Webpage

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

Interactive Web Application

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

Download Sample Lesson

No items found.
Bring Mastery Coding to Your School