Web Development Foundations

About

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

Certifications

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

Overview

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.

Projects

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.