Lesson Plan - Static vs Dynamic Blocks

[courtneyr-dev]

Topic Description

Clarify the difference between Static and Dynamic Blocks

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• Static Vs Dynamic Blocks: What's the Difference?

Guidelines

Review the [team guidelines] (https://make.wordpress.org/training/handbook/guidelines/)

Development Checklist:

• Gather links to Support and Developer Docs
• Consider any MarComms (marketing communications) resources and link to those
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Create an outline of the example lesson walk-through
• Draft lesson plan
• Copy edit
• Style guide review
• Instructional Review
• Final review
• Publish
• Announce to the Training team
• Announce to lesson plan creator
• Announce to marketing
• Gather feedback from lesson plan users about the quality

Repo Structure and Lesson Plan Template

Please remove all blockquote comments such as this before publishing.

Description

Explore the distinctiveness of Static and Dynamic Blocks in WordPress, understanding how they enhance content creation and management.

Objectives

After completing this lesson, participants will be able to:

• Identify the characteristics and use cases of Static and Dynamic Blocks.
• Implement Static and Dynamic Blocks in a WordPress environment.

Target Audience

• Developers

Experience Level

• Intermediate

Type of Instruction

• Demonstration
• Exercises

Time Estimate (Duration)

• 1 hour or less

Prerequisite Skills

• Basic understanding of WordPress.
• Familiarity with HTML and JavaScript.

Readiness Questions

• Are you familiar with the basics of WordPress?
• Do you have basic knowledge of HTML and JavaScript?

Slides

• Slides

Materials Needed

• A local install of WordPress
• A text editor

Notes for the Presenter

• Encourage participants to explore and experiment with different block types.
• Provide real-world examples of when to use Static vs Dynamic Blocks.

Lesson Outline

• Introduction to WordPress Blocks
• Distinguishing Static and Dynamic Blocks
• Demonstrations and Exercises on implementing Static and Dynamic Blocks

Exercises

Block Implementation

Practice implementing both Static and Dynamic Blocks.

• Create a Static Block
• Create a Dynamic Block

Assessment

Identify the correct statement:

1. Static Blocks require manual intervention for content changes.
2. Dynamic Blocks can change content autonomously.
3. Static Blocks render content server-side.
4. Dynamic Blocks are created using PHP only.

Answer: 2. Dynamic Blocks can change content autonomously.

Additional Resources

• WordPress Block Developer Documentation
• Block Examples and Tutorials

Example Lesson

Introduction to WordPress Blocks

Discuss what blocks are, their evolution, and their significance in WordPress.

Static vs Dynamic Blocks

Explain the difference, show examples, and discuss use cases.

Hands-on Exercises

Participants create both Static and Dynamic Blocks, exploring their functionalities.

Lesson Wrap Up

Review key points, answer any questions, and encourage further practice and learning.

Follow with the Exercises and Assessment outlined above.