The New Way of Developing with AEM 6.0

Sightly | Beautiful Markup

Şenol Taş, Senior Computer Scientist, Adobe





Follo...
–  Lightweight: No dependencies, fast and lean.
–  Secure: Automatic contextual XSS protection and URL externalization.
– ...
Faster time to market: 

Reduced development and maintenance effort, therefore shorter projects
and overall a reduced TCO.
...
Sightly Expression Language
Options
@ OptionName=”String”, OptionName2=field.field, OptionsName3=[field, “string”]
	
  
Fi...
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 ...
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
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
Upcoming SlideShare
Loading in...5
×

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

3,189

Published on

Published in: Internet

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

  1. 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
  2. 2. –  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.
  3. 3. 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.
  4. 4. Sightly Expression Language Options @ OptionName=”String”, OptionName2=field.field, OptionsName3=[field, “string”]   Field Expression ${expression}  
  5. 5. Sightly Expression Language Literals  
  6. 6. Sightly Expression Language Accessing Variables  
  7. 7. Sightly Expression Language Default Variables  
  8. 8. Sightly Expression Language Operators  
  9. 9. Sightly Expression Language Expression Options  
  10. 10. Sightly Expression Language Expression Options  
  11. 11. Sightly Block Statements
 Plugin Name data-sly-pluginname   Plugin Identifier data-sly-pluginname.itendifier   Plugin Value data-sly-pluginname=“value”  
  12. 12. Sightly Block Statements

  13. 13. Sightly Block Statements

  14. 14. Sightly Block Statements

  15. 15. Sightly Block Statements

  16. 16. Sightly Block Statements

  17. 17. Sightly Comments Annotated HTML Comments, removed server side <!--/* */-->  
  18. 18. XSS Magic
  19. 19. Use API
  20. 20. DEMO, TODO MVC APP with Sightly and Brackets
  21. 21. Thank for your attention
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×