Programming HTML, CSS, Javascript - Drink More Water

In this course, students will learn how to create a web based application using fundamental HTML, CSS, and Javascript to illustrate daily water intake. The application can add or subtract from the larger vessel and is animated with a click. We will use HTML to craft page elements, CSS to illustrate/animate those elements, and finally Javascript to add conditional statements that control those behaviors. HTML and CSS are the foundation of the web. So, they're also the foundation for taking tech skills to the next level. Having a handle on the fundamentals of JavaScript will make learning another programming language easier.

This class will show and explain how to create a basic HTML layout, style it with CSS, and then use Javascript to animate interactive elements through the click of a button. The students will learn how to craft HTML elements, add event listeners to those elements, and write conditional statements controlling program behavior. I will also give out a challenge after every class so students can experiment and grow their knowledge. By the end of the course, students will have the knowledge of how to create a basic web based application using HTML, CSS, and Javascript to animate web page elements.

We play Kahoot to warm up to HTML, CSS, and JavaScript topics so students will need access to that site. Students should be able to type on a keyboard and have some coding knowledge. This lesson will require a computer with internet access and the ability to navigate to CodeSandbox.io for a shared coding environment.