Adobe AEM core components

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe AEM Core Components
Lokesh BS| TechAspect Solutions Inc

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Highlights
2
Flexible Configuration options
Pre-configurable capabilities
Feature-rich capabilities
HTML Template Language (HTL)
Sling Models
Best implementation
Bootstrap naming conventions
Built around accessibility guidelines
Responsive
Modern markup
Compatibility within a version
Multiple versions to coexist on the same environment
Component Versioning
Frequent & incremental functionality improvements
source code on GitHub for feedback and contribute
component upgrades to be done independently from AEM upgrades
Continuous delivery
Capability to serialize as JSON the content model for headless CMS use casesGlobal Output

Important Notes
 Open Source and available on github
 In production instance, need to install manually
3
 Core Components require AEM 6.3 and Java 8.
 Core Components do not work with the Classic UI.

Foundation VS Core Components
Capability Core Component Foundation Component
Logic implementation
Java POJOs with Sling
Models annotations
JSP code
Markup definition
HTML Template
Language (HTL) syntax
JSP code
XSS sanitization Automated by HTL Mostly manual
CSS classes naming
Standardized naming
convention inspired
by Bootstrap
Custom schemes
Dialog definition Coral 3 Coral 2 + Classic UI
JSON output
Sling Models Exporter with
Jackson serialization
Default Sling servlet
Versioning For the model and the HTL None
Testing
Unit Tests + Integration
Tests
Integration Tests
Delivery Via public GitHub Via Quickstart
License Apache License Adobe proprietary
Contribution Via pull request Not possible
4

Components List
 https://github.com/Adobe-Marketing-Cloud/aem-core-wcm-components
Available Components
 Page authoring components:
 Page component
 Breadcrumb component
 Title component
 Text component
 Image component
 List component
 Sharing component
 Form components:
 Form container
 Form text field
 Form options field
 Form hidden field
 Form button
6

When to use ?
7
New Project
Assess
Core
Components
New Custom
Component
Existing Project
New
Custom
Component
Existing
Custom
Component
Assess
Assess
for
deprec
ated
API
1
5
4
3
2 1
9
8
7
6
4
5
3 2
reuse

How to Use ?
8
Create a proxy component
superType to core component
Define the proxy component
Load the core styles (if needed)

Implementation
9

Associations
11

References
 Download Core Components – https://github.com/Adobe-Marketing-Cloud/aem-core-wcm-
components
 Core Components- https://docs.adobe.com/docs/en/aem/6-3/develop/components/core-
components.html
 Component Guidelines - https://docs.adobe.com/docs/en/aem/6-3/develop/components/core-
components/guidelines.html
 Using Core Components - https://docs.adobe.com/docs/en/aem/6-3/develop/components/core-
components/using.html
12

Adobe AEM core components

More Related Content

What's hot (20)

Similar to Adobe AEM core components (20)

Recently uploaded (20)

Adobe AEM core components