Lessons/Teacher PD for Lessons

Teacher PD for Lessons

OtherCoding

This lesson is designed for K-12 educators, offering a practical, step-by-step guide to creating interactive stories from a student's viewpoint.

Pacing
1 class · 30 min
Teacher's Kit included — Lesson Plan · Student Kit · Answer Key · Rubric · See what's inside
Teacher PD for Lessons
Standards-aligned
ISTEDOK 3
Lesson at a glance
?
?Essential question

How can thoughtful planning, design, and code make Teacher PD for Lessons work for its audience?

The through-line for every task in this lesson.
Students will be able to
  • Experience Elementari from a student's viewpoint by following a structured lesson.
  • Develop familiarity with designing a story and implementing basic coding of animations.
Key vocabulary
eventanimationparallelstudent viewpointscaffoldformative check
Assessment
Formative
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Summative
Assess the published Teacher PD for Lessons with the analytic rubric.
The student journey

This is a build — not a worksheet packet

Every lesson runs like the story students are about to make: read it, write it, build it, polish it, publish it. The printables scaffold each stage — the published Elementari project is the destination.

1
📖

Read

Students read a short, high-interest passage — a real-world hook, not a dry textbook definition — to spark ideas for what they'll make.

📖Read Before You Build: Teacher PD for Lessons

A strong interactive-story lesson lets educators experience the same sequence their students will use: understand the goal, plan a page, create readable content, add one purposeful interaction, test it, revise it, and publish. During this p…

SourcesISTE — Standards for EducatorsCode.org — Programming Concepts and Tool DocumentationCode.org — Responding to User Input
Read the full passage
2
✏️

Write & plan

~15 min

On a scaffold built for the lesson, students plan their writing with sentence frames, a word bank, and a glossary — never a blank page.

2Student Kit · sneak peek
Key Words from the Passageeventanimationparallelstudent viewpoint
Glossary  a kid-friendly definition for every key term
3
🎨

Design & code

The main event~35 min

In the studio, students bring the project to life — adding art and following the exact writing and coding steps shown below. The Studio Compass walks them through it, one step at a time.

🧭Studio CompassStep 1 / 8
Welcome to Elementari!
Try out and learn how writing and coding on Elementari works through this lesson geared for teachers. No coding experience needed! Don't worry - often students will explore coding
Key words — tap to learnon page start block
Each step checks off & advances on its own
All 8 studio steps · dynamic to the project
1Welcome to Elementari!~2 min
2Front Side Design 🎨~10 min
3Back Side Code - Intro 💻~3 min
4Back Side Code - Text Animation 📝~5 min
5Front Side Design - Advanced ✨~5 min
6Back Side Code - Animate 🚶‍♂️~5 min
7Last Step - Publish!~2 min
8Starting My Students - Assign a Lesson~3 min
4
🔁

Polish

ongoing

Teacher and peer feedback pin right onto the project — students revise until it's ready to share.

Feedback on the project2 pins
🍎
Add one more sentence here so readers get the full picture.
👍 2Teacher
A
The interaction is clear — it helps the reader follow the project!
⭐ 3Peer
One-tap repliesNice work!Add detail
5
🚀

Publish

The payoff~15 min

Students publish their finished, playable project to the class showcase — each one gets its own shareable link.

🎉Published to the class showcase
A project made by your student
Published🌍 Shareable link — anyone can play
The Teacher's Kit

The printables that power the build

Every page walks students toward publishing on Elementari — the build is the lesson, these printables get them there.

Download printables
Start hereTeacher-facing

Lesson Plan

Your teaching plan — standards alignment, the essential question, and the full lesson flow with the build steps, plus coaching notes.

PDF · print-ready
Sign in to unlock
Before you teach

Set up in about ten minutes

A couple of things to gather, a few quick steps to prep — then you're ready to hand it to students.

What you need
  • A device per student or pair
  • Internet connection
Prep · about 10 min
  1. 1Print the student kits
  2. 2Assign this lesson to your students
  3. 3Skim the build steps
Teacher background

What you need to know

Students connect clear content and purposeful design to tested event-driven code, then revise until the published experience behaves as intended.

Key terms
event
a signal such as a click, page start, spoken word, or collision that starts code
animation
a planned change that makes an object appear to move or transform
parallel
two or more coded actions that begin at the same time
student viewpoint
considering the directions, choices, and difficulties a learner will experience
scaffold
temporary support that helps a learner complete a task and can be reduced as independence grows
formative check
a brief check used during learning to decide what feedback or support should come next
Watch for these misconceptions
Students decorate before the required behavior works. Return to the milestone order and require one visible test before additional decoration.
Standards alignment

Aligned to the standards you teach

Every task maps to a specific standard, so planning and reporting are covered.

Tracking 7 frameworks: Common Core ELA, Common Core Math, NGSS +4
21st-century skillsCritical ThinkingCommunicationCreativityCoding
ISTE41 framework · 4 standards · DOK 3
ISTE
ISTE Standards for Students
4 standards
ISTE-E 2.1.a

Educators set professional learning goals to explore and apply pedagogical approaches made possible by technology and reflect on their effectiveness.

ISTE-E 2.5.a

Educators use technology to create, adapt, and personalize learning experiences that foster independent learning and accommodate learner differences and needs.

ISTE-E 2.5.b

Educators design authentic learning activities that align with content-area standards and use digital tools and resources to maximize active, deep learning.

ISTE-E 2.6.c

Educators create learning opportunities that challenge students to use a design process and computational thinking to innovate and solve problems.

Full task-by-task mapping — including Depth of Knowledge — is in the answer key.

Differentiation & accessibility

Built to reach every learner

One lesson, three built-in paths — with accessibility baked into the materials, not bolted on afterward.

Extra support

Emerging readers & writers
  • Read-aloud and multilingual support in the Elementari build
  • Studio Compass highlights one task at a time — including the coding
  • Sentence frames and a word bank so it is never a blank page

On grade

The core lesson
  • The passage and storyboard exactly as written
  • Model answers and “look-fors” in the answer key
  • Self-check chips at every milestone

Ready for more

Extension & challenge
  • Challenge vocabulary and a real-world extension question
  • Deepen one existing page or interaction — without changing the required mechanics
  • A longer, evidence-based reflection prompt
Accessibility, built inPredictable step-by-step structureOne task at a time · Studio CompassHighlighted response areasLow-stimulation printMovement-friendly pacingDesigned so every student can design, write, and code — with ADHD, autism, and dyslexia in mind.
Questions

Teacher FAQ

Do I need to know how to code?

No coding experience needed. Studio Compass guides students through Guided Steps — each names the exact block and checks itself off — while you facilitate.

What devices does it work on?

Any modern browser — laptops, Chromebooks, and tablets. Nothing to install.

Do my students need an account?

No student email addresses required. You roster your class in a couple of clicks, and students join with a simple class code.

Is it standards-aligned?

Yes — each lesson shows national frameworks and supported state codes from your Standards setting, with specific standards and DOK levels called out in the answer key.

Can students work at different levels?

Built-in read-aloud, sentence frames, and task-level word suggestions meet students where they are, and the self-checking steps let each student work at their own pace.

How do students share their work?

They submit to you for review; you publish the best to your class showcase, each with a public link.

Ready when you are

Bring this lesson to your class

Import your class, assign in one click, and watch them build — the whole kit comes with it.

Free to try · No student emails required
Teacher PD for Lessons
· 1 class · 30 min