frontend module to preview the styles before deploying to a local instance of. Understand the underlying technology of an Adobe Experience Manager (AEM) Sites Component through a simple `HelloWorld` example. The training starts with AEM basics and dives into central concepts like architecture. The Rackspace Developer Center gives developers tools and resources to build powerful, Adobe, with the release of AEM 6. It includes an overview of the AEM development process and an introduction to core concepts. This tutorial is intended for AEM Forms customers needing to implement custom workflow component. Make the most of your investment with our free learning and support platform, Adobe Experience League. In this AEM course, you’ll. Work with Adobe Experience Manager's SPA editor and learn how React and Angular frameworks can be used. AEM Core Concepts. Next, implement the Underline style using the ui. AEM Foundation. AEM Brand Portal. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Found this interesting tutorial for someone who wants to get started with a project covering HTL, Sling Model, Touch UI, Core Components, Editable Templates. The roots of AEM can be traced back to Adobe’s acquisition of Day Software in 2010, which led to the development of the CQ5 content management system. Core Components Introduction; AEM 6. Developer. and many others. TDD in the context of AEM requires a level of expertise and is best adopted by AEM developers proficient in AEM development and. Last update: 2023-10-26. Integrate AEM Author service with Adobe Target. This AEM tutorial covers end-to-end about Adobe experience manager and helps you understand its features, architecture, tools, and how you can work with it. AEM Headless GraphQL Video Series; AEM Headless GraphQL Hands-on Tutorial. 5 Training from Mindmajix teaches you the essential skills needed to develop and debug Adobe Experience Management through best practices. frontend’ Module. This tutorial covers the end-to-end creation of a custom Byline AEM Component that displays content authored in a Dialog, and explores developing a Sling Model to encapsulate business logic that populates the component’s HTL. Use Experience Manager Assets Brand Portal to meet marketing needs by securely distributing approved brand and product assets to external agencies, partners, internal. First, using the Cloud Manager UI, copy the values of the Organization, Program, and Environment ID. This new release has some great features included, such as it is more customer-focused. AEM Back-end Developer Fundamentals Experience Manager, Experience Manager Sites Developer Beginner, Experienced Last Updated: October 10, 2023 Start. All tutorials contains explanation of topic and a demo using a scenario. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Tricky AEM Interview Questions. cmp-component--primary-color and . Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. Next, you'll explore the five core sections of AEM. Preventing XSS is given the highest priority during both development and testing. The tutorial covers fundamental topics like project setup, Core Components, Editable Templates, Client-side libraries, and component development with Adobe Experience Manager Sites. Use Workflow AEM (Video) AEM Workflow provides a way to collaborate, manage, and process content in AEM. The AEM project is bootstrapped with a very simple starting point for the Angular SPA. Developer. This tutorial is ideal for beginners to get started with AEM. The author name specifies that the Quickstart jar starts in. In this blog post, we will explore the basics. IntelliJ IDEA. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. In the beginning, learners delve into installation and configuration, gaining hands-on experience in setting up AEM environments. Covers fundamental topics like. Before getting into the core concepts of Adobe Experience Manager (AEM), Adobe recommends completing the WKND Tutorial in the Getting Started Developing AEM Sites document. In this tutorial, we’ll guide you through the process of creating a dynamic and interactive web application by combining the power of React, Adobe Experience Manager (AEM) Headless APIs, and GraphQL. Explore the underlying architecture and important pieces of AEM as a Cloud Service with Edge Delivery Services. We will cover new topics like experience fragments, personalization, editable templates, Apache Sling, OSGI, and much more. Replies. 5 Authoring User Guide; AEM 6. For publishing from AEM Sites using Edge Delivery Services, click here. The template defines the structure of the page, any initial content, and the components that can be used (design properties). To develop your JCR, Apache Sling or Adobe Experience Manager (AEM) applications, the following tool sets are available: one set consisting of CRXDE Lite and WebDAV. After performing above steps, we will now create a new AEM project using IntelliJ IDEA using below steps -. Whenever I decide to create a new component, I use the Core Components. Changes to the full-stack AEM project. Understanding how to add properties and content to an existing component is a powerful technique to expand the capabilities of an AEM SPA Editor implementation. Enable developers to add automation to. #AdobeExperienceManager #aem #aemdevelopmentWhat is Adobe Experience Manager(AEM)Most of the time beginners will have this question what is Adobe Experience. Understand Cloud Manager for AEM (Video) Cloud Manager for AEM allows easy management, inspection, and self-service of AEM environments. Features include. The AEM Developer Portal; AEM Headless tutorials - If you prefer to learn by doing and have existing knowledge of AEM, take our hands-on tutorials organized by API and framework, that explore creating and using applications built on AEM Headless. ; Name:. Embed any third party jar/b. Implement an AEM site for a fictitious lifestyle brand, the WKND. It's lat. A collection of videos and tutorials for Adobe Experience Manager Foundation. Prior to trying the hands-on exercise, make sure you’ve watched and understand the video above, and following materials: Thinking differently about AEM as a Cloud Service. Summary. there is a very good starting tutorial for React and Angular that will get. How to. Tap Create to bring up the New Content Fragment dialog and enter the following values: Tap Create. Any new developer what to learn the Adobe Experience Manager can do so using these video series. It enables developers to create and deploy reusable components known as OSGi bundles. It offers several features that make AEM development easier: Seamless integration with AEM instances through Eclipse Server Connector. A deep-dive into back-end development with Adobe Experience Manager. . ACS AEM Tools (wide collection of tools that can be used to ease the life of an aem developer) AEM Interview Questions. This client library contains javascript file which exposes a function to populate drop-down list values. Description. These Adobe CQ5 Interview Questions 2023 can help you ace your interview and land your desired job as an Adobe CQ5 Developer. Training for Adobe Partners A variety of training and resources are available for Adobe Solution Partners. Developer. Discover what’s new in AEM 6. The AEM Project contain all of the code and configurations for an implementation. Read this article to learn more. In the String box of the Add String dialog box, type the English string. Adobe Experience manager is most suitable for content oriented websites, whose content is update time to time like eCommerce type website. AEM stands for Adobe Experience Manager, and is a Content Management System (CMS) similar to the well-known WordPress. From the AEM start screen, I’ll navigate to tools, security, users. Create AEM project using maven archetype 23. 5. 🔥This AEM 6. HTL Layers. Adobe Experience Manager (AEM) has established itself as a leading platform for creating and delivering exceptional digital experiences. A collection of videos and tutorials for Adobe Experience Manager Foundation. Log in to the AEM Author Service used in the previous chapter. Welcome to a multi-part tutorial designed for developers new to Adobe Experience Manager (AEM). 🔴Hit Subscribe Button. Workflow status metadata is also applicable to AEM Assets. Admin. This tutorial walks through setting up a local development environment for Adobe Experience Manager (AEM) using the AEM as a Cloud Service SDK. This article delves into the fundamental concepts that underpin AEM Assets and their. Scenario 1 : Personalization using AEM Experience Fragments. The general rule is to prefer the APIs/abstractions the following order: AEM. Set up the development IDE. Developers want to be able to build sites using SPA frameworks and authors want to seamlessly edit content within AEM for a site built using SPA frameworks. Feel free to suggest topics that will be added in these sections to improve AEM CQ5 Tutorial list. The Story So Far. If you're looking for Adobe AEM Interview Questions & Answers for Experienced or Freshers, you are in right place. Learn to use the Experience Manager desktop app to connect repositories and desktop applications to provide faster access to resources and streamlined workflows. In React components, access. Instead of an out-of-the-box solution, Adobe Developer App Builder provides a common, consistent, standardized development platform for extending Adobe Cloud solutions such as AEM including: Adobe Developer Console — For custom microservice and extension development, letting developers build and manage projects while. Ensure you adjust them to align to the requirements of your. React is a popular JavaScript library for building user interfaces, known for its simplicity, reusability, and component-based architecture. Implement an AEM site for a fictitious lifestyle brand, the WKND. After an initial examination and data analysis, the developer assists with integrating AEM with the existing setup in accordance with the needs of the enterprise. AEM makes it easy to manage your marketing content and assets. 🔴Hit Subscribe Button. Getting Started with AEM Sites - Project Archetype. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. 14 October. Apply your knowledge by trying out what you learned with this hands-on exercise. The WKND tutorial is a multi-part tutorial designed for developers new to Adobe Experience Manager. AEM Training Tutorial for Beginners | AEM Developer Training | AEM Online Training Demo Session Shrinivas AEM Online Training 3. Beginner Last Updated: October 10, 2023 Start course 10 hours Course Description An introduction to the basic concepts and technology involved in an AEM Sites implementation. Questions. AEM Hands on Tutorial | AEM Tutorial for beginner | AEM 101 | AEM Bootstrap | How to use AEM. Have access to an adobe experience manager instance/jar. com Check out the adobe cq5 tutorial now! Embed any third party jar/b. Learn how to use a low-code approach to create your first site in Adobe Experience Manager with Quick Site Creation and a pre-defined Site Template. For publishing from AEM Sites using Edge Delivery Services, click here. “AEM Developer Tools” is an Eclipse plug-in based on the Eclipse plugin for Apache Sling released under the Apache License 2. Enable Front-End pipeline to speed your. A selection of videos highlighting 6. Welcome to a multi-part tutorial designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). Topics of HTL, Sling Models, Client-side libraries and author dialogs are explored. 4 based tutorial series here. AEM 6. Click OK. Saturday, 18 February 2023. In this AEM course, you’ll learn the advanced methods used for developing websites being an AEM developer. When a user starts a workflow, an instance is started; this is the corresponding runtime model, created when you Sync your. This tutorial covers the end-to-end creation of a custom Byline AEM Component that displays content authored in a Dialog, and explores developing a Sling Model to encapsulate business logic that populates the component’s HTL. AEM Forms operations can be performed using the AEM Forms strongly-typed API and the connection mode should be set to SOAP. Recommendeded for new projects and developers. Welcome to a multi-part tutorial designed for developers new to Adobe Experience Manager (AEM). 20,. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. The hope is at the end of this tutorial you will understand the basi…AEM Developer Course for Beginners | Pluralsight Home Browse Courses Course Skills AEM 6 Developer Fundamentals by Stephanie Adams An introductory developers course about how to get. AEM Dispatcher can convert dynamically published content to a static HTML, which will be serviced by a static web server. From an AEM developer’s perspective the pattern looked super elegant. Create Content Fragment Models. In this chapter, you use the GraphiQL Explorer to define more advanced queries to gather data of the Content. How to. Happy learning and Namaste 🙏. Choose the Article Page template and click Next. AEM 6. Course Length: (3. CMS and DAM combine to offer the best possible user experience across all platforms, including mobile, web, email, and social media. AEM tutorial for development of a message component to allow an AEM author to add message banners to a page. However, the current version is more detailed and fine-tuned. This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand the WKND. It enables native DITA support in Experience Manager, empowering AEM to handle DITA-based content creation and delivery. Retail Journal app by adding a custom Hello World component. These tests are first in the chain, though they are repeated / extended during development. Topics of HTL, Sling Models, Client-side libraries and author dialogs are explored. Implement an AEM site for a fictitious lifestyle brand, the WKND. Sign In. Scenario 1: Personalization using AEM Experience Fragment Offers. . Adobe Experience Manager Sites is the industry-leading content management system that empowers any marketer or developer to create high-performance pages across any digital property — from web to mobile to apps. All the authoring aspects including components, templates, workflows, etc. Learn how to use a low-code approach to create your first site in Adobe Experience Manager with Quick Site Creation and a pre-defined Site Template. This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand, the WKND. You can create, move, copy, and delete paragraphs in the paragraph system. Welcome to a multi-part tutorial designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). The CRXDE Lite User Interface looks as follows in your browser: You can now use CRXDE Lite to develop your application. Use out-of-the-box components and templates to quickly get a site up and running. For publishing from AEM Sites using Edge Delivery Services, click here. Implement AutoComplete Adaptive Form ; The list is not completed Yet, i will add more topics soon. In this role, you may integrate AEM with a website or existing application, test each build. AEM Sites videos and tutorials. To fully take advantage of this useful and flexible feature, it is important to understand how front-end. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Unzip the download and copy the Quickstart jar (aem-sdk-quickstart-XXX. AEM Sites videos and tutorials. Adobe Experience Manager (AEM) blog that includes topics for developers. What you’ll learn AEM and authoring basics Below are the topics we will be covering in this AEM Tutorial: What is Adobe Experience Manager (AEM)? How does AEM work? How is AEM better than other CMS solutions? AEM Architecture; AEM core components; AEM Features; Benefits of AEM; What does an AEM developer do? To become proficient in AEM development, it is crucial to understand the basics. Getting Started with the AEM SPA Editor and React. The tutorial will extend the We. AEM as a Cloud Service videos and tutorials. This user guide contains videos and tutorials on. Incredible Aem Tutorial For Developers References. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. . Understand the underlying technology of an Adobe Experience Manager (AEM) Sites Component through a simple `HelloWorld` example. A multi-part tutorial for developers new to AEM. If AEM doesn’t provide an API, then prefer Sling over JCR and OSGi. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. 32) What do you understand by custom tag libraries in AEM?An introduction to the basic concepts and technology involved in an AEM Sites implementation. What you’ll learn. They provide a simple and powerful way for authors to create and manage content, while also providing developers with the flexibility and extensibility needed to create custom components. 5, or to overcome a specific challenge, the resources on this page will help. Add Adobe Target to your AEM web site. The Information provided in this blog is for learning and testing purposes only. Upload the. Then, we’ll help you with advanced tools like personalisation, asset automation, scalable. Implement an AEM site for a fictitious lifestyle brand, the. Instructor-led training. In this tutorial we will create a custom Project template that can be used to create new Projects within AEM for managing content authoring workflows and tasks. AEM as a Cloud Service videos and tutorials. First, using the Cloud Manager UI, copy the values of the Organization, Program, and Environment ID. Last update: 2022-11-03. Provides important information about the latest release of AEM, including what’s new, supported platforms, deprecated and removed features, and known issues. js and various npm modules to Docker Desktop and Microsoft Visual Studio Code. This playlist contains tutorials to learn aem from beginning. This comprehensive tutorial guides you through the process of seamlessly collecting WKND pageview and CTA click data. Included are the development tooling required to develop, build and compile AEM Projects, as well as local run times allowing developers to. This video is a part of adobe experience manager training series. AEM Headless GraphQL Video Series; AEM Headless GraphQL Hands-on Tutorial. Experience League. Developer. PrerequisitesIn this video, we discuss three approaches for using AEM and Target, and help you understand what works best for your organization. AEM Forms is an Adobe Experience Manager's capability allowing easy-to-use solution to create, manage, publish, and update complex digital forms while integrating with back-end processes, business rules, and data. Your earnings as a developer are determined by a variety of things, including: A multi-part tutorial for developers new to AEM. jar file to install the Author instance. Learn how the latest front-end technologies, like npm, TypeScript and Sass can be integrated with Adobe Experience Manager with a dedicated webpack build. The webpack development server that is bundled with the ui. Core Concepts Adobe Experience Manager - 6. blogspot. Previously, it was a very specialized skill to develop or implement an Adobe Experience Manager site, but it quickly became less technical. Tricky AEM Interview Questions. #AdobeExperienceManager #aem #aemdevelopmentWhat is Adobe Experience Manager(AEM)Most of the time beginners will have this question what is Adobe. . In addition, you can manually switch DTM to debug mode via any browser developer tool -> JS Console by adding the following. Tricky AEM Interview Questions. In the Comment box, type a translation hint for the translator if necessary. This playlist contains AEM Developer tutorials. So let’s get started. In many Aem tutorial that defines Aem Architecture you see the app-server (optional) is the default server of Aem that comes by default. In this tutorial, we cover three different scenarios for AEM and Target, which helps you understand what works best for your organization and how different teams collaborate. . AEM 6. In Eclipse, choose File > Import…. Basic AEM Interview Questions. A multi-part tutorial for developers new to AEM. The general rule is to prefer the APIs/abstractions the following order: AEM. Rating: 5. Rapid deployments in Adobe Experience Manager (AEM) as a cloud service refers to the ability to quickly and efficiently deploy AEM instances in the cloud. Synchronization for both content and OSGI bundles. Connect your apps to Copilot. Use out-of-the-box components and templates to quickly get a site up and running. In the basic tutorial multi-step GraphQL tutorial, you used the GraphiQL Explorer to test and refine the GraphQL queries. If an API is provided by AEM, prefer it over Sling, JCR, and OSGi. Cloud Manager Environments are composed of AEM Author, AEM Publish and Dispatcher services. Learn how Client-Side Libraries or clientlibs are used to deploy and manage CSS and JavaScript for an Adobe Experience Manager (AEM) Sites implementation. Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next. Enable Front-End pipeline to speed your development to deployment cycle. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. Tutorials. Adobe Experience Manager (AEM) is an enterprise-grade content management platform with a wide array of powerful features. By using this solution. This user guide contains videos and tutorials on the many features and capabilities of AEM Sites. . AEM 6. For publishing from AEM Sites using Edge Delivery Services, click here. Prerequisites. Implement an AEM site for a fictitious lifestyle brand, the WKND. Description Adobe Experience Manager (AEM), is a comprehensive content management solution for building websites, mobile apps and forms. There are a couple options for creating a Maven Multi-module project for AEM. Welcome to a multi-part tutorial designed for developers new to Adobe Experience Manager (AEM). AEM Architectural. The list is not completed Yet, i will add more topics soon. Adobe Experience Manager as a Cloud Service Documentation. In a real application, you would use a larger. Then, we’ll help you with advanced tools like personalization, asset automation. Where content is changes time to time. js) Remote SPAs with editable AEM content using AEM SPA Editor. An Adobe Experience Manager (AEM) example to demonstrate development of a component using a composite multifield with a dynamic sling model that accepts a node name parameter. Learn what Adobe Experience Manager can do in regards of content delivery and in which use case a headless CMS is recommended. The GraphQL API in AEM allows you to expose Content Fragment data to downstream applications. Developer. It provides a flexible and powerful way to fetch and manipulate data from AEM, making it easier for developers to build applications on top of the AEM platform. With Experience League guided content and a great collection of community articles like this - there is plenty of content to get new AEM DEV users up and running. Get ready for Adobe Summit. 3. Add acs commons as a dependency to project. The best resource for learning Adobe Experience Manager from start to finish has arrived! This Adobe Experience Manager Guide was made to help newcomers learn the basics of the CMS platform and gain a general understanding of it. Core Components GitHub Repository: For developer details of each component and project download. Really good job. Tutorials by framework. comYou create a workflow model to define the series of steps executed when a user starts the workflow. Create the project. is $114,367, according to Neuvoo. Created for: User. Java strongly-typed API Quick Start provides a listing of JAR files that are required to execute the Java application. Add core component as maven dependency. Let’s create some Content Fragment Models for the WKND app. The list is not completed Yet, i will add more topics soon. Understand the underlying technology of an Adobe Experience Manager (AEM) Sites Component through a simple `HelloWorld` example. Developer. In this blog post, we will explore the basics. Experience Manager Guides (referred to as AEM Guides hereafter) is a powerful, enterprise-grade component content management solution (CCMS). If you are a beginner and wish to build your career in a top CMS tool or you may already be working on AEM and wish to build advanced skills you, can check out our AEM 6. This tutorial walks through the implementation of a Angular application for a fictitious lifestyle brand, the WKND. Getting Started with SPAs in AEM using Angular shows how a basic SPA is built to work with the SPA Editor in AEM using Angular. In order to code against the live AEM and author environment, we need to create a local user for authentication. What is aem. Adobe Experience Manager Guides (referred to as AEM Guides later in this guide) is a powerful, enterprise-grade component content management solution (CCMS). From the AEM Start screen click Sites > WKND Site > English > Article. AEM tutorials for absolute beginners. Developer. Adobe Experience Manager (AEM) provides an easy-to-use solution to create, manage, publish, and update complex digital forms while integrating with back-end processes, business rules, and data. Topics of HTL, Sling Models, Client-side libraries and author dialogs are explored. 5: Front-end Development for Developer (P) Views. to rapidly develop the SPA against the AEM JSON model. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. Use an Adobe XD driven theming workflow to apply brand-specific styles and customizations with just. With CRXDE Lite,. Developer. AEM Forms. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. There is an older version of this tutorial here => AEM Developer Series. If you need AEM support to get started with AEM 6. Welcome to a multi-part tutorial designed for developers new to Adobe Experience Manager (AEM). Getting Started - Developer Tutorial. If you need AEM support to get started with AEM 6. AEM Headless supports a offset/limit and cursor-based pagination queries to smaller subsets of a larger result set. Learn. The list is not completed Yet, i will add more topics soon. This is where you can learn more. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. This makes it easier to see if there are any errors related to DTM deployment. Use Workflow AEM (Video) AEM Workflow provides a way to collaborate, manage, and process content in AEM. Click OK. Developer. WKND Developer Tutorial. This video series explores setting up and executing Cloud Manager’s CI/CD Pipeline in both failure and success scenarios. This video is a part of adobe experience manager training series. This can be useful for any one who is willing to learn AEM like developers, QA, marketing professional etc. AEM Headless APIs allow accessing AEM content from any. Community home Advertising Analytics Audience Manager Campaign Classic v7 & Campaign v8 Campaign Standard Developer Experience Cloud Experience Manager Sites & More Experience Platform Journey Optimizer Target Real-Time Customer Data. We are going to introduce AEM 6. 32) What do you understand by custom tag libraries in AEM? AEM 6. A “Hello World” Text component displays, as this was automatically added when generating the project from the AEM Project archetype. In this tutorial, we cover three different scenarios for AEM and Target, which helps you understand what works best for your organization and how different teams collaborate. Adobe Experience Manager (AEM) is now available as a Cloud Service. Hello Ankur, This is a great list and since it is also been acknowledged by the Adobe staff, maybe you can some of these tutorials to Hackr. WKND Tutorial: A two-day tutorial for building a new site. Select Edit from the mode-selector in the top right of the Page Editor. For publishing from AEM Sites using Edge Delivery Services, click here. This helps to streamline the process of developing and publishing content through websites or custom mobile apps. This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand, the WKND. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. frontend module, a de-coupled webpack project, can be integrated into the end-to-end build process. You can also select the components to be available for use within a specific paragraph system. Adobe Experience Manager, or AEM, is a content management solution that helps organizations create, manage, and deliver content on the web. From the AEM Start screen navigate to Sites. Developer. Quark Chain. Created for: Beginner. js JavaScript applications, require specific development tooling that differs from traditional AEM development, ranging from Node. Tricky AEM Interview Questions. The list is not completed Yet, i will add more topics soon. Your earnings as a developer are determined by a variety of things, including:A multi-part tutorial for developers new to AEM. What’s new. Description. Understanding the different types of AEM components and how to use them is crucial for building effective and efficient websites. Scenario 1 : Personalization using AEM Experience Fragments. . For further details, see our. Enter the new policy name and select the AEM Tutorials group from the list. This document covers the setup of AEM as a Cloud Service Content 1. Once you are set up in the environment and begin to understand how AEM works as a content management system, it’s time to see how an AEM developer creates custom components and extend the existing component. Scenario 1 : Personalization using AEM Experience Fragments.