magento 2 seminar - jisse reitsma - magento 2 techniek vertalen naar voordelen
TRANSCRIPT
![Page 1: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/1.jpg)
Magento 2techniek vertalennaar voordelen
![Page 2: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/2.jpg)
Magento 2 voordelen
● Snellere applicatie● Makkelijker uitbreidbaar● Moderne architectuur● Hogere conversie
![Page 3: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/3.jpg)
![Page 4: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/4.jpg)
Magento 2 voordelen
● Snellere applicatie … ?● Makkelijker uitbreidbaar … ?● Moderne architectuur … ?● Hogere conversie … ?
![Page 5: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/5.jpg)
Magento 2 is een technisch platform
![Page 6: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/7.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/8.jpg)
Dependency Injection
![Page 9: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/9.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/10.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/12.jpg)
RequireJS
![Page 13: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/14.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/15.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/16.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/17.jpg)
KnockoutJS + UIComponents
![Page 18: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/18.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/19.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/20.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/21.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/22.jpg)
Responsive backend
![Page 23: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/25.jpg)
Composer
![Page 26: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/26.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/27.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/28.jpg)
“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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/29.jpg)
Minder developer uren?
![Page 30: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/30.jpg)
Meer conversie?
![Page 31: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/31.jpg)
Magento 2 biedt ons toolsom succesvolle shops mee te bouwen
![Page 32: Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/32.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030223/5882ccd01a28abf8388b4ea1/html5/thumbnails/33.jpg)