Accueil > Marketing > Magento 2, personnalisez le design de vos sites de e-commerce
Formation #MC170

Formation Magento 2, personnalisez le design de vos sites de e-commerce

Durée : 3 jours

Code : MC170


Prochaines dates programmées :

Du 24 au 26 Avril 2024

Du 10 au 12 Juil. 2024

Du 02 au 04 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
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
Dates

Dates

  • Du 24 au 26 Avril 2024
  • Du 10 au 12 Juil. 2024
  • Du 02 au 04 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.