EncartaLabs

AEM (Adobe Experience Manager) - Single-Page Application Editor

( Duration: 2 Days )

The AEM (Adobe Experience Manager) - Single-Page Application Editor training course covers the end-to-end development of a Single-Page Application (SPA) using the Adobe Experience Manager (AEM) SPA framework in React JS, allowing content authors to edit SPA pages within AEM. In addition, this course is designed to teach you about AEM developer SPA framework foundational topics, such as React component mapping, front-end development tools and project setup, application routing, and rapid development.

By attending Getting Started with React & AEM Single-Page App Editor workshop, attendees will learn 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 the those changes reflected in real time in the browser
  • Develop SPA Model Routing to allow navigation between different views of the app

  • Experience with AEM front-end development

Front-end AEM developers and Single-Page Application Developers

COURSE AGENDA

1

Overview

2

Prerequisites

3

Project Setup

  • Download Starter Project
  • WKND Events React Starter Project
4

Editable Components

  • Install and integrate the AEM SPA Editor JS SDK
  • Map AEM text and image components to React components
5

Front-End Development

  • Install SaaS Support
  • Configure a proxy between the React project and a local AEM instance
  • Use a static or mock JSON file
  • Configure a Header component
  • Update image and text components
  • Integrate Responsive grid and Styleguidist
6

Navigation and Routing

  • SPA Routing approach
  • Install React router
  • Implement React component to display list of links
  • Update header component and add font Awesome icons
  • Add Redirect to index.js

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 4,000 Modules on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting http://encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top