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

Intermediate