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.

Header image

Teach Students Programming and Design using Project-Based Lessons

This course teaches students the basics of web design and web development. This course will dive into the following topics: basic art principles, user experience and interface design, responsive layouts, accessibility, HTML, CSS, and JavaScript. At the end of this course, students will be able to build responsive websites and web-based tools that are designed with a target audience and accessibility needs in mind.

Students will

  • Design and develop a collection of projects.
  • Gain an understanding of design principles and accessibility
  • Gain a high competence in HTML and CSS.
  • Gain an understanding of JavaScript centered around web development. 
  • Become highly proficient in creating responsive web projects

Certifications

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

Certiport IT Specialist - HTML and CSS Certification

KnowledgePillars HTML & CSS Coding Specialist

About

Grade Band: Grades 6-8

Format: Year-long

Prerequisites: None

Features

video

Video-Based Lessons

certificate

Earns Certifications

check-square

Self-Grading Quizzes

briefcase

Project Portfolio

star

Capstone Project

Topics

HTML

CSS

JavaScript

Interface Design

Web Design

Course Breakdown

Unit 1:

Designing for the Internet

Unit 2:

Web Development Basics

Unit 3:

JavaScript Basics & HTML Forms

Unit 4:

Designing & Developing Responsive Websites

STEAM Connections

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

Contact Us

flask

Science

laptop

Technology

cog

Engineering

brush

Art

calculator

Math

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.

Color Picker

Using HTML, CSS, and JavaScript, students will create a color picker application that can generate RGBA values and hexadecimal color code.

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

Hardware

RAM: 4GB or more

CPU: Pentium 5 or later

Software Installed

Google Chrome


Peripherals

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

Gamer Math™

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

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.

Learn More

Ready to learn more about what we offer?

Schedule a demo today with one of our education specialists