Create a personalized Halloween card. Students code animations, write messages, and use text variables to personalize the card, making it interactive and fun.
How can thoughtful planning, design, and code make Personalized Halloween Card 🎃 work for its audience?
The through-line for every task in this lesson.
Students will be able to
Design a Halloween-themed card with characters and backgrounds.
Personalize the message using fill-in-the-blank user inputs.
Code animations using sequences and loops to bring the card to life.
Key vocabulary
variableuser inputparallelsequenceevent
Assessment
Formative
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Summative
Assess the published Personalized Halloween Card 🎃 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: Personalized Halloween Card 🎃
An interactive message card combines a clear idea with instructions that respond to an audience. In Personalized Halloween Card 🎃, each page has a job and each milestone adds one testable part. The designer should make the expected action …
SourcesCode.org — Programming Concepts and Tool DocumentationCode.org — Responding to User InputMDN — Looping Code
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 / 4
Setting the Stage 🎨
Select a Halloween character and background. Add a speech bubble with a question and an input field for the reader's reply.
Key words — tap to learncreate text variables
Each step checks off & advances on its own
All 4 studio steps · dynamic to the project
1Setting the Stage 🎨~10 min
2Variable-Driven Interaction 🔄~10 min
3Design with a Personal Touch ✍️~10 min
4Animating the Scene 🕺~10 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!
CCSS · ELA4CSTA5ISTE93 frameworks · 18 standards · DOK 3
CCSS · ELA
Common Core — English Language Arts
4 standards
CCSS.ELA-LITERACY.W.7.3
Write narratives to develop real or imagined experiences or events using effective technique, relevant descriptive details, and clear event sequences.
CCSS.ELA-LITERACY.W.7.5
With guidance and support from peers and adults, develop and strengthen writing as needed by planning, revising, editing, rewriting, or trying a new approach.
Also addressedCCSS.ELA-LITERACY.W.7.6 · CCSS.ELA-LITERACY.SL.7.5
CSTA
CSTA K–12 Computer Science
5 standards
2-AP-17
Systematically test and refine programs using a range of student-created inputs.
2-AP-11
Create clearly named variables that represent different data types and perform operations on their values.
2-AP-13
Decompose problems and subproblems into parts to facilitate the design, implementation, and review of programs.
Also addressed2-AP-15 · 2-AP-19
ISTE
ISTE Standards for Students
9 standards
ISTE 1.4.a
Students know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts, or solving authentic problems.
ISTE 1.4.c
Students develop, test, and refine prototypes as part of a cyclical design process.
ISTE 1.6.d
Students publish or present content that customizes the message and medium for their intended audiences.
ISTE 1.5.d
Students understand how automation works and use algorithmic thinking to develop a sequence of steps to create and test automated solutions.
Also addressedISTE 1.2.d · ISTE 1.1.c · ISTE 1.6.b · ISTE 1.6.c · ISTE 1.5.c
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.
