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}  

Sightly Expression Language

Literals  

Sightly Expression Language

Accessing Variables  

Sightly Expression Language

Default Variables  

Sightly Expression Language

Operators  

Sightly Expression Language

Expression Options  

Sightly Expression Language

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 Block Statements

Sightly Block Statements

Sightly Block Statements

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