Available Live Instructor-Led Sessions

Experience with AEM front-end development.

After completing this course, you will be able to:

  • Install the AEM SPA Editor JS SDK and implement React components for both image and text components
  • Modify JS and CSS files and see those changes reflected in real time in the browser 
  • Develop SPA Model Routing to allow navigation between different views of the app
  • Query Content Fragments from a SPA app using GraphQL

  • Overview
  • SPA Editor Project
    • Build the Project
  • Integrate the SPA 
    • Inspect the SPA Integration
    • Add a Header Component
    • Proxy the JSON API
  • Map SPA Components
    • Inspect the Text Component
    • Create the Image Component 
    • Update Policies in AEM
  • Navigation and Routing
    • Implement Navigation 
    • Inspect Spa Routing
  • Create a Custom Component
    • Define the AEM Component
    • Create the Sling Model
  • Extend Component 
    • Inspect Initial Card Implementation
    • Author Initial Card Component 
    • Update Card Sling Model 
  • GraphQL and Remote SPA
    • GraphQL APIs for Content Fragments
    • Querying from External React App 

More Ways to Learn

All Access Learning Subscription

Get 12-month unlimited access to all live instructor-led courses, on-demand courses with practice exercise guides, sandboxes for select on-demand courses, and spotlight videos across Adobe Experience Cloud products.

On-Demand Learning Subscription

Get 12-month unlimited access to all on-demand courses with practice exercise guides, sandboxes for select on-demand courses, and spotlight videos across Adobe Experience Cloud products.

 

Adobe Qualified Credential

Take an exam and earn a credential that validates your skills and knowledge.

Looking for private event training for your team?