Please enable JavaScript to use CodeHS

South Carolina Fundamentals of Web Page Design and Development
Overview
Course Content
Demos
Resources

South Carolina Fundamentals of Web Page Design and Development

Units

Unit Description
The 21st Century Workplace: Students learn basic safety inside the classroom and how this applies to the workplace. They also explore future career options and the skills needed to obtain these jobs.
The Internet: Students learn the basics of the Internet, including safely accessing the Internet, legal impacts of the Internet, and how to protect networks from cyber attacks.
HTML - Structuring Websites: Students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.
CSS - Styling Websites: Students learn the language CSS and use it to style their web pages. Students learn about the benefits of styling with CSS and will use CSS to create several styled web pages of their own.
Advanced HTML and CSS: This module dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced websites.
Project - Create Your Homepage: Students build their own websites about themselves. This site will be accessible on their own custom domain and will be continually improved by the student as they continue on in the course. It will serve as a running portfolio of each creative project they create in the course.
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.
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 based on an emerging technology. The website will have to follow specific criteria. Students go through a storyboard process to help generate ideas for the website.

Unit Description
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.