Atomic Design

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 methodology.

Learning Objectives

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

  • Making atomic & molecular design accessible for content editors and end users
  • Planning effective landing pages that work for content editors and end-users
  • Picking 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

Your Trainer

Dharizza Espinach
Drupal Trainer & Senior Drupal Developer
Evolving Web

With nine years of experience in open-source development, Dharizza has excellent knowledge of best practices in security, accessibility, and Drupal development. At Evolving Web Dharizza leads site audits and technical discovery as well as development work for large-scale projects and content migrations. She also leads the majority of our technical training programs and specializes in collaborating with client development teams.

Other Courses