1. The New Way of Developing with AEM 6.0
Sightly | Beautiful Markup
Şenol Taş, Senior Computer Scientist, Adobe
Follow me @thelabertasch
Stay informed about Sightly @sightlyio
Tweet during my talk #BeautifulMarkup #aemhub

5. – 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.

6. 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.

10. Sightly Expression Language
Options
@ OptionName=”String”, OptionName2=field.field, OptionsName3=[field, “string”]
Field Expression
${expression}

11. Sightly Expression Language
Literals

12. Sightly Expression Language
Accessing Variables

13. Sightly Expression Language
Default Variables

14. Sightly Expression Language
Operators

15. Sightly Expression Language
Expression Options

16. Sightly Expression Language
Expression Options

17. Sightly Block Statements
Plugin Name
data-sly-pluginname
Plugin Identifier
data-sly-pluginname.itendifier
Plugin Value
data-sly-pluginname=“value”

18. Sightly Block Statements

19. Sightly Block Statements

20. Sightly Block Statements

21. Sightly Block Statements

22. Sightly Block Statements

23. Sightly Comments
Annotated HTML Comments, removed server side
<!--/* */-->

24. XSS Magic

25. Use API

29. DEMO, TODO MVC APP with Sightly and Brackets

31. Thank for your attention