Prenez contact avec nous

Plan du cours

Introduction

  • Vue d'ensemble d'Alpine JS
  • Que sont les directives Alpine JS ?

Premiers pas

  • Compréhension du rôle d'Alpine JS dans la conception Web moderne
  • Apprendre à utiliser Alpine JS et quand opter pour un cadre Web complet
  • Installation d'Alpine JS
  • Création d'un programme 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 Web : x-data
  • Ajout de commutateurs : x-show
  • Événements personnalisés et modificateurs d'événements avec x-on
  • Définition d'attributs HTML dynamiques : x-bind
  • Transmission d'attributs avancée avec x-bind
  • Transmission 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 à l'initialisation de l'élément : x-init
  • Réaction aux modifications des dépendances : x-effect
  • Référence aux éléments par clé : x-ref

Dépannage

Résumé et prochaines étapes

Pré requis

  • Compréhension de base d'un cadre Web
  • Expérience en codage de base pour la conception Web
  • Expérience en programmation JavaScript

Public cible

  • Développeurs
 14 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (3)

Cours à venir

Catégories Similaires