Dynamic Web Design with HTML, CSS & JS

What your school gets

Everything a teacher needs to teach Dynamic Web Design with HTML, CSS & JS this year.

In class

8 lessons, ready to teach Each one planned step by step, taught from the board with the same lesson open on each student's device.
Quizzes and assessments A short quiz with 7 of the lessons.
Progress and resultsWhat each student has completed, and how they did.
CertificatesFor portfolios, open days and reports home.
Try the first lesson: Overview of how HTML, CSS, and JavaScript Interact

The course, module by module

8 lessons in 7 modules. The lesson marked Sample opens in full.

1 Week 1 2 lessons · about 1 hour

1 Overview of how HTML, CSS, and JavaScript Interact Sample lesson Quiz
2 Setting up Essential Tools Quiz

2 Week 2 1 lesson · about 1 hour

3 Scripting and DOM Manipulation Quiz

3 Week 3 1 lesson · about 1 hour

4 Dynamic Form Validation with JavaScript Quiz

4 Week 4 1 lesson · about 1 hour

5 Integrating External Libraries and APIs Quiz

5 Week 5 1 lesson · about 1 hour

6 Interactive Quiz Game Quiz

6 Week 6 1 lesson · about 1 hour

7 Weather Web App Quiz

7 Week 7 1 lesson · about 1 hour

8 Web Showcase

What students learn

This module provides a comprehensive introduction to dynamic web design using HTML, CSS, and JavaScript. Teachers should utilise a hands-on approach, guiding students through setting up their development environment, understanding how these languages interact, manipulating the DOM, and integrating external libraries and APIs. The module culminates in the creation of an interactive quiz game and a weather web app. The final week allows students to showcase their work, providing an opportunity for peer review and constructive feedback.

By the end of the course, students can

Understand and apply the interaction between HTML, CSS, and JavaScript to create dynamic web pages.
Set up and effectively use a web development environment, including code editors, browser developer tools, and debugging consoles.
Manipulate the Document Object Model (DOM) using JavaScript, including creating, deleting, and modifying HTML elements based on certain conditions or inputs.
Implement dynamic form validation using JavaScript, providing real-time feedback and validating different input types.
Integrate external libraries such as jQuery and APIs to pull dynamic data into web pages.
Create an interactive quiz game using HTML, CSS, and JavaScript, incorporating features such as timers, score trackers, and dynamic question loading.
Develop a Weather Web App that fetches and displays real-time weather data based on a location, making it interactive and visually appealing.
Present a web development project in a showcase, demonstrating mastery of HTML, CSS, and JavaScript.

What you'll need

Used in some of the lessons. Students can share in groups of two or three.

Chromebook/Laptop/PC iPad/Tablet