JavaScript Basics: Your First Code · Lesson 1 · 3 minutes
Pages That Change
Spot the difference between still and moving pages.
Play this lesson in your browser. No account needed.
Aya's Bakery Site
Aya bakes bread and cakes. She puts up a simple web page. The text and pictures stay the same all day.
Static Pages
A page that does not change is static. Everyone sees the exact same page. It sits still like paper.
What does a static web page do?
- It stays still like a printed poster.
- It moves and updates every second.
Answer: It stays still like a printed poster.
A static page stays the same for everyone until the maker changes it.
Dynamic Pages
Aya wants a live count of warm loaves. A page that changes is dynamic. It updates while you look at it.
A customer buys a loaf. Must the whole page reload to show '5 left'?
- No, a dynamic page can change in place.
- Yes, web pages only change when reloaded.
Answer: No, a dynamic page can change in place.
Dynamic pages update right in front of you without reloading the page.
Complete the rule:
A ___ page stays still. A ___ page can change.
Answer: A static page stays still. A dynamic page can change.
Static pages stay still, while dynamic pages change.
Show how Aya makes her loaf counter update live.
Answer: A dynamic page updates the number without a full reload
Dynamic pages update live data without reloading the whole site.
What to remember
- Static pages stay still like a printed sign.
- Dynamic pages change right in front of you.
- A page does not need a reload to update.
Next in this course: The Three Tools. It carries on in the Breni app.