Please enable JavaScript to use CodeHS


Web Development

Units

Unit Description
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 will also be 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 create a single page, interactive resume. Students are 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: Students explore the role that data plays in creating websites. Students will learn about the various ways that data is taken from webpages, as well as ways to secure themselves from unwanted data collection. Students also learn how to incorporate data collection into their own websites, and collect simple information from users.
Project: Collecting Data: Students 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 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: Students 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 are 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 go through a feedback process, and learn about making their websites more accessible to a wide array of users.

Unit Description
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 Capstone.
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 Capstone.
Creating Data Visualizations: In this module, students learn how to collect data from API's and turn that data into a visualization. Students explore the TOASTUI data visualization tool, and examine how visualizations can highlight trends and patterns that are too difficult to notice when looking at raw data.