Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

33
Magento 2 techniek vertalen naar voordelen

Transcript of Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Page 1: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2techniek vertalennaar voordelen

Page 2: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2 voordelen

● Snellere applicatie● Makkelijker uitbreidbaar● Moderne architectuur● Hogere conversie

Page 3: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen
Page 4: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2 voordelen

● Snellere applicatie … ?● Makkelijker uitbreidbaar … ?● Moderne architectuur … ?● Hogere conversie … ?

Page 5: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2 is een technisch platform

Page 6: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Workflow van features

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

Page 7: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2 technische aspecten

● Dependency Injection● RequireJS● KnockoutJS + UIComponents● Responsive backend● composer

Page 8: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Dependency Injection

Page 9: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Dependency Injection

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

Page 10: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Voordelen van Dependency Injection

● Kwaliteit van extensies gaat omhoog– Core overrides mogelijk op schone manier

– PHP interfaces garanderen clean code

– Eerst leercurve, daarna makkelijker

Page 11: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 12: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

RequireJS

Page 13: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

RequireJS

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

Page 14: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Voordelen van RequireJS

● Geen conflicten meer in libraries– Nooit meer meerdere jQuery libraries

– Geen volgorde issues van jQuery, noConflict en plugins

Page 15: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 16: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 17: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

KnockoutJS + UIComponents

Page 18: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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.”

Page 19: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Voordelen van KO + UIComponents

● Modulaire opbouw van JavaScript functionaliteit– Checkout, prijsberekeningen, color swatches, login checks

Page 20: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 21: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 22: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Responsive backend

Page 23: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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.”

Page 24: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Voordelen van Responsive Backend

● Op vakantie toch nog bestellingen afhandelen● Voorraadbeheer op tablet of mobiel● Gemakkelijk even status bekijken● Meer productiviteit

Page 25: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Composer

Page 26: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Composer

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

Page 27: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Voordelen van Composer

● Makkelijker hergebruik van code– Magento extensies en developer-libraries

– PHP derde partij libraries

● Beter beheer van updates● Minder developer uren

Page 28: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

“Twijfel is de bron van alle kennis

... of toch niet?- Jisse Reitsma (1996)

Page 29: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Minder developer uren?

Page 30: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Meer conversie?

Page 31: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

Magento 2 biedt ons toolsom succesvolle shops mee te bouwen

Page 32: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen

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

Page 33: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen