A Peek Into Our Newest Foundations Course: Web Development

By Meibell Contreras, CCHS Faculty, Web Development Foundations

In January, we started the Web Development classes for IC students. During Cycle 3 and Cycle 4, students are learning to create websites using HTML, CSS, and JavaScript. This class is part of the IC Foundation, and the goal is for students to create a website for their Africa Research Project.

In Cycle 3, students are focusing on HTML, CSS, and basic JavaScript. They’ve been working on small web projects to get familiar with different HTML and CSS elements.

The first small web project was about Black History Month. Students researched inventions by Black creators that have had a lasting impact on modern life. They each picked an invention and created a webpage about the inventor and their contribution. Through this project, students learned about essential HTML tags like <a> for links, <img> for images, <h1> to <h6> for headings, <p> for text, and <div> for structure. They also learned using basic CSS to set background colors, font size, font style, font color, alignment, margins, and padding in the webpages.

You can check out their work here at https://majestic-chief-pufferfish.glitch.me/

The second small web project focused on learning about list tags (<ul>, <ol>, <li>) and the <table> tag in HTML. Students created their CCHS schedule and added a small JavaScript code that checks the current date. Depending on the day of the week, the corresponding column in the schedule is highlighted.

You can check out a schedule created by a student at https://sunny-friendly-celestite.glitch.me/

Before starting their Africa Research Foundation Project, students learned about CSS Flexible Box, which provides flexibility and control when designing a layout. We practiced this feature by creating menu options.

Now, the students are ready to create a website on their own, using various HTML elements and CSS styles to structure the different pages of their site.