Web Development Capstone

Explore the course content for the Web Development Capstone course

Evelyn Hunter avatar
Written by Evelyn Hunter
Updated over a week ago

Why Teach Web Development

The Web Development Capstone course is meant to be the bridge between the Web Design (Picasso) course and Introduction to Programming in Javascript course, and will introduce students to how Javascript and HTML/CSS are used in tandem with one another, as well as other concepts in web development that are crucial for building websites off of CodeHS.

What’s Covered in Web Development

The Web Development Course is a Capstone intended to teach students the fundamentals of web development in a project-based learning environment. Students will be taught the basic elements of web development, such as web hosting, file organization, and incorporating Javascript into HTML files. Over the course of the school year, students will collaboratively and independently design, develop and implement functional and responsive web pages using these foundational skills.

To learn more, visit the Web Development Syllabus or the Web Development Overview.

This is a breakdown of the important programming skills that students will refine, and concepts that they will learn as they work through the Web Development Course:

Graphic of HTML and JavaScript files with books and pencils

Introduction to JavaScript in HTML

Students learn about the script tag, and how it can be used to write JavaScript code in their HTML files. Students are also introduced to useful JavaScript methods that can be used to alter the state of the CSS and HTML of a webpage, as well as how the Document Object Model supports the ability to make such changes.

Using JavaScript Libraries

Students are introduced to jQuery, a JavaScript library that makes webpage interaction easier. Students will learn the basic syntax of jQuery, how to incorporate it in their webpages, and useful methods that help animate and change the responsiveness of their websites.

Project: Build an Interactive Resume

Students will create a single page, interactive resume. Students will be expected to add several animations using jQuery to prove their ability to modify HTML and CSS. This unit also examines web design theories that can help students improve the aesthetics of their resumes, and to evaluate the quality of a website based on its layout.

Storing and Collecting Data

This unit will explore the role that data plays in creating websites. Students will learn about the various ways that data is taken from web pages, as well as ways to secure themselves from unwanted data collection. Students will also learn how to incorporate data collection into their own websites, and collect simple information from users.

Project: Collecting Data

Students will create a multi-file webpage that tracks the number of clicks that items of content on the site receive, allowing the web owner to make decisions about which content should be kept, and which should be changed out the next time that they update their site. Students will test out one another's webpages, and write a written response highlighting the content that they will change on the next iteration and why.

How to Build and Maintain a Website

While students can run functional and responsive websites on CodeHS, this unit explores how students can create and run websites without the help of CodeHS. This unit will explore how to store web files, secure a domain name, and maintain a website. The majority of the lessons will be explanatory - students will not be expected to host and maintain a webpage off CodeHS, but will be given the tools needed to do so if they desire.

Final Project

Students will be tasked with creating a website of their own choosing. The website will have to follow specific criteria - certain number of pages, responsiveness, and use of APIs. Students will go through a feedback process, and learn about making their websites more accessible to a wide array of users.

The course also features two Bootcamp style units to help students refresh on topics from previous courses they will need to know in order to successfully complete this course:

HTML Bootcamp

This unit is meant to provide students a refresher on topics in HTML and CSS they have covered in previous courses. It's recommended that students go through the materials before beginning the Web Development Course.

JavaScript Bootcamp

This unit is meant to provide students a refresher on topics in JavaScript they have covered in previous courses. It's recommended that students go through the materials before beginning the Web Development Course.

Prerequisites and Curriculum Pathway:

This course is the third course in the Web Development pathway. It is designed ideally for students who have an introductory knowledge of HTML, CSS, and Javascript. Students who have completed the CodeHS Web Design, Intro to Programming in Javascript, or AP Computer Science Principles courses are eligible to complete this course.

Web Development Pathway:

Curriculum pathway incorporating web development course

Webinar

View the Web Development Webinar for more information.

Still have questions? Contact our team at hello@codehs.com to learn more!

Did this answer your question?