Skip to content
PlayOwl

Coding · Grade 7

Build an Original Interactive Application

A guided project course: learners turn an original idea into user stories with priorities, design the interface and state with an events table, build and trace JavaScript handlers using a worked example (Flashcard Flipper), and finish with a test plan, user feedback and iteration. The reviewed project plan asks each learner to design their own original application.

  • 4 lessons
  • About 95 minutes
  • Check what you learned: 8 questions
  • Ways to answer: choose an answer, put code in order, trace code, highlight a text, match pairs and type a number
See plans Included with Family, Teacher and School plans. Open in PlayOwl

What learners will discover

  • Turn an original idea into user stories and prioritise them as must, should or could within a realistic scope.
  • Design an interface and its state with an events table linking elements, events, handlers and state changes.
  • Build and trace event handlers that update an application's state, including edge cases such as wrapping around.
  • Test and improve an application using a test plan and user feedback, and present the result.

Lessons

  1. From an idea to requirements 5 steps2 practiceabout 18 min
  2. Designing the interface and state 5 steps3 practiceabout 20 min
  3. Building the handlers 6 steps4 practiceabout 22 min
  4. Test, improve and present 4 steps3 practiceabout 20 min
  5. Check what you learned 8 questions at the end

Keep exploring

Games to practice with

  • Bug DetectiveA robot program almost works. Run it, spot the buggy block, and fix it.
  • Sorting FactoryTurn a work order into if/else rules and watch the conveyor sort every item.
  • Garden AutomationProgram a garden robot with sensor rules — then watch a whole day play out.

More 7th grade coding

Guide for grown-ups