#1hanoimagentomeetup_magento 2 vs magento 1

20
WHAT IS NEW IN MAGENTO 2 EDEN DUONG MAGESTORE

Upload: hanoi-magentomeetup

Post on 15-Apr-2017

104 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

WHAT IS NEW IN MAGENTO 2

EDEN DUONGMAGESTORE

Page 2: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

Technology Stacks

Page 3: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

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)

Page 4: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

JQUERY VS PROTOTYPE

Page 5: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

RequireJS

-JavaScript file and module loader.

-improve the speed and quality of code.

Page 6: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

KnockoutJS

Declarative Bindings

Automatic UI Refresh

Dependency Tracking

Templating

Page 7: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

Composer

Composer is a dependency manager for PHP.

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

Page 8: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

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/

Page 9: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

VANISH CACHE

Page 10: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

Checkout

Page 11: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

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

Page 12: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

Magento 2 checkoutClient & Server

Page 13: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

Database split

Page 14: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

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

Page 15: #1HanoiMagentoMeetup_Magento 2 vs Magento 1
Page 16: #1HanoiMagentoMeetup_Magento 2 vs Magento 1
Page 17: #1HanoiMagentoMeetup_Magento 2 vs Magento 1
Page 18: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

PERFORMANCE

Page 19: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

PERFORMANCE

Page 20: #1HanoiMagentoMeetup_Magento 2 vs Magento 1

THANK YOU FOR LISTENING!