Atomic and Molecular Design with Drupal

Course Description

Atomic and molecular design are great tools to ensure consistency in design language across a website. It can be hard for content editors to use elements from your design library unless Drupal is set up correctly.

This course gives front end developers the knowledge they need to build components in Drupal that empower content editors to create flexible, dynamic page designs that also make use of elements of the atomic design.

Learning Objectives

You'll come away from the course with knowledge of how to:

• Make atomic & molecular design accessible for content editors and end users
• Plan effective landing pages that work for content editors and end-users
• Pick the best configuration for reusable page components
• How to use Block types and Paragraphs to build pages
• Theming techniques that will enable consistent components
• Accessibility as a key for component design
• Using the Layout Builder to create more flexible pages