Joomla JLayout

2,312 views

Published on

Know more about the Joomla JLayout system and its advanced uses. Session for JAndBeyond

Published in: Software

Joomla JLayout

  1. 1. Joomla JLayout System
  2. 2. BLOG:Email: me@phproberto.com About me ● PLT member ● CMS contributor ● JBS & JSST member ● PHP & JS developer ● Freelance Twitter: @phproberto
  3. 3. What is JLayout? ● Rendering library ● Helps to make everything overridable ● Helps to Don’t Repeat Yourself (DRY) ● For developers ● For integrators ● For designers ● To render HTML ● To load JS ● To load CSS
  4. 4. ● Views ● Modules ● Plugins ● JDocument DRY Where? Hierarchical overridable & customisable templates
  5. 5. Coders do this Inside non-overridable files!
  6. 6. Let’s make frontenders happy! “Pleasure in the job puts perfection in the work” Aristotle
  7. 7. Imagine yourself forced to use WordPress everyday! I mean... imagine it!
  8. 8. ● Reusability ● Untie data & design ● Great tool for extensions ● HMVC Benefits of JLayout Better for everybody!
  9. 9. How a JLayout call looks like? Instanced: JLayout helper: (highly customisable) (fast use)
  10. 10. How to override layouts? /layouts /components/com_foo/layouts /templates/my_tpl/html/layouts /templates/my_tpl/html/layouts/com_foo (global) (global override) (component override) (overriden component override)
  11. 11. Force component layouts: Force client: Advanced options
  12. 12. Suffixes: Custom includepaths: Advanced options (II) joomla/content/tags.j3x.php > joomla/content/tags.j25.php > joomla/content/tags.php
  13. 13. Sublayouts: Advanced options (III) overridable independently layouts as source for PDF :)
  14. 14. Debug mode
  15. 15. Already proposed features Chainable methods: Dynamic suffixes:
  16. 16. Already proposed features (II) Automatic version suffixes:
  17. 17. Already proposed features (III) Automatic language suffixes:
  18. 18. Already proposed features (IV) Prefixes support:
  19. 19. Layout system benchmark ~0.1s each 100 layouts
  20. 20. Debug console + cache (V)
  21. 21. What’s next? Frontenders Working Group ● 100% overridable markup ● Accessibility ● User Experience ● Standards ● Documentation ● Bootstrap to layer
  22. 22. Move views to template

×