Blocks, Fragments, and Configurations (Implementation)

This lesson covers Blocks, Fragments, and Configurations (Implementation) in the context of Adobe AEM Sites Edge Delivery Services (EDS) Fast Track.

• Anatomy of an EDS Block: The relationship between the DOM structure (from the document) and the resulting HTML/CSS/JS.
• Building Static Blocks: Creating Heroes, Columns, and Cards from scratch.
• Building Dynamic Blocks (Practical Focus): Writing blocks that mutate the DOM based on complex author inputs; Fetching and rendering external JSON data asynchronously within a block; Handling loading states and preventing layout shifts (Cumulative Layout Shift).
• Placeholders & Fragments: Reusing UI components across multiple pages (e.g., headers, footers, teases).