Accueil > Technologies WEB > Magento : personnaliser le design de ses sites de e-commerce
Formation #TWC195

Formation Magento : personnaliser le design de ses sites de e-commerce

Durée : 3 jours

Code : TWC195

Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Mettre en œuvre un CMS d'e-commerce Open Source Magento 2
  • Comprendre l'architecture du système de template
  • Savoir personnaliser les interfaces et intégrer des chartes graphiques
Programme
1/ Présentation de Magneto 2
  • Fonctionnalités
  • Concepts clés du système de template
  • Travailler en mode dev/prod
2/ Installation de Magento 2
  • Conseils à l'installation et base de démonstration
  • Installation sur un serveur local
  • Installation sur un serveur dédié
  • Migration du serveur local au serveur dédié
3/ Outils aidant à l'intégration graphique sous Magento 2
  • Outils de développement pour le Framework
  • Magento 2 et XHTML
  • Outils de développement CSS
  • Outils intégrés à Magento 2
4/ Les Thèmes dans Magento 2
  • Vue d'ensemble des thèmes
  • Créer et modifier un thème Magento 2
  • Déclarer un logo dans votre gabarit
  • Configurer les tailles d'images du thème
  • Faire de son thème un package Composer
  • Connaître les fichiers statiques d’un thème
5/ Les layouts
  • Présentation des layouts
  • Les différents blocks et Containers
  • Les différents types de layout
  • Structurer une page layout
  • Comment déclarer une page layout ?
  • Page configuration
6/ Les templates Magento 2
  • Présentation des templates
  • Template Root
  • XSS et les templates
  • Templates : $this, $block, qui suis-je ?
7/ Les CSS
  • Inclure des fichiers CSS
  • LESS (préprocesseur CSS)
  • Grunt JavaScript task runner
  • Déclarer son thème dans la configuration Grunt
  • Grunt et LiveReload
8/ Les widgets
  • Trouver les mixins
  • Les variables prédéfinies
  • Utiliser des mixins
  • Comprendre et utiliser les fonts custom
  • Présentation des solutions widgets
9/ Le Responsive Design et Magento 2
  • Présentation du Responsive design avec Magento
  • Mobile First
  • Les outils Responsive Design
  • Impact sur les performances Front End
  • JavaScripT
10/ Traductions avec Magento 2
  • Présentation de la traduction avec Magento 2
  • Connaître les dictionnaires de traduction
  • Packages de traductions
11/ Les tests Front-End
  • Panorama des solutions de test
  • JsTestDriver et PhpStorm
12/ Gestion des emails
  • Emails transactionnels
  • Personnalisation d'email via le thème
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Intégrateurs CSS
  • Développeurs Front
  • Développeurs FullStack