Prenez contact avec nous

Plan du cours

Introduction

  • Aperçu d'Alpine JS
  • Que sont les directives d'Alpine JS ?

Premiers pas

  • Comprendre le rôle d'Alpine JS dans la conception web moderne
  • Apprendre à utiliser Alpine JS et déterminer quand utiliser un framework web complet
  • Installation d'Alpine JS
  • Création d'un programme avec Alpine JS

Utilisation d'Alpine JS

  • Réutilisation d'objets de données avec Alpine.data
  • Déclaration d'un magasin de données global : Alpine.store

Directives d'Alpine JS

  • Déclaration des données du site : x-data
  • Ajout de bascules : x-show
  • Événements personnalisés et modificateurs d'événements avec x-on
  • Définition d'attributs HTML dynamiques : x-bind
  • Association d'attributs avancée avec x-bind
  • Liage de données aux éléments de formulaire : x-model
  • Définir le contenu des éléments : x-text et x-HTML

Initialisation du composant Alpine JS

  • Exécution de code lors de l'initialisation de l'élément : x-init
  • Réaction aux changements de dépendances : x-effect
  • Adresse des éléments par clé : x-ref

Dépannage

Synthèse et prochaines étapes

Pré requis

  • Compréhension de base des frameworks web
  • Expérience en codage basique pour la conception web
  • Expérience en programmation JavaScript

Audience cible

  • Développeurs
 14 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (3)

Cours à venir

Catégories Similaires