HanuLab HanuLab
πŸ—ΊοΈ Map β€Ί 👑 Master β€Ί 📱 App Building

Lesson 2 β€” Designing the Screen and Buttons

⏱ 25–40 minutes 💻 Build HTML/CSS/JS with live preview in the browser πŸ’‘ Laying out the app's elements and action buttons
πŸ’‘ Play away! To save stars, ask a parent to log in
πŸ‘¨β€πŸ‘©β€πŸ‘§ Notes for parents

Level: Master β€” roughly Grade 9 / ages 14–15 Duration: 25–40 minutes Format: Build HTML/CSS/JS with live preview in the browser Concept: Laying out the app's elements and action buttons

Learning Objective

Kids lay out the app's heading, text, and buttons in HTML.

Do It Together (Parent-Child Co-participation)

Sketch the app screen on paper first, then translate it into HTML.