The talk I gave at Joomla Day UK 2017 about the upcoming Joomla 4 release. The youtube video of the talk can be found at https://youtu.be/Hf9wmf6fsa0

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!!

7. WORDPRESSVS JOOMLAVS
DRUPAL
https://websitesetup.org/cms-comparison-wordpress-vs-joomla-drupal/
https://cms2cms.com/blog/wordpress-vs-joomla-vs-drupal-
choosing-right-cms/
https://business.tutsplus.com/articles/wordpress-vs-
joomla-vs-drupal-cms-comparison-guide--cms-26581

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

19. ACCESSIBILITY INTHE
INTERNET

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)

31. OPINIONS DIFFER WILDLY!

32. NATIVE BROWSER SUPPORT

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!

37. GIVE ME CONSTRUCTIVE
FEEDBACK!

38. QUESTIONS?