Magento 2 : Front End Réf : MAG2F

Par Claude Lecomte

Concepts et bonnes pratiques de développement Front Office avec Magento 2

Durée :
2 jours
Lieux :
Paris

1 350 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

La formation Magento 2 Front End est une formation technique qui permet d’acquérir les compétences nécessaires pour pouvoir comprendre, paramétrer et spécialiser le rendu graphique d’une plate-forme Magento 2. Orienté travaux pratiques, vous aborderez l’ensemble des aspects de la customisation du theming Magento 2. 

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de :
  • Comprendre l’architecture technique d’un theme Magento 2
  • Connaître les paramètres Magento 2 qui ont une influence sur le rendu
  • Modifier/Surcharger un thème, Créer un nouveau composant front
  • Mettre en oeuvre les bonnes pratiques de développement front


Public

Intégrateur CSS, Développeur Front, Développeur FullStack souhaitant maîtriser les aspects techniques du design et rendu d’un site en Magento 2

Pré-requis

Expérience en javascript/intégration CSS et de préférence connaissant Magento 1.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale, d'illustrations de cas concrets et de travaux pratiques.

Plan de cours

 

PROGRAMME DE LA FORMATION


Généralités
Prérequis
Mode dev/prod

Thèmes
Présentation
Création d’un thème
Déclarer un logo
Configurer les tailles d’images du thèmes
Faire de son thème un package Composer (optionel)
Les fichiers statiques d’un thème
TP 1 : Créer un thème et lui affecter le logo x2i et l’appliquer au site

Layout
Introduction
Containers & blocks
Les types de layout
Page layout
Déclaration de page layout
Page configuration
Generic layout
Etendre un fichier de layout
Surcharger un fichier de layout
TP 2 : Manipulation du layout

Templates
Introduction
Initialisation des templates
Template Root
XSS et les templates
Templates : $this, $block, qui suis-je ?
TP 3 : Surcharger un template dans notre nouveau thème

Cascading Style Sheets (CSS)
Inclure des fichiers CSS
Préprocesseur CSS (less)
Grunt Javascript task runner
Déclarer son thème dans la config Grunt
Grunt et LiveReload

Magento UI library
Où se trouvent les mixins ?
Les variables prédéfinies
Utiliser des mixins
Les fonts custom
TP 4 : Ajouter une police de caractère à notre thème

Le responsive design et Magento 2
Introduction
Présentation du mixin .media-width()
Utiliser le mixin .media-width()
Mobile first
Javascript RWD
TP 5 : Créer un thème mobile dédié

Traductions
Introduction
Dictionnaires de traductions
Packages de traductions

Javascript Unit Tests
Présentation
JsTestDriver et PhpStorm

Emails transactionnels
Introduction
Customisation d’email via le thème
Csutomisation d’email via l’interface backend

Widgets
Introduction
Widget.xml      
Class et templates de widgets
TP 6 : Créer un widget simple

Performances frontend
Présentation/Introduction

Prochaines sessions

picto Du lundi 12/02 au mardi 13/02 2018 Paris 1 350 € fleche S’inscrire à la session du lundi 12/02 au mardi 13/02
picto Du jeudi 24/05 au vendredi 25/05 2018 Paris 1 350 € fleche S’inscrire à la session du lundi 24/05 au mardi 25/05
picto Du jeudi 20/09 au vendredi 21/09 2018 Paris 1 350 € fleche S’inscrire à la session du lundi 20/09 au mardi 21/09
picto Du jeudi 13/12 au vendredi 14/12 2018 Paris 1 350 € fleche S’inscrire à la session du lundi 13/12 au mardi 14/12
Proposer une session.

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « e-commerce & omnicanal »  – Voir toutes les formations