Joomla 4 - What to expect - Joomla Day UK 2017
- 1. JOOMLA 4 - WHATTO EXPECT
- 2. ABOUT ME • Involved in Joomla since 2012 • Release Lead between Joomla 3.4 and 3.6 • In Charge of Joomla 4
- 3. IPROOV • iProov delivers effortless authentication of online users • Unique, patented technology protects users thoroughly against attempts to gain access with forgeries or stolen face images.
- 4. JOOMLA 4VERSION 3? • Version 1: Icarus • Version 2: Joomla X • ThirdTime Lucky!!
- 5. WHAT SHOULD A CMS DO? • A Content Management System (CMS) is computer program that allows publishing, editing and modifying content as well as maintenance from a Single Interface. Slide 5 https://www.slideshare.net/Imperva/cms-hacking-101 • A Software system that provides Website authoring, collaboration, and Administration tools designed to allow users with little knowledge of web programming to create and manage website content with relative ease Slide 4 https://www.slideshare.net/edbennett/selecting-a-cms-for-a-large-health-system
- 6. BUILDING SOMETHING FOR EVERYONE IS HARD!!
- 8. WHAT IS JOOMLA’STARGET MARKET? https://medium.com/@parthlawate/building-a-sustainable-ecosystem-for-joomla-738e6338ac4d
- 9. SO WHY ARE PEOPLE USING JOOMLA? • Joomla has modular functionality implemented across extensions, that can be rapidly reused • Easy to integrate extensions together • We are used by Site Builders when a highly bespoke project is too expensive but for something more than just a blog!
- 10. JOOMLA 4TARGET POINTS • Eliminate Deprecated Code • Make the Admin Interface more user friendly • Improve SEO (latest standards) and Accessibility (Minimum Level AA) • Upgrade from Bootstrap 2 to 4 • Standardise on Joomla Framework Packages (better testability) • Get Components ready for web services • Investigate performance bottlenecks
- 11. JOOMLA PLUGIN SYSTEM REBORN • Aim to improve performance and upgradability • Compatibility Layer for old Plugins • Unifies 5 different event based systems (JTable Observers, Standard Plugins, Authorisation Plugins, Editor Plugins, Captcha Plugins)
- 12. REBUILT INSTALLER • One Page Installer • No need to show issues with PHP configuration issues if there aren’t any! • Leave sample data until after the installation is finished
- 13. STEP 1
- 14. STEP 2
- 15. STEP 3
- 16. MEDIA MANAGER REWRITE • Built on a Javascript Engine withVue.js • Backend interactions with a REST API • Clean fluid Interface (no page reloads on every click)
- 17. MEDIA MANAGER REWRITE • Ability to do basic image manipulation in the interface • Coming Soon - plugins to allow storing data in the cloud! • Latest work found at https:// github.com/joomla-projects/ media-manager-improvement/ • Find Allon!
- 18. NEW WAY OF RUNNING COMPONENTS Helps unit testing components, adding custom load logic and running components from other components/modules
- 20. GOVERNMENT POLICY INCREASINGLY REQUIRES ACCESSIBLE WEBSITES Legally required for all Israeli websites, all public sector websites in Australia, Italy, Netherlands etc.
- 21. WHAT CAN JOOMLA DOTO HELP?
- 22. AN INTERFACETHAT OUT OFTHE BOX IS AA COMPLIANT!
- 23. ACCESSIBILITY IN JOOMLA 4 • Colour contrasts for theVisually Impaired • Ability to navigate through the interface with tabbing • Ensure all inputs have a label (or an aria-label for screen-readers) • Document standards for extensions to be able to work towards https://docs.joomla.org/Portal:Accessibility
- 24. WHO HAS ISSUESTRYINGTO MAKETHINGS WORK IN 12 COLUMN SYSTEMS?
- 25. WHO HAS ISSUESTRYINGTO MAKETHINGS WORK IN 12 COLUMN SYSTEMS?
- 26. CSS GRID • Next generation grid system native to CSS • No need for Bootstrap containers! • Markup order doesn’t affectVisual Position • Supported by the majority of Modern Browsers
- 27. HOW GRID HELPS BUILD BETTER WEBSITES
- 28. THE CSS GRID ACCESSIBILITY TRAP • Grid item placement and reordering must not be used as a substitute for correct source ordering, as that can ruin the accessibility of the document (https://drafts.csswg.org/css-grid/#source-independence)
- 29. MARKUP IS HARD
- 30. SOLUTION:WEB COMPONENTS (AND SHADOW DOM)
- 33. POLYFILLS EXIST Most Popular is Polymer: https://www.polymer- project.org/
- 34. WHAT BENEFITS DOTHESE BRING? • Encourage modularity of CSS and JS • Gives you flexibility over what the user can override in combination with shadow dom • Allows the user to choose what can be overridden and what cannot be • Gives greater extensibility
- 35. IT CAN GET COMPLICATEDTO BUILD
- 36. BUTVERY EASYTO DOCUMENT AND USE!
- 38. QUESTIONS?