The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup

The New Way of Developing with AEM 6.0Sightly | Beautiful MarkupŞenol Taş, Senior Computer Scientist, Adobe

Follow me @thelabertasch

Stay informed about Sightly @sightlyio

Tweet during my talk #BeautifulMarkup #aemhub

–  Lightweight: No dependencies, fast and lean. –  Secure: Automatic contextual XSS protection and URL externalization. –  Code-less: Enforce separation of concerns between logic and

markup. –  Language agnostic: Easy to port to any programming language. –  Standard: Write readable & valid HTML5. –  Extensible: Straight-forward API for logic. –  Intuitive: Clear, simple & restricted feature set.

Faster time to market: Reduced development and maintenance effort, therefore shorter projects and overall a reduced TCO. Simplified workflow: Between the web developers (or design agency) and the AEM Java developers.

Sightly Expression Language

Options @ OptionName=”String”, OptionName2=field.field, OptionsName3=[field, “string”]

Field Expression ${expression}


Literals


Accessing Variables


Default Variables


Operators


Expression Options

Sightly Block Statements

Plugin Name data-sly-pluginname

Plugin Identifier data-sly-pluginname.itendifier

Plugin Value data-sly-pluginname=“value”

Sightly Block Statements

Sightly Comments

Annotated HTML Comments, removed server side

XSS Magic

Use API

DEMO, TODO MVC APP with Sightly and Brackets

Thank for your attention

The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup

Internet

Transcript of The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup