Formations Web CMS Formation Hydrogen et Oxygen : Shopify en Headless

Formation Hydrogen et Oxygen : Shopify en Headless

Noté 0 sur 5
formation hydrogen et oxygen

Prix 2390€ HT / personne
Durée 3 jours (21 heures)

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

Présentation

Hydrogen et Oxygen est un framework de développement web frontal utilisé pour créer des vitrines personnalisées Shopify. Cet outil comprend la structure, les composants et les outils dont votre équipe a besoin pour démarrer la conception et l’élaboration de fonctionnalités rendant votre site unique.

Durant notre formation, vous serez en mesure de maîtriser le développement web sur Shopify via Hydrogen, vous découvrirez les différents modèles pour vous aider à commencer à créer des vitrines personnalisées Shopify.

Votre équipe pourra déployer différentes vitrines Hydrogen dans des environnements Oxygen, ce qui vous permettra de prévisualiser et de partager différentes versions de vitrines.

En suivant notre formation, vous comprendrez l’architecture Hydrogen et Oxygen de Shopify. Vous serez en mesure de mettre en place un site professionnel, animé et personnalisé disposant de sa propre charte graphique.

Cette formation vous sera présentée avec les toutes dernières nouveautés de Shopify.

 

Objectifs

  • Créer sa propre vitrine Shopify
  • Comprendre les caractéristiques de développement de la plateforme
  • Personnaliser les fonctionnalités et le style de son site Internet
  • Comprendre l’écosystème Hydrogen et Oxygen

 

Public visé

  • Développeurs
  • Micro-entrepreneurs

 

Pré-requis

  • Connaître le HTML et le CSS
  • Connaissance d’un langage de programmation

Programme de notre Formation Hydrogen et Oxygen

 

Introduction à Shopify

  • Qu’est-ce que Shopify ?
  • Sauvegarde des documents
  • Démarrez avec Shopify
  • L’écosystème Shopify

 

Création d’une vitrine personnalisée

  • La structure
  • Les composants
    • Bibliothèque
  • Les outils
  • Conception et élaboration

 

Framework

  • Plugin
    • Présentation de Vite
    • Frontend Tooling
  • Server-side rendering (SSR)
  • Hydration middleware
  • Client component code transformations

 

Hydrogen : components, hooks et utilities

  • Les différentes fonctionnalités
  • Les différents concepts existants
  • Leurs utilités sur Shopify
  • Templates
    • Les modèles Hydrogen
    • Hello World
    • Demo Store
    • Installation

 

Shopify Storefront API

  • Transmission de données
    • Componentss
    • Hooks
    • Utilities
  • Structure storefront
  • Les types de GraphQL

 

Architecture Hydrogen

  • Types de données
    • Statiques
    • Dynamiques
  • Côté client
  • Côté serveur
  • Contrôle de mise en cache intégré
  • Appels d’API

 

Oxygen

  • Qu’est-ce que Oxygen ?
  • L’environnement Oxygen
  • Storefronts
  • Customiser l’environnement
  • Environnements variables
  • Développement local
  • Prévisualisation
  • Rollbacks
  • Worker Runtime APIs
    • Méthodes
    • Classes
    • Abstractions
  • Partage des différentes versions des vitrines

Pour aller plus loin

Formation Magento Backend

Formation Odoo Développeur

Formation Drupal Développeur

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Témoignages

Afficher tous les témoignages

Noter la formation

Prix 2390€ HT / personne
Durée 3 jours (21 heures)

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp