Develop Websites and Components in Adobe Experience Manager Advanced

Adobe Experience Manager is an enterprise level content management system. This course teaches you the advanced methods for developing websites, including using AEM's responsive grid, advanced content component development, debugging, and testing.
Course info
Rating
(13)
Level
Intermediate
Updated
Sep 14, 2017
Duration
3h 37m
Table of contents
Description
Course info
Rating
(13)
Level
Intermediate
Updated
Sep 14, 2017
Duration
3h 37m
Description

At the core of advanced Adobe Experience Manger (AEM) development is a thorough knowledge of Apache Sling's Resource Merger, component development workflow, and debugging AEM resources. In this course, Develop Websites and Components in AEM Advanced, you'll learn the advanced techniques of being an AEM developer. First, you'll discover how to leverage AEM's responsive grid for authoring pages. Next, you'll delve into overlay out-of-the-box functionality, such as AEM's main navigation and 404 error handler. Finally, you'll explore tools for debugging and testing AEM components. When you're finished with this course, you'll have the necessary skill set to tackle advanced development challenges in Adobe Experience Manager. Software required: Adobe Experience Manager.

About the author
About the author

Tyler Maynard has been a technology enthusiast since blowing up his parents 486 DX trying to install a Voodoo 1. In between teaching Node.js at UVU and developing AEM websites you can find him trying to explain why Javascript is good to his boss that writes Java.

More from the author
AEM Building Full Stack Components
Intermediate
2h 5m
Nov 12, 2018
Extending Adobe Experience Manager Advanced
Intermediate
6h 14m
Dec 13, 2017
More courses by Tyler Maynard
About the author

Adobe Digital Learning Services helps customers transform their digital experiences through skill and enablement programs. Master your marketing across channels and devices to deliver the perfect experience every single time. Learn how to bring data, creativity and content together to create powerful experiences for your customers.

More from the author
Adobe Analytics Implementation Advanced
Advanced
2h 17m
Jan 19, 2018
Adobe Target Premium Recommendations
Intermediate
1h 58m
Dec 22, 2017
More courses by Adobe Digital Learning Services
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Adobe Experience Manager is a content manager system designed for the enterprise to create, manage and deliver digital experiences. This course picks up exactly where the Develop Websites and Components in AEM course left off. In this course we're going to talk about AEM's responsive grid, which enables authors to drag components onto a page, overlaying out-of-the-box functionality like the main menu system, localizing content for multiple languages, building advanced content components, and using AEM to debug and test pages. By the end of this course you'll be able to create advanced AEM components that take advantage of sling selectors and custom dialogs that can be dragged directly onto a page in AEM. Before beginning the course, you should've taken the course, Develop Websites and Components in AEM here at Pluralsight to understand concepts like Apache Sling and the JCR. I hope you'll join me on this level-up journey to learn advanced AEM development with the Develop Websites and Components in AEM Advanced course here at Pluralsight.

Content Components Pt 2
In the previous module, we created a very robust content component that used polling, service workers, backend OSGI services, and even had an OSGI configuration. That is a lot of moving parts. In this module we will continue to build content components so we better understand how to leverage the technology AEM is built on. Let's take a look at what we will cover in this module. We will start by creating a search component. With our first pass of this component we will use the JCR search API which uses SQL-like statements to query the JCR. Then we will rework our component so it uses a different API to search within AEM, the WCM search API and discuss ways we could further enhance the component. From there we will create a content component that relies on AJAX to get a list of users from AEM in the form of JSON. With this component we will use a jQuery plugin called flexigrid to display our list of returned users on the page. This will be a demo-heavy module so let's get started.

Debugging and Testing
As you develop more and more components for your projects, there will be times when the requirements for a particular component might change. With each change, there is a possibility of breaking older functionality or introducing new bugs into the code base. In this module, we will learn about the different methods to debug and test our AEM code using components. Let's take a quick overview of what we will learn in this module. We will start by learning about AEM's developer mode, and the two tools developer mode provides. A component's tool that provides us with a components tree of used components on the page, and an errors tool that displays the error details of the broken components. Then, we will learn how we can pass parameters to our pages to assist in debugging, specifically we will learn about the debug parameter, the debug clientlibs parameter, and the wcmmode parameter. From there, we will learn about the out-of-the-box functional testing framework embedded into AEM's UI. That is the Hobbes JS testing framework. We will learn to write functional tests that test the components that we built.