#1HanoiMagentoMeetup_Magento 2 vs Magento 1

WHAT IS NEW IN MAGENTO 2

EDEN DUONGMAGESTORE

Technology Stacks

Magento 1 vs Magento 2

MAGENTO 1

-Prototype

-Full Page cache on Enterprise

-Slow Checkout page

MAGENTO 2

-jquery, requireJS, knockoutJS

-Full Page cache on Community, Vanish cache

-Quick checkout page (koJS)

-PSR 2

-Composer

-Magento UI library

-Database Split (Enterprise Edition)

JQUERY VS PROTOTYPE

RequireJS

-JavaScript file and module loader.

-improve the speed and quality of code.

KnockoutJS

Declarative Bindings

Automatic UI Refresh

Dependency Tracking

Templating

Composer

Composer is a dependency manager for PHP.

Declare the libraries your project depends on and it will manage (install/update) them for you.

PSR Compliance

-PHP Standards Recommendation -PSR compliance helps make Magento 2 easier and

more predictable to learn, and standardizes the use of PHP to allow different sets of code libraries to work together.

• PSR-0 (Autoloading standard)• PSR-1 (Basic Coding standard)• PSR-2 (Coding Style Guide) -> Magento 2

Document Detail: http://www.php-fig.org/psr/

VANISH CACHE

Checkout

Checkout

Magento 1

Magento 1 approach: generation of UI on a server did not scale with a complexity

Magento 2

Server-side Web APIs built with new M2 Service Contracts Approach

Client Side : Magento UI Component Framework which uses KnockoutJS

Magento 2 checkoutClient & Server

Database split

Magento UI libraryThe Magento UI library is a flexible LESS-based frontend library designed to assist Magento theme developers. Built on LESS preprocessor Focused on web standards Customizable Easy to maintain Responsive Accessible

PERFORMANCE

PERFORMANCE

THANK YOU FOR LISTENING!