Certification journey for Adobe Commerce Front-End Developer Expert

Intended audience:

• Developers
• Lead Developers
• Front-end Developers
• Full Stack Developers
• PWA Developers

Exam details:

• Level: Expert (1-3 years’ experience)
• Passing Score: 33/50
• Time: 100 mins
• Delivery: Online proctored (requires camera access) or test center proctored
• Available languages: English
• Cost: $225 (global) / $150 (India)
• Exam ID: AD0-E710

Readiness self-assessment

Complete the online readiness questionnaire to see if your current experience matches the recommended minimum candidate qualification.

Exam objectives and scope

Section 1: Theme management (Theme hierarchy, image configuration, translations) (16%)

• Describe Adobe Commerce theme folder structure and how it relates to folder based themes
• Demonstrate the ability to create a new theme (Inheritance/Fallbacks, design exceptions, theme properties)
• Demonstrate ability to extend existing themes
• Demonstrate ability to customize transactional emails
• Demonstrate ability to apply translations
• Given a set of use cases, identify when to place files in app/code or app/design

Section 2: Layout XML & templates (phtml templates) (24%)

• Demonstrate the ability to utilize layout XML instructions
• Demonstrate the ability to create new page layouts
• Understand the difference between extending/merging and overriding XML
• Demonstrate how to pass and utilize arguments to templates
• Demonstrate ability to create and customize templates
• Apply template security (escaping output)

Section 3: Styles (18%)

• Identify the purpose of styles-m.less, styles-l.less, print.less
• Describe the difference between specific partial files (_extends.less,_extend.less,_theme.less,_widgets.less,_module.less,)
• Demonstrate the ability to override or extend Magento LESS
• Explain the core concepts of LESS
• Demonstrate the ability to style emails
• Explain the hierarchy of styles ( lib, modules, themes)
• Demonstrate the ability to implement and customize LESS library components
• Identify the differences between client-side vs server-side compilation and how it works

Section 4: JavaScript (mage widgets, mage library, customer data module, Knockout templates) (22%)

• Demonstrate the ability to initialize and call JavaScript components
• Distinguish use cases for different JavaScript components
• Demonstrate the usage of RequireJS
• Demonstrate the ability to implement different types of mixins
• Describe how to add a translation in JS
• Describe interactions between UI components
• Demonstrate the usage of Knockout JS
• Demonstrate the usage of jQuery widgets
• Demonstrate the usage of JS components using Layout XML

Section 5: Admin Configuration and PageBuilder (12%)

• Demonstrate the usage of content management
• Apply/schedule a theme to a specific scope (website, store, store-view)
• Apply design changes to categories, products and CMS pages using admin configuration
• Describe front-end optimization
• Customize transactional emails
• Demonstrate the usage of admin development tools

Section 6: Tools (CLI and Grunt) (8%)

• Demonstrate the usage of basic bin/Magento commands

• Describe the usage of Composer commands (install, update, require, remove)

• Differentiate the appropriate use case for deploy modes

• Define Grunt setup and usage

You are not required to complete training before taking the exam, and training alone will not provide you with the knowledge and skills required to pass the exam. A combination of training and successful, on-the-job experience are critical to providing you with the repository needed to pass the exam.

Here are some suggested resources to help you prepare:

Section 1: Theme management (Theme hierarchy, image configuration, translations)

• Theme structure
• Create a storefront theme
• Theme inheritance
• Extend a layout
• Email communications
• Customize email templates
• Email templates
• Translations
• Create your component file structure

Section 2: Layout XML & templates (phtml templates)

• Layout instructions
• Create a new layout
• Layout file types
• Extend a layout
• Override a layout
• Common customization tasks
• Basic template concepts
• Templates
• Templates customization example
• Cross-site scripting (XSS)

Section 3: Styles

• Include CSS
• CSS and LESS preprocessing
• Customize theme styles
• Less coding standard
• Email templates
• Theme structure
• Add custom CSS preprocessor
• Use Sass preprocessor and Gulp task runner
• Compilation mode

Section 4: JavaScript (mage widgets, mage library, customer data module, Knockout templates)

• Call and initialize JavaScript
• Debug JavaScript components
• RequireJS in Commerce
• JavaScript mixins
• Theme strings
• Introduction to UI components
• Configuration flow
• Custom Knockout.js bindings
• Binding syntax
• jQuery widgets
• Add a JavaScript module

Section 5: Admin configuration and PageBuilder

• Content Elements
• Design Configuration
• Page Layout
• Add styles
• Developer tools
• JavaScript bundling
• Email templates

Section 6: Tools (CLI and Grunt)

• Command-line tool

• Commerce for developers - Code base

• Uninstall modules

• Manage extensions

• Set the operation mode

• Grunt

• Compile LESS with Grunt

Now that you have successfully logged in, the following links will be directly accessible.

Take a practice test

We recommend taking the free practice test before you start. You’ll have unrestricted access to all available practice tests for Adobe’s expert-level exams.

Our practice tests are all developed from the same blueprint as the live exams. The practice test will help you understand the topics covered in the live exam.

Please remember that passing a practice test does not guarantee you will pass the certification exam.

Go to the Adobe Certification Exam Prep Portal now to take a practice test.

Take the certification exam

Adobe uses two vendors to administer proctored exams, PSI and Examity.

• PSI offers test center and Japanese exam options (where available)
• Examity offers a remote online option

To schedule, reschedule, or cancel your exam, simply click on the vendor of choice, and follow the instructions provided on screen. It’s that simple!

Your profile name in the Adobe Credential Management System must exactly match your Government ID. Failure to have identical information or any mismatch will result in the proctor terminating the exam and will require you to reschedule your appointment in addition to paying an additional exam fee.

Cancellations and rescheduling are possible if initiated prior to 48 hours before the scheduled exam appointment. Candidates must modify this appointment themselves.

Exam number: AD0-E710

PSI Examity

You can pay for your certification exam by voucher or credit card. To purchase an exam voucher go to: Adobe Certification Voucher Center.

You can apply the voucher code when you schedule your exam. If you have a discount, it will apply at checkout.