{"id":102085,"date":"2025-06-11T16:42:01","date_gmt":"2025-06-11T11:12:01","guid":{"rendered":"https:\/\/cloudfoundation.com\/blog\/?p=102085"},"modified":"2025-06-11T17:05:49","modified_gmt":"2025-06-11T11:35:49","slug":"training-on-aem-client-side-libraries","status":"publish","type":"post","link":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/","title":{"rendered":"Training on AEM Client Side Libraries"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#The_Role_in_AEM\" >The Role in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Client_Libraries\" >AEM Client Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#How_to_Control_the_AEM_Client_Libraries\" >How to Control the AEM Client Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Client_Libraries_Productively\" >AEM Client Libraries Productively<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Policies_for_Client_Library_Management\" >AEM Policies for Client Library Management<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Embedding_Client_Libraries\" >Embedding Client Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Training\" >AEM Training<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Dexterity_AEM_Client_Libraries\" >Dexterity AEM Client Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Components_in_AEM_Client_Libraries\" >Components in AEM Client Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Core_Components\" >AEM Core Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Hub_Components\" >AEM Hub Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Nucleus_Components\" >AEM Nucleus Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Hub_Components_in_Cloud_Locale\" >AEM Hub Components in Cloud Locale<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Proxy_Components_in_AEM\" >Proxy Components in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Performing_tasks_in_AEM\" >Performing tasks in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#AEM_Debugging_Ordinary_Mistakes\" >AEM Debugging: Ordinary Mistakes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#Integrated_Development_in_AEM\" >Integrated Development in AEM<\/a><\/li><\/ul><\/nav><\/div>\n\n<h2><span class=\"ez-toc-section\" id=\"The_Role_in_AEM\"><\/span><strong>The Role in AEM<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The &#8216;categories&#8217; property of AEM is one of the central elements in creating client-side libraries.<\/p>\n<p>It is the trend to introduce new cloud-based technologies, and AEM-aware decisiveness by the software players reflects this tendency Categories property is instrumental in mentoring the author as to what files this client library is composed of and is also being used for a well-organized storage.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Client_Libraries\"><\/span><strong>AEM Client Libraries<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Enabling client libraries in AEM is straightforward. You can create a new client library, specify dependencies, and include them through various methods\u2014by code, configuration, or within the component dialogue node.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Client-Libraries-Role.png\" alt=\"AEM Training\" width=\"800\" height=\"2974\" \/><\/p>\n<p>All ways are safe to guarantee that AEM applies styles and scripts correctly.<\/p>\n<p>AEM offers you a great deal of freedom by way of covering client libraries. Instead of having to link each client library manually at the component level, you have the opportunity to embed them in a base or site-level library.<\/p>\n<p>This approach enables you to maintain a consistent look and feel across the site, resulting in a uniform appearance.<\/p>\n<p>AEM is the primary tool for managing digital assets, and client libraries are essential for organising assets more effectively.<\/p>\n<p>Regardless of whether you are integrating \u00a0<strong><a href=\"https:\/\/cloudfoundation.com\/blog\/javascript-interview-questions\" target=\"_blank\" rel=\"noopener\">JavaScript<\/a><\/strong>, arranging CSS, or managing site-wide configurations, AEM enables you to carry out these tasks with minimal effort.<\/p>\n<p>Many times, I have been in situations where the components in AEM need proper synchronisation. The JavaScript is not visible on the screen for some reason; ensure that it is adequately included.<\/p>\n<p>After implementation, the AEM system supplies debugging and optimisation features for client-side assets.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Control_the_AEM_Client_Libraries\"><\/span><strong>How to Control the AEM Client Libraries<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Most AEM nucleus components are supplied with a separate client library, and a README file is often included to provide information about their runtime and build-time features.<\/p>\n<p>Integrating them into the project ensures that the AEM components function perfectly.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Client_Libraries_Productively\"><\/span><strong>AEM Client Libraries Productively<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>AEM developers often inquire how to operate and apply their component client libraries effectually. The foremost technique is to add a category name when specifying client libraries in a component\u2019s dialogue.<br \/>\n<video src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Client-Library-Control.webm\" poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\nIf that is the case, you will produce the category name associated with the client library, and within the library, a CSS file will be created. This file will have all the styles that can be applied through JavaScript.<\/p>\n<p>This is one of the three methods of capitalising on AEM client libraries, which is the most competent. Another method is to set a property from the component settings dialogue to the client library, and thus, clean and organised styling is kept throughout the AEM environment.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Policies_for_Client_Library_Management\"><\/span><strong>AEM Policies for Client Library Management<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>AEM policies enable developers to organise and direct client libraries most powerfully. Suppose a developer wants to add a usage client library.<\/p>\n<p>In that case, they can do so directly through configuration, or a policy can also set the base client library to be used by default during project execution.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Client-Library-Policies.png\" alt=\"AEM Training\" width=\"800\" height=\"1066\" \/><\/p>\n<p>AEM assures that the site-wide setting remains consistent by enabling policies that register client libraries with proper category naming conventions.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Embedding_Client_Libraries\"><\/span><strong>Embedding Client Libraries<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is mandatory to be correct when inserting a client library in AEM.<\/p>\n<p>Always ensure that there are no empty spaces when naming a script, as poorly formatted strings may hinder CSS or JavaScript from displaying on the front-end of the site.<\/p>\n<p>AEM, on the one hand, has an element that allows you to check the properties embedded via its configuration.<\/p>\n<p>One issue that frequently arises is the insertion of conventional client libraries. AEM facilitates embedding through templates, enabling a uniform visual style and scripts to be applied across various pages.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#0095f2&#8243; background_color_gradient_end=&#8221;#7dbed8&#8243; background_color_gradient_direction=&#8221;92deg&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;73%|62%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/SS_436-_Converted_-1.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;114%|112%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;25px|-4px&#8221; transform_translate_linked=&#8221;off&#8221; width=&#8221;98.1%&#8221; custom_margin=&#8221;|7px|||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;21px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"AEM_Training\"><\/span><span style=\"color: #ffffff;\"><strong>AEM Training<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><\/h2>\n<p style=\"text-align: center;\">[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Explore Course Content&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dexterity_AEM_Client_Libraries\"><\/span><strong>Dexterity AEM Client Libraries<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>AEM is adept at taking care of client libraries<\/p>\n<p>Have you ever thought about what happens when different versions of the client libraries are included in AEM? Releases explain that.<\/p>\n<p>In AEM, we have other versions, namely V1, V2, and V3, each with its dedicated client libraries. You may wonder why we have many client libraries if we are only inheriting elements from one.<\/p>\n<p>The reason is that sometimes V3 has kernel elements that we need for our project, even though we have inherited them from V2.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Client-Library-Versions.png\" alt=\"AEM Training\" width=\"800\" height=\"2634\" \/><\/p>\n<p>AEM enables us to integrate client-side libraries from independent sources into our projects seamlessly.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Components_in_AEM_Client_Libraries\"><\/span><strong>Components in AEM Client Libraries <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Working with AEM components, the most reliable way to add client libraries is by using the protected dialogues trait.<\/p>\n<p>This way, imperative styles are only used in dialogue boxes, which significantly improves the user&#8217;s interaction with the UI.<\/p>\n<p>A profound comprehension of the order of applications styled under AEM through client libraries is essential for control over client libraries.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Core_Components\"><\/span><strong>AEM Core Components<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The AEM has an innermost component library whose purpose is to provide the market with a wide range of production-ready, easy-to-use components.<br \/>\n<video src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Component-Library-Guide.webm\" poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><\/p>\n<p>To discover AEM, definitely knowing the Innermost Component on the GitHub project would be of great help.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Hub_Components\"><\/span><strong>AEM Hub Components<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong><a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-aem\" target=\"_blank\" rel=\"noopener\">Adobe Experience Manager<\/a><\/strong>\u00a0offers a comprehensive environment for developers, enabling them to create and reuse components.<\/p>\n<p>Among all others, AEM centre components top the list, as they are production-ready solutions that correctly fit into the particular process.<\/p>\n<p>AEM nucleus components not only save time but also spare resources. Users do not have to create new elements from scratch.<\/p>\n<p>Applying a ready-made solution that is also easy to modify or expand, when necessary, will be the human choice.<\/p>\n<p>AEM&#8217;s innermost components provide adaptability; thus, a project can transition from an image component to a directing component solely by the flexibility offered by AEM&#8217;s nucleus components.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Nucleus_Components\"><\/span><strong>AEM Nucleus Components<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>These components are part of AEM&#8217;s features and are located in the &#8216;kernel&#8217; module of the apps folder, which is available to developers.<\/p>\n<p>There, the open-source components are published and contributed to by the community. Additionally, anyone can use and contribute to them via GitHub, as they are available for open download.<\/p>\n<p>Consultants, who Adobe itself employs, perform all the work in the warehouse where updates and features are being added.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Component-Structure-1.png\" alt=\"AEM Training\" width=\"800\" height=\"945\" \/>Thus, developers don&#8217;t need to install any of the parts above individually. They are things that AEM uses directly, thereby facilitating the development process.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Hub_Components_in_Cloud_Locale\"><\/span><strong>AEM Hub Components in Cloud Locale<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The location of the centre components is one of the main differences between AEM 65 and AEM in cloud conditions.<\/p>\n<p>Typically, in AEM 65, the heart components are located in the \/apps folder. Still, in cloud conditions, Adobe has decided to store them in the &#8216;libs&#8217; folder to avoid a problem of unwanted shifts and to be able to control different versions of the components.<\/p>\n<p>Realising that users coming from the cloud wouldn&#8217;t understand how it is done, as they don&#8217;t know how to do it manually, but still want the result, it is simplified.<\/p>\n<p>Additionally, they don&#8217;t manually update the hub components, unlike in the cloud case. The updates are the same as those for the services, such as those from Adobe, which aim to keep their customers informed about the latest adjustments.<\/p>\n<p>This alteration enables AEM to be more capable and reduces the likelihood of incompatibility issues when new components are integrated.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#ff8c7c&#8221; background_color_gradient_end=&#8221;#e5ba4e&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|69%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;||-5px||false|false&#8221; custom_padding=&#8221;|||2px|false|false&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/8423118_3895895.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85.4%&#8221; custom_margin=&#8221;-31px||-24px||false|false&#8221; custom_padding=&#8221;|22px|0px||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>AEM Online Training<\/strong><\/span><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Up Coming Batches&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#E09900&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221; background_layout=&#8221;dark&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text content_tablet=&#8221;&#8221; content_phone=&#8221;&#8221; content_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Proxy_Components_in_AEM\"><\/span><strong>Proxy Components in AEM<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Although AEM essence components are ready for production, it is strongly advised not to use them directly in projects.<\/p>\n<p>The approach involves developers generating proxy components that are initially children of essence components. In doing so, they can still enjoy the benefits of flexibility and control in the project while also achieving compatibility.<\/p>\n<p>Proxy components, also known as interface components, are the connectors that intermediate between heart components and different implementations.<\/p>\n<p>This process of utilising the proxy component ensures that no issues arise from a mismatch in the central component versions.<\/p>\n<p>The developers would not be following a strict pattern of taking advantage of, but rather a method of organising the updates via proxy components.<\/p>\n<p>This way, they have the advantage of the innermost practicality of AEM, and at the same time, they are in complete control of the adaptation.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/Proxy-Components-in-AEM.png\" alt=\"\" width=\"800\" height=\"2298\" \/><\/p>\n<p>AEM enables the construction of proxy components that, distinct from inheriting utility from innermost components, are also a powerful mechanism.<\/p>\n<p>Instead of coding everything from scratch, you can reuse existing components by specifying a super type that points to the AEM heart component.<\/p>\n<p><strong>Strengthening AEM Projects<\/strong><\/p>\n<p>Construction on heart-complicated components of AEM entails that the development process has been made systematic, which also goes a long way in saving time.<\/p>\n<p>Instead of creating new features, developers can adopt utilities, include client libraries, and use AEM features in advance, without dirty code collaboration.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Performing_tasks_in_AEM\"><\/span><strong>Performing tasks in AEM<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Going through exercises in AEM is one of the best ways to merge one&#8217;s knowledge of its architecture.<\/p>\n<p>The use of delighted policies, proxy component configuration, and layout conformity ensures that AEM supports developers in scaling pages effectively.<br \/>\n<video src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Tasks-and-Debugging.webm\" poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\nAt the same time, they don&#8217;t have to write the code. Another reason to complete exercises manually is to become an experienced <strong><a href=\"https:\/\/cloudfoundation.com\/aem-admin-training\" target=\"_blank\" rel=\"noopener\">AEM user<\/a><\/strong>, thereby ensuring that AEM skills are familiar to the person creating the content.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Debugging_Ordinary_Mistakes\"><\/span><strong>AEM Debugging: Ordinary Mistakes<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The process of debugging an AEM project involves examining the page sources, searching for and viewing client library nodes, and verifying that assets are linked.<\/p>\n<p>If a component does not appear, I always take a break and I recheck all the embedding properties and category names.<\/p>\n<p>Additionally, client libraries can be loaded once and used in multiple projects.<\/p>\n<p>Developers can now maintain their pace while being time-efficient without facing project compatibility issues.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Integrated_Development_in_AEM\"><\/span><strong>Integrated Development in AEM <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We\u2019ve completed the client libraries in AEM plain statistics, which are essential now, and we can see how vital and capable the system is for controlling component styling and connections.<\/p>\n<p>The use of these methods will help \u00a0<strong><a href=\"https:\/\/cloudfoundation.com\/blog\/aem-certification-be-a-certified-learner\" target=\"_blank\" rel=\"noopener\">AEM developers<\/a><\/strong> eliminate unproductive workflows, ensuring that their components are correct in terms of style and do not require additional manual commands.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/AEM-Development-Guide.png\" alt=\"\" width=\"800\" height=\"879\" \/><\/p>\n<p>Utilise these methods if you are involved in an AEM project, ensuring your UI remains organised.<\/p>\n<p>AEM is a highly organised way to manage styles and scripts across components, which benefits developers by simplifying the development process.<\/p>\n<p>This way, you can try AEM, learn about client libraries, and discover how they could aid in your projects.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#494fff&#8221; background_color_gradient_end=&#8221;#9ea6ff&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|71%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; custom_padding=&#8221;||27px|||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/Untitled-11.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;103%|103%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;11px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_padding=&#8221;|88px||||&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\"><strong>AEM Course Price<\/strong><\/span><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Offer Price&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_team_member name=&#8221;Vinitha Indhukuri&#8221; position=&#8221;Author&#8221; image_url=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/02\/Vinitha-Indhukuri-e1739946272117.png&#8221; _builder_version=&#8221;4.9.7&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Titillium Web|700|||||||&#8221; body_font=&#8221;Titillium Web||||||||&#8221; body_font_size=&#8221;16&#8243;]Success isn\u2019t about being the best; it\u2019s about being better than you were yesterday.[\/et_pb_team_member][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] The Role in AEM The &#8216;categories&#8217; [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":102099,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"2880","footnotes":""},"categories":[209],"tags":[],"class_list":{"0":"post-102085","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-adobe"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Training on AEM Client Side Libraries<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Training on AEM Client Side Libraries\" \/>\n<meta property=\"og:description\" content=\"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] The Role in AEM The &#8216;categories&#8217; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/\" \/>\n<meta property=\"og:site_name\" content=\"CloudFoundation | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-11T11:12:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T11:35:49+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/businesswoman-adjusts-business-chart.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"NAGENDRAG\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"NAGENDRAG\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Training on AEM Client Side Libraries","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/","og_locale":"en_US","og_type":"article","og_title":"Training on AEM Client Side Libraries","og_description":"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] The Role in AEM The &#8216;categories&#8217; [&hellip;]","og_url":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/","og_site_name":"CloudFoundation | Blog","article_published_time":"2025-06-11T11:12:01+00:00","article_modified_time":"2025-06-11T11:35:49+00:00","og_image":[{"width":500,"height":500,"url":"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/businesswoman-adjusts-business-chart.jpg","type":"image\/jpeg"}],"author":"NAGENDRAG","twitter_card":"summary_large_image","twitter_misc":{"Written by":"NAGENDRAG","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/","url":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/","name":"Training on AEM Client Side Libraries","isPartOf":{"@id":"https:\/\/cloudfoundation.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#primaryimage"},"image":{"@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#primaryimage"},"thumbnailUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/businesswoman-adjusts-business-chart.jpg","datePublished":"2025-06-11T11:12:01+00:00","dateModified":"2025-06-11T11:35:49+00:00","author":{"@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4"},"breadcrumb":{"@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#primaryimage","url":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/businesswoman-adjusts-business-chart.jpg","contentUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/06\/businesswoman-adjusts-business-chart.jpg","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/cloudfoundation.com\/blog\/training-on-aem-client-side-libraries\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudfoundation.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Training on AEM Client Side Libraries"}]},{"@type":"WebSite","@id":"https:\/\/cloudfoundation.com\/blog\/#website","url":"https:\/\/cloudfoundation.com\/blog\/","name":"CloudFoundation | Blog","description":"A New way of Learning","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudfoundation.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4","name":"NAGENDRAG","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","caption":"NAGENDRAG"},"url":"https:\/\/cloudfoundation.com\/blog\/author\/nagendrag\/"}]}},"_links":{"self":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/102085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/comments?post=102085"}],"version-history":[{"count":4,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/102085\/revisions"}],"predecessor-version":[{"id":102100,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/102085\/revisions\/102100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media\/102099"}],"wp:attachment":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media?parent=102085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/categories?post=102085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/tags?post=102085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}