– Architecture technique

– Architecture applicative
 – Structure des dossiers sous Magento

– Architecture Model-View-Controller (MVC) 

– Objectif d’un site e-commerce

– Vue d’ensemble des thèmes.

– Création d’un thème front-office.

– Déclarer un logo dans votre gabarit.

– Configurer les tailles d’images du thème.

– Création d’un thème back office.
Travaux pratiques
Créer un thème avec l’affectation d’un logo pour le décliner sur le site.

-Vue d’ensemble des layouts.

– Les types de layouts.

– Structurer une page layout.

– Structurer un thème layout.

– Les différents blocks et containers.

– Étendre un layout.

– Surcharger un layout.
Travaux pratiques
Modifier l’apparence graphique du site en manipulant les layouts.

– Vue d’ensemble des templates disponibles.

– Initialiser un template.

– Surcharger un template.
Travaux pratiques
Surcharger un template dans notre nouveau thème.

– Less et Grunt

– Déclarer son thème dans la configuration Grunt.

– Grunt et LiveReload.

– Inclure des fichiers CSS.
Surharger et étendre le CSS.

– Les fonts custom et les variables.

– Les mixins et Les UI components.

-Comprendre et utiliser RequireJS.

– Les widgets jQuery.

– Comprendre et utiliser KnockoutJS.
– Création d’un widget et d’un bloc CMS en back office.

– Création d’un widget dans le thème.

– Déclaration dans un contenu CMS.

– Déclaration dans un template.

– Déclaration en layout.
Travaux pratiques
Créer un custom component et un widget personnalisé.

– Les solutions responsive design dans Magento.

– Approche mobile first.

– Présentation et utilisation des outils responsive design.

– Impact sur les performances front-end.

– JavaScript responsive web design.

 -Dictionnaires de traductions.

– Packages de traductions.

– Ordre de lecture par Magento.

– Les clés de traduction selon le contexte.

– Concepts de base des e-mails.

– Surcharge en back office.

– Surcharge dans le thème.