Upload
aemhub2014
View
479
Download
2
Embed Size (px)
DESCRIPTION
Citation preview
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