Magento2 Training organizzato da Magentiamo.it, 1604lab S.r.l. e iBuildings. Corso finalizzato a presentare le novità della nuova versione del CMS Ecommerce Open Source più diffuso ed utilizzato al mondo: Magento Commerce.

1. Magento2
TRAINING
EVENTO ORGANIZZATO DA

2. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Andrea Saccà
@andreasacca @magentiamo
CEO & Founder 1604lab S.R.L.
Magento Frontend Developer Certified
Autore del libro Mastering Magento Theme Design
Ideatore e Fondatore di Magentiamo.it
Magento2

3. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Novità Principali
Front End
Back End
Risorse
Live Demo
1
2
3
4
5
Magento 2
1. Indice

4. Novità
1

5. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training1. Novità
Magento2 - Merchant Beta 1.0
Rilasciata il 15 Luglio 2015 - Versione Corrente: 1.0.0-beta

6. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 PREREQUISITI
Apache: 2.2 o 2.4
PHP 5.5 o 5.6
MySQL: 5.6.x
Composer
1. Novità





https://github.com/magento/magento2

7. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
https://github.com/magento/magento2
1. Novità
REPOSITORY GIT

8. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
{
“name”: “magentiamo/theme-frontend-yuki”,
“description”: “Super Duper Theme for Magento2”,
“require”: {
“php”: “~5.4.11|~5.5.0”,
“magento/theme-frontend-blank”: “0.42.0-beta1”,
“magento/framework”: “0.42.0-beta1”,
“magento/magento-composer-installer”: “*”
},
“type”: “magento2-theme”,
“version”: “0.42.0-beta1”,
“license”: [
“OSL-3.0”,
“AFL-3.0”
],
“extra”: {
“map”: [
[
“*”,
“Magentiamo/Yuki”
]
]
}
1. Novità
COMPOSER
https://getcomposer.org

9. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 PERFORMANCE
Full page Cache
Varnish 4
Migliorato il sistema di Reindex
Supporto HHVM3.6
Require.js
1. Novità







10. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 TECHNOLOGIES
HTML5
CSS3
LESS - CSS Preprocessing
jQuery - jQuery Wigets
Require.js
Testing Unit per developers
1. Novità








11. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 SEO
Product Fields Auto generation
Robots.txt configurabile in admin
Ordinamento e Griglia/Lista senza cambio URL
Sitemap.xml avanzata
Rich Snippet preimpostati
1. Novità







12. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 BACKEND
Nuovo Design
Backend Responsive
Nuova organizzazione dei Menu
Interfaccia intuitiva
Catalogo - Enhanced product grid
Admin Multiutente
1. Novità








13. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento2 DESIGN
Responsive Default Theme
Nuova Struttura delle cartelle
Files frontend all’interno dei moduli
Tema, in una cartella
Less per preprocessore CSS
jQuery
1. Novità








14. Front End
2

15. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
JQUERY 1.8.2
JQUERY NO CONFLICT
JQUERY LOADER WIDGET
JQUERY TABS WIDGET
JQUERY TRANSLATEINLINE WIDGET
2. Front End

16. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
LESS: Il Preprocessore per il CSS “Dinamico”
2. Front End

17. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training2. Front End
Magento Ui Library

18. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ROOT
|--- APP
| |--- design
| | |--- frontend
| | |--------| package
| | |--------| theme
ROOT
|--- SKIN
| |--- frontend
| | |--- package
| | |--------| theme
2. Front End
Magento 1.x FRONTEND 

19. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ROOT
|--- APP
| |--- design
| | |--- frontend
| | |-----| vendor
| | |--------| theme
ROOT
|--- SKIN
| |--- frontend
| | |--- package
| | |--------| theme
2. Front End
Magento 2 FRONTEND 

20. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
MAGENTO 2
|--- APP
| |--- design
| | |--- frontend
| | |-----| Vendor
| | |--------| theme
WEB
|--- css
|--- fonts
|--- images
|--- js
THEME
|--- etc
|--- media
|--- web
|--- composer.json
|--- theme.xml
|--- registration.php
2. Front End
Magento 2 FRONTEND 

21. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Un file per le dimensioni delle immagini
...
...
<image id=”category_page_grid” type=”small_image”>
<width>250</width>
<height>250</height>
</image>
...
...
view.xml 
2. Front End

22. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
MODULO (Es. Catalog)
|--- view
| | |--- adminhtml
| | |--- base
| | |--- frontend
| | | |--- layout
| | | |--- templates
| | | |--- web
XML
PHTML
IMG, JS, CSS
2. Front End
Design e Moduli 
La view di ogni modulo è integrata nel modulo stesso

23. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
XML PAGE LAYOUT - Wireframe della Pagina
<CONTAINER> ------------------------------> Blocco Struttura
<REFERENCECONTAINER> Per definire il blocco “Madre”
! THE <ACTION> INSTRUCTION IS DEPRECATED. DO NOT USE IT!
<MOVE> Per spostare un blocco da un contenitore ad un altro
<REMOVE> Per eliminare un blocco
<UPDATE> Per aggiornare gli “handle”
magento2/app/code/Magento/Theme/view/frontend/page_layout/2columns-left.xml
2. Front End
Design e Moduli 

24. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
RWD: Responsive Web Design
2. Front End

25. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
I Temi di default di Magento 2: BLANK
2. Front End

26. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
I Temi di default di Magento 2: LUMA
2. Front End

27. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Traduzioni Magento 2: Il Dizionario
Nuova posizione per i file csvMAGENTO2
|--- APP
| |--- i18n
| | |--- Magento
| | |--------| it_it
| | | |-------- language.xml
| | | |-------- composer.json
| | | |-------- *.csv
2. Front End

28. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
CSV Traduzioni Magento 1.x
1. “Testo/Frase Originale”,”Traduzione”
2. “Add New Block”,”Aggiungi nuovo blocco”
3. “Add New Page”,”Aggiungi Nuova Pagina”
4. “All Countries”,”Tutte le Nazioni”
2. Front End

29. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
CSV Traduzioni Magento 1.x
1. “Testo/Frase Originale”,”Traduzione”,”Meta Info 1”,”Meta Info 2”
2. “Add New Block”,”Aggiungi nuovo blocco”,”module”,”Mage_Cms”
3. “Add New Page”,”Aggiungi Nuova Pagina”,”theme”,”blank”
4. “All Countries”,”Tutte le Nazioni”,”theme”,”blank”
2. Front End

30. Backend
3

31. Magento Commerce - Panoramica e Funzionalità
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training3. Backend
Versione 1 Versione 2

32. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training3. Backend
Versione 1 Versione 2

33. Risorse
4

34. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento 2 Documentation: http://devdocs.magento.com
Ben Marks: http://bhmarks.com/blog
GitHub Magento2: https://github.com/magento/magento2
Magentiamo.it: http://www.magentiamo.it/magento2
MAGENTO 2
Link UTILI 
4. Risorse Utili

35. Magento2 Training
ANDREA SACCA’ - 1604lab S.r.l. - Magentiamo
Magento2 Training
Magento Migration Whitepaper - Free
http://magento.com/resources/magento-2-migration-whitepaper
Fundamentals of Magento 2 Development - $289
http://magento.com/training/catalog/fundamentals-of-magento-2-development
Core princpiples for theming Magento 2 - $169
http://magento.com/resources/magento-2-migration-whitepaper
4. Risorse Utili
Magento 2 FORMAZIONE 

36. 
#magento2 Training
@andreasacca @magentiamo @ ibuildingsit
Grazie!