Middle school html / css / javascript resources

Keeping your class engaged with fun and unique teaching resources is vital in helping them reach their potential. On Tes Resources we have a range of tried and tested materials created by teachers for teachers, from pre-K through to high school.

Breathe new life into your lesson plans with our elementary, middle school and high school classroom resources. Whether you’re looking for fun math worksheets or brand new guided reading activities, we have thousands of free and premium resources for you to download. From kindergarten to elementary you’ll find K-5 resources, including phonics worksheets and numeracy games. From middle school through to high school we have everything from Spanish lessons to algebra activities, as well as Common Core-aligned lessons and revision guides for tests.

Popular subjects

More
  1. Resources Home
  2. Middle School
  3. Computing
  4. Algorithms and programming
  5. HTML / CSS / Javascript
JavaScript fantasy name generator

JavaScript fantasy name generator

Series of linked html files that allow students to either experience simple JavaScript functionality, or disassemble it or edit it for practice. Alternatively it could be used by the teacher as a demonstration, or broken down for students to rebuild.

By jsarnold

JavaScript Town Name Generator

JavaScript Town Name Generator

Simple website demonstrating how JavaScript can be used to generate random town names. This resource can either be given to students to disassemble and edit, or for the teacher to learn how JavaScript can be used in class to create a simple resource that students will enjoy.

By jsarnold

IGCSE Computer science theory booklet

IGCSE Computer science theory booklet

67 page IGCSE computer science theory booklet which covers half of the computer science course. Each unit within this unit is covered (computer systems, numbers processors and operating systems, data communications and networking, data integrity and security and binary logic. Designed to be used along with current teaching as there as places for students to include any sheets/work they have produced. the booklet includes: - self assessment of their confidence of each topic which should be referred back to at the end of the topic. - key words page in each unit -start and end tests to see students progress these are multiple choice tests which i carry out using socrative.(tests will be uploaded at some point) - pages where students can stick printed or use on their computers to add in their own work. - a marking page. level,effort, www, ebi (can be adapted to suit own school marking policy) -Practice exam questions pages. **** Some pages have been duplicated to aid the preview, swap first two pages, last page can be deleted and middle page(34)****

By Stephens1412

Weggo! Drag and drop HTML Editor: Tutorial 2

Weggo! Drag and drop HTML Editor: Tutorial 2

The second tutorial for the Weggo! HTML Editor introduces more text tags such as headlines and paragraphs (e.g. , , etc), which students use to begin adding more content to their web page. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!

By jllwton

Weggo! Drag and drop HTML Editor: Tutorial 1

Weggo! Drag and drop HTML Editor: Tutorial 1

Introduce your students to HTML using a drag and drop interface. Designed to be intuitive and colourful, students drag Lego-like 'tag' blocks onto the board to build up their page. Works on both mouse-based computers and touch-screen tablets. This resource includes "Tutorial 1" and "Teacher's Notes", both as printable PDFs. Tutorial 1 is an introduction to the Weggo! interface and a quick "Hello world" lesson. The Teacher's Notes provide an overview of Weggo's usage, system compatibility, limitations and pointers for each of the five tutorials. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!

By jllwton

Greenfoot Tutorial

Greenfoot Tutorial

Perfect tutorial for students to walk through and practice Greenfoot codes. This presentation has been designed to hit ALL the areas of the Greenfoot part of the WJEC Unit 3 exam. Handy "All you need to know" code section at the end to print out and give to students to revise from. This slide has a breakdown of the codes the students need to remember for the exam including: > Random Movement > Movement with arrow keys > Deletion on collision > Sound on collision > Counter

By whcsrmiddleditch

CSS Workbook 2

CSS Workbook 2

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the CSS 1 workbook that has been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS. This workbook focuses on some of the formatting that can be achieved from making use of CSS.

By beebusinessbee1

CSS Workbook 1

CSS Workbook 1

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the HTML workbooks that have been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS.

By beebusinessbee1

Introduction to HTML - KS2 Computing

Introduction to HTML - KS2 Computing

I tend use this lesson as an introduction to HTML before moving onto some of the amazing projects available on Code Club Projects. https://codeclubprojects.org/en-GB/webdev/ The worksheet introduces children to basic HTML using the following tags: Paragraph, Bold, Underline, Italic

By MrMTeach

AQA Computer Science 9-1 Full Bundle

AQA Computer Science 9-1 Full Bundle

You can get ALL of my major products at 25% of the total concerning Computer Science 9-1 with AQA, with this brand new, mega bundle! You can get: - The Revision Guide - NEA Resources - Unit 1, 4-7 - Revision Material ALL for the price of £10 only - this is essential for teachers who may be new to this course and need material, or for those of you who think this whopper of a deal is worth it! (Which I can guarantee it is) Please note that Units 2 and 3 are NOT included (except the guide on RLE and Huffman Encoding) due to my belief that they do not necessarily need a teaching pack and can be taught holistically, i.e. teaching Unit 3 with Mathematics and Unit 2 with the language you'll work in. **The programming language associated with this pack is Python 3** If you bought each individually, you would pay £32 - this is the deal of the century for 9-1 computing!

By mro2013