Een presentatie van Jisse Reitsma over het vertalen van Magento 2 techniek naar praktische voordelen

1. Magento 2
techniek vertalen
naar voordelen

2. Magento 2 voordelen
● Snellere applicatie
● Makkelijker uitbreidbaar
● Moderne architectuur
● Hogere conversie

4. Magento 2 voordelen
● Snellere applicatie … ?
● Makkelijker uitbreidbaar … ?
● Moderne architectuur … ?
● Hogere conversie … ?

5. Magento 2 is een technisch platform

6. Workflow van features
● Developers = techniek zelf
● Project Managers = toepassing van techniek
● Sales Managers = voordelen van toepassing
● Klant / webwinkelier = winst uit toepassing

7. Magento 2 technische aspecten
● Dependency Injection
● RequireJS
● KnockoutJS + UIComponents
● Responsive backend
● composer

8. Dependency Injection

9. Dependency Injection
“Afhankelijkheden tussen stukken code worden
losgetrokken, waardoor de stukken code uitwisselbaar
worden en altijd volgens dezelfde richtlijnen worden
geschreven.”

10. Voordelen van Dependency Injection
● Kwaliteit van extensies gaat omhoog
– Core overrides mogelijk op schone manier
– PHP interfaces garanderen clean code
– Eerst leercurve, daarna makkelijker

11. Voordelen van Dependency Injection
● Kwaliteit van extensies gaat omhoog
– Core overrides mogelijk op schone manier
– PHP interfaces garanderen clean code
– Eerst leercurve, daarna makkelijker
● Minder conflicten tussen extensies
● Minder developer uren
● Minder kosten

12. RequireJS

13. RequireJS
“Een JavaScript techniek waarmee scripts niet worden
ingeladen door het HTML document, maar door
RequireJS, met enkele voordelen vandien.”

14. Voordelen van RequireJS
● Geen conflicten meer in libraries
– Nooit meer meerdere jQuery libraries
– Geen volgorde issues van jQuery, noConflict en plugins

15. Voordelen van RequireJS
● Geen conflicten meer in libraries
– Nooit meer meerdere jQuery libraries
– Geen volgorde issues van jQuery, noConflict en plugins
● Snellere laadtijden van pagina
– Scripts worden asynchroon ingeladen
– Vooral een voordeel op mobiele devices

16. Voordelen van RequireJS
● Geen conflicten meer in libraries
– Nooit meer meerdere jQuery libraries
– Geen volgorde issues van jQuery, noConflict en plugins
● Snellere laadtijden van pagina
– Scripts worden asynchroon ingeladen
– Vooral een voordeel op mobiele devices
● Minder developer uren
● Meer conversie

17. KnockoutJS + UIComponents

18. KnockoutJS + UIComponents
“Bundelingen van frontend technieken (XML layout,
PHTML templates, RequireJS, KnockoutJS) waardoor
bepaalde features gemakkelijk herbruikbaar worden en
uitbreidbaar worden voor derde partij extensies.”

19. Voordelen van KO + UIComponents
● Modulaire opbouw van JavaScript functionaliteit
– Checkout, prijsberekeningen, color swatches, login checks

20. Voordelen van KO + UIComponents
● Modulaire opbouw van JavaScript functionaliteit
– Checkout, prijsberekeningen, color swatches, login checks
● Meer diverse functionaliteit
– Eigen stappen in checkout toevoegen
– Flexibele prijsberekeningen visueel weergeven

21. Voordelen van KO + UIComponents
● Modulaire opbouw van JavaScript functionaliteit
– Checkout, prijsberekeningen, color swatches, login checks
● Meer diverse functionaliteit
– Eigen stappen in checkout toevoegen
– Flexibele prijsberekeningen visueel weergeven
● Minder conflicten
● Minder developer uren

22. Responsive backend

23. Responsive backend
“Responsive houdt in dat een pagina zich verschillend
kan gedragen per apparaat (PC, laptop, tablet, mobiel)
en zich daarmee aanpast aan de schermresolutie van
de bezoeker.”

24. Voordelen van Responsive Backend
● Op vakantie toch nog bestellingen afhandelen
● Voorraadbeheer op tablet of mobiel
● Gemakkelijk even status bekijken
● Meer productiviteit

25. Composer

26. Composer
“Een PHP command-line tool om losse PHP pakketjes
(dus ook Magento extensies) inclusief afhankelijkheden
te installeren en beheren.”

27. Voordelen van Composer
● Makkelijker hergebruik van code
– Magento extensies en developer-libraries
– PHP derde partij libraries
● Beter beheer van updates
● Minder developer uren

28. “Twijfel is de bron van alle
kennis
... of toch niet?
- Jisse Reitsma (1996)

29. Minder developer uren?

30. Meer conversie?

31. Magento 2 biedt ons tools
om succesvolle shops mee te bouwen

32. Wij gaan succesvolle shops bouwen
met de tools die Magento 2 ons biedt