The journey of mastering Magento 2 for Magento 1 developers
7 likes961 views
The document is a presentation by Gabriel Guarino about transitioning from Magento 1 to Magento 2 development. It covers key differences in declaring modules, models, controllers, JavaScript, and more. It provides code examples to illustrate how components are built in Magento 2, with a focus on helping Magento 1 developers understand the new Magento 2 architecture and code standards.
The journey of mastering Magento 2 for Magento 1 developers
- 1. www.magetitans.com #MageTitansUSA @MageTitans GABRIEL GUARINOSenior Magento Certified Developer, Argentina Magento 2 for Magento 1 developers: The journey of mastering Magento 2 AUSTIN 2016 @guarinomagento
- 2. • Web Developer since 2005 • Magento Developer since 2009 • All Magento Certifications (4x) • I build my own productivity tools: Mac-CLI: OS X command line tools for developers Bash Productivity: Personal Time Tracker app (free) Objective-C + Swift Santa Fe, Argentina Gabriel Guarino ABOUT ME FULL-STACK MAGENTO CERTIFIED DEVELOPER
- 3. M1 M2 BEFORE THIS PRESENTATION
- 4. M1 M2. AFTER THIS PRESENTATION
- 5. M1 M2
- 6. app/code/(community/local)/Sample/Module/ M1 app/design/frontend/rwd/default/ skin/frontend/rwd/default/ css scss js imagestemplatelayoutetcsqlBlock controllers Helper Model M2 data etc app/locale/(en_US)/ Sample_Module.csv app/etc/modules/ Vendor_Module.xml lib/ Sample_Module shell/ Sample/Module
- 7. app/code/(community/local)/Sample/Module/ M1 app/local/Sample/Module/ app/design/frontend/rwd/default/ skin/frontend/rwd/default/ css scss js imagestemplatelayoutetcsqlBlock controllers Helper Model Block Console Controller etc Helper i18n SetupPlugin TestCron Model M2 Observer view data Api app/locale/(en_US)/ Sample_Module.csv app/etc/modules/ Vendor_Module.xml lib/ Sample_Module etc shell/ Sample/Module
- 8. MAGENTO CLI
- 9. MAGENTO CLI
- 11. CLEARING CACHE
- 13. RUNNING RE-INDEX
- 15. CODE REVIEW
- 16. BLACK AND WHITE = BOILERPLATE CODE
- 17. DECLARING MODULE
- 23. 2 COMMANDS TO RUN php bin/magento module:enable Sample_Module ENABLE MODULE 01 02 php bin/magento setup:upgrade UPGRADE DATABASE
- 24. 2 COMMANDS TO RUN php bin/magento module:enable Sample_Module ENABLE MODULE 01
- 25. 2 COMMANDS TO RUN php bin/magento module:enable Sample_Module ENABLE MODULE 01
- 26. 2 COMMANDS TO RUN php bin/magento setup:upgrade UPGRADE DATABASE 02
- 27. 2 COMMANDS TO RUN php bin/magento setup:upgrade UPGRADE DATABASE 02
- 28. SHELL SCRIPT
- 36. NEW COMMAND
- 37. HELPER
- 48. INSTALL / DATA INSTALL SCRIPT 1 MAGENTO 1 2A 2B
- 49. INSTALL / DATA INSTALL SCRIPT 1B 1A MAGENTO 2
- 50. INSTALL / DATA INSTALL SCRIPT 1B 1A MAGENTO 2
- 52. UPGRADE / DATA UPGRADE SCRIPT 1 MAGENTO 1 2A 2B
- 53. UPGRADE / DATA UPGRADE SCRIPT 1B 1A MAGENTO 2
- 54. UPGRADE / DATA UPGRADE SCRIPT 1B 1A MAGENTO 2
- 55. UPGRADE SCRIPTS: MAGENTO 1 VS MAGENTO 2
- 56. 01 INSTALL AND UPGRADE SCRIPTS IN MAGENTO 2 php bin/magento setup:upgrade REQUIRED COMMAND 02 setup_module instead of core_resource NEW TABLE FOR VERSION NUMBER
- 57. MODEL
- 60. EVENT OBSERVER
- 63. app/local/Sample/Module/ etc/ frontend/ adminhtml/ events.xml events.xml events.xml MAGENTO 2 EVENT OBSERVER XML CONFIGURATION FILE
- 69. OBSERVERS: MAGENTO 1 VS MAGENTO 2
- 70. PLUGIN before • after • around
- 72. PLUGIN before after around execution before observed method after observed method before and after observed method modify original arguments ✓ ✗ ✓ modify returned values ✗ ✓ ✓
- 78. PREFERENCE
- 81. CONTROLLER
- 89. CONTROLLERS: MAGENTO 1 VS MAGENTO 2
- 90. SCSS LESS + CSS
- 91. SCSS / CSSMAGENTO 1 2 1
- 92. SCSS COMPILATION
- 93. SCSS / CSS 2 1 MAGENTO 1
- 94. LESS AND CSSMAGENTO 2 1 2
- 95. LESS AND CSSMAGENTO 2 1 2
- 96. LESS AND CSSMAGENTO 2 1 2
- 99. LESS AND CSSMAGENTO 2 1 2
- 100. JAVASCRIPT
- 102. MAGENTO 1 JAVASCRIPT
- 103. REQUIRE JS
- 104. MAGENTO 2 JAVASCRIPT
- 106. JAVASCRIPT IN MAGENTO 2 METHOD 1 data-mage-init METHOD 2 text/x-magento-init
- 107. JAVASCRIPT IN MAGENTO 2 METHOD 1 data-mage-init
- 108. JAVASCRIPT IN MAGENTO 2 METHOD 1 data-mage-init
- 109. JAVASCRIPT IN MAGENTO 2 METHOD 1 data-mage-init
- 110. JAVASCRIPT IN MAGENTO 2 METHOD 2 text/x-magento-init
- 111. JAVASCRIPT IN MAGENTO 2 METHOD 2 text/x-magento-init
- 112. JAVASCRIPT IN MAGENTO 2 METHOD 2 text/x-magento-init
- 113. JAVASCRIPT IN MAGENTO 2 METHOD 2 text/x-magento-init
- 114. JAVASCRIPT IN MAGENTO 2 CUSTOM JS FILE
- 115. JAVASCRIPT IN MAGENTO 2 CUSTOM JS FILE
- 116. JAVASCRIPT IN MAGENTO 2 CUSTOM JS FILE
- 117. JAVASCRIPT - 1MAGENTO 2 1 2
- 118. JAVASCRIPT - 2MAGENTO 2 1 2
- 121. FINAL CONCLUSION
- 122. ALL YOU NEED IS CODE
- 123. MAGENTO 2 CODEBASE
- 124. MAGENTO 2 CODE SAMPLES
- 126. BUILD YOUR LIBRARY OF CODE SAMPLES