Web based project II
Lesson details
Learning outcome
I can make my website interactive using JavaScript and test that it meets the requirements specified.
Key learning points
- Adding interactivity to a project involves writing functions and connecting them to elements using event listeners.
- Website features should match the project’s goals and user needs.
- Testing and debugging your code is a key part of any project.
Keywords
Debugging - the process of finding and fixing errors in code to ensure it works correctly
Testing - to check if something works correctly and as expected
Rubric - a guide that outlines criteria and levels of achievement to evaluate work fairly and consistently
Common misconception
JavaScript only works after everything is perfect, I’ll fix it all at the end.
JavaScript is best written and tested in small steps. Writing a little, testing it, and debugging as you go helps avoid big problems later.
Teacher tip
Pupils will have encoutered many uses of HTML in the world around them. Tailor the activities in the slides to best reflect the experiences pupils in your school will have had when using HTML-based technology.
Equipment
Pupils will need access to a device with HTML editing software. Examples in this lesson use the RPF Code Editor https://oak.link/html-editor
Licence
Lesson video
Loading...
Prior knowledge starter quiz
6 Questions
Q1.What are user requirements?
Q2.Match each web design term to its example:
semantic HTML
wireframe
user requirement
CSS
Q3.What does CSS do for a website?
Q4.What is used to plan the structure and navigation of a website before coding begins?
Q5.What is the purpose of a site map?
Q6.Arrange the steps for creating consistent styling:
Assessment exit quiz
6 Questions
Q1.What is testing in web development?
Q2.What is the process of finding and fixing errors in code?
Q3.How does JavaScript add interactivity to a website?
Q4.Arrange the steps for debugging code:
Q5.What is a guide that outlines criteria and levels of achievement to evaluate work fairly?
Q6.What is the best way to write and test JavaScript?
To help you plan your 11 computer science lesson on: Web based project II, download all teaching resources for free and adapt to suit your pupils' needs...
To help you plan your 11 computer science lesson on: Web based project II, download all teaching resources for free and adapt to suit your pupils' needs.
The starter quiz will activate and check your pupils' prior knowledge, with versions available both with and without answers in PDF format.
We use learning cycles to break down learning into key concepts or ideas linked to the learning outcome. Each learning cycle features explanations with checks for understanding and practice tasks with feedback. All of this is found in our slide decks, ready for you to download and edit. The practice tasks are also available as printable worksheets and some lessons have additional materials with extra material you might need for teaching the lesson.
The assessment exit quiz will test your pupils' understanding of the key learning points.
Our video is a tool for planning, showing how other teachers might teach the lesson, offering helpful tips, modelled explanations and inspiration for your own delivery in the classroom. Plus, you can set it as homework or revision for pupils and keep their learning on track by sharing an online pupil version of this lesson.
Explore more key stage 4 computer science lessons from the HTML programming project unit, dive into the full secondary computer science curriculum, or learn more about lesson planning.