Formation Magento 2 Front End


  • CONCEPTS ET BONNES PRATIQUES DE DÉVELOPPEMENT FRONT OFFICE AVEC MAGENTO 2
REFERENCE
 
 
IMFE
DUREE
 
 
2 jours
TARIFS
 
 
1390 € HT
Niveau : Intermédiaire
Cours à distance: Non
OBJECTIFS :
 

Magento est l'un des cinq premiers CMS d'e-commerce utilisés en France et le premier reposantsur une technologie open source.

À l'issue de cette formation, les participants auront acquis les connaissances et les compétences nécessaires pour :

  • Comprendre comment fonctionne un thème Magento 2
  • Savoir quels paramètres activer pour modifier le rendu dans Magento 2
  • Modifier un thème, agrémenter un thème
  • Créer un nouveau composant front
  • Utiliser les bonnes pratiques de développement front dans Magento 2.
PRÉ-REQUIS :
 

Pour suivre cette formation Magento 2, il est demandé d'avoir de l'expérience en programmation avec JavaScript et dans l'intégration CSS. Il est préférable de connaître Magento 1.

PUBLIC :
 

Cette formation s'adresse aux développeurs Front End, aux intégrateurs CSS et aux développeurs FullStack voulant maîtriser le design et le rendu d’un site en Magento 2.

PROGRAMME :
 

Présentation générale de Magneto 2

Prérequis
Travailler en mode dev/prod

Les Thèmes dans Magento 2

Présentation des thèmes disponibles dans Magento 2
Apprendre à créer un thème
Déclarer un logo
Savoir configurer la taille des images utilisées dans un thème
transformer le thème créé en package Composer (optionel)
Connaître les fichiers statiques d’un thème

Travaux pratiques :

Créer un thème, lui affecter un logo, l’appliquer au site

Layout

Présentation des layouts
Connaître les containers et les blocks
Les différents types de layout
Page layout
Savoir déclarer une page layout
Page configuration
Generic layout
Apprendre à étendre un fichier de layout
Surcharger un fichier de layout

Travaux Pratiques :

Manipuler un layout

Les templates Magento 2

Présentation des templates
Initialiser des templates
Template Root
XSS et les templates
Connaître les templates : $this, $block, qui suis-je ?

Travaux Pratiques :

Surcharger un template dans le thème créé précedemment

Les CSS

Savoir inclure des fichiers CSS (Cascading Style Sheets) avec Magento 2Connaître le préprocesseur CSS (less)
Grunt Javascript task runner
Déclarer son thème dans la configuration Grunt
Grunt et LiveReload

Connaître ma librairie Magento UI library

Savoir trouver les mixins
Connaître les variables prédéfinies dans Magento
Apprendre à utiliser des mixins
Les fonts custom

Travaux Pratiques :

Ajouter une police de caractère dans le thème créé

Appliquer le responsive design avec Magento 2

Présentation du Responsive design avec Magento
Connaître le mixin .media-width()
Utiliser le mixin .media-width()
Mobile first
Javascript RWD

Travaux Pratiques :

Créer un thème mobile dédié

Traductions avec Magento 2

Présentation de la traduction avec Magento 2
Connaître les dictionnaires de traduction
Packages de traductions

JavaScript Unit Tests

Présentation des JavaScript Unit Tests avec Magento 2
JsTestDriver et PhpStorm

E-mails transactionnels

Présentation des fonctionnalités d'e-mail transactionnel avec Magento 2
Savoir customiser les e-mails transactionnels en utilisant le thème

Utiliser l’interface backend pour personnaliser le graphisme des e-mails

Les widgets

Présentation des widgets dans Magento 2
Widget.xml      
Class et templates de widgets

Travaux Pratiques :

Créer un widget simple

Performances Front End

Savoir comment sont évaluées les performances du Front End

TRAVAUX PRATIQUES :
 

De nombreux travaux pratiques permettent une bonne prise en main des outils Magento.

S'INSCRIRE À CETTE
FORMATION MAGENTO 2 FRONT END

Pas de session programmée pour l'instant.

Contactez-nous pour obtenir les prochaines disponibilités de nos consultants formateurs
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

5 j

 

Web - Digital

Magento 2 Back End
Magento figure parmi les cinq premiers CMS utilisés dans les sites internet d'e-commerce en France. C'est aussi le premier CMS d'e-commerce open source. Cette formation...

4 j

 
La formation Plone permet de prendre en main le portail Plone et de maîtriser tous les mécanismes nécessaire au développement d'applications orientées gestion...

3 j

 
Magento est une solution e-commerce open source puissante et flexible qui peut s’adapter à la plupart des cas de site de vente en ligne. Reposant sur PHP5 et Zend Framework et...

3 j

 
Joomla est un logiciel professionnel de gestion de contenu sous licence GNU/GPL, permettant de créer rapidement et simplement un site internet dynamique. La conception objet du CMS, son...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB