Adobe Experience Manager Advanced Dialogs with Granite UI

Focused View

Tyler Maynard

2:58:32

30 View

0. Course Overview

0. Course Overview.mp4

01:24

1. Introduction and Course Prep

0. Introduction and Course Prep.mp4

04:37

1. Using the Training Project.mp4

03:58

2. Introduction to Granite UI

0. Introduction to Grante UI.mp4

07:57

1. Granite UI Client-side.mp4

04:31

2. Granite UI Documentation.mp4

04:42

3. Dialogs, ResourceTypes, and Granite UI.mp4

07:44

3. Dialog Node Structure

0. Granite UI on the Server.mp4

04:48

1. Dialog XML to JCR Nodes to HTML.mp4

06:36

2. Containers, Layout, and Items.mp4

10:48

3. Migrating from Coral UI 2 to Coral UI 3.mp4

01:03

4. Build a Tabbed Dialog.mp4

04:55

5. Common Attributes and the Data Attribute.mp4

09:24

4. Granite UI Form Fields

0. Overview.mp4

00:59

1. Dialog Form Submission.mp4

04:16

2. Granite UI Field and Form Components.mp4

11:19

3. Advanced Form Components Demo.mp4

05:34

4. Advanced Form Components Demo Part 2.mp4

09:30

5. Working with Multifields.mp4

07:44

5. Pre-populating Data for Components and Dialogs

0. Overview.mp4

00:40

1. Working with Cq-Template Nodes.mp4

03:09

2. Cq-Template Demo.mp4

07:47

6. Dialog Input Validation and Custom JavaScript

0. Overview.mp4

01:05

1. Adding JavaScript via CQ.Authoring.Dialog.mp4

06:06

2. Including JavaScript with IncludeClientlibs.mp4

06:25

3. Input Field Validation Using Granite UI.mp4

07:22

4. Summary.mp4

00:48

7. Toggleable Dialog Form Fields

0. Overview.mp4

00:45

1. Toggle Fields with a Select Dropdown.mp4

08:54

2. Toggle Fields with a Checkbox.mp4

05:30

3. Toggleable Dialog Form Fields Summary.mp4

00:57

8. Dynamic Dialog Content with DataSource

0. Overview.mp4

00:47

1. Working with Datasource.mp4

07:02

2. Datasource Lists with ACS Commons.mp4

07:15

3. Course Summary.mp4

02:11

Description

Dialogs are the key component to authoring digital experiences with Adobe Experience Manager. This course will teach you to build custom AEM dialogs, including Granite UI, dialog node structure, input validation, and tracing input back to AEM's JCR.

What You'll Learn?

AEM dialogs are what empower content marketing teams to author digital experiences inside of Adobe Experience Manager. In this course, Adobe Experience Manager Advanced Dialogs with Granite UI, you will learn how to build AEM dialogs to create more intuitive components. First, you will learn the underlying framework from which components are built: Granite UI. Next, you will discover how a dialog's JCR node structure gets delivered as HTML to the browser. Finally, you will explore how to utilize JavaScript inside of your dialogs for custom functionality and input validation. When you're finished with this course, you will understand how to leverage Granite UI to build custom AEM dialogs that will help your business tackle any marketing objectives. Software required: Adobe Experience Manager.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

User Interface

Tyler Maynard

Instructor's Courses

Tyler Maynard is an AEM Developer, Entrepreneur and Adjunct Professor based out of Salt Lake City, UT. He got his start in Digital Media at Backcountry.com as an Image Producer but over the years found his passion in development, design and UX, in no particular order. Whether he is teaching the local students about streams in Node.js or on-boarding developers to AEM's complex development lifecycle, he is always helping others find solutions through technology.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.