Acquia FE Specialist (D10) case studies
Acquia FE Specialist (D10) · Put your knowledge to work in context.
The Acquia Certified Front End Specialist - Drupal 10 Exam is a vendor certification credential aimed at front-end developers and themers who build Drupal 10 sites. It is intended for professionals who write and maintain a Drupal theme: template files, Twig markup, theme libraries, and the CSS and JavaScript that ship with them. Candidates typically come from agency or in-house teams where they own the look and feel of a Drupal site rather than its back-end configuration. Because the credential is front-end focused, preparation should center on how Drupal 10 renders pages: the theme layer, template and hook suggestions, Twig syntax and its Drupal-specific extensions, and the asset libraries that attach styles and scripts. The Acquia FE Specialist (D10) case studies are 5 cases and about 2,013 words.
1Preprocess Order and the Vanishing Body Class
A developer adds a body class in the theme's .theme file using function mytheme preprocess body(& variables) { variables['attributes']['class'][] = 'has-promo'; } . The class appears on the homepage but not on node pages.
438 words, about 2 min2Twig `|raw` and a Broken Escaped Link
A template outputs a field value with {{ content.field cta }} . The field is a link field rendered as a render array.
411 words, about 2 min3Component Library and Twig Include Performance
A theme has grown to 140 Twig templates. Many paragraphs render the same card component via {% include 'card.html.twig' with {...} %} inside a loop over 30 items per page.
389 words, about 2 min4Accessibility Regression from a Custom Menu Template
A theme overrides menu--main.html.twig to output a custom <ul with <li items and <a links. The design adds a dropdown submenu using CSS :hover only, with no JavaScript.
358 words, about 2 min5Aggregation, Critical CSS, and a Layout Shift
A Drupal 10 site scores poorly on performance. CSS and JS aggregation are enabled, but the theme loads a large CSS file in the head and a web font via @import inside that CSS.
417 words, about 2 min