Plan du cours

Introduction

  • Vue d'ensemble de la JS alpine
  • Quelles sont les directives de la JS alpine ?

Pour commencer

  • Comprendre le rôle d&rsquo,Alpine JS dans la conception de sites web modernes
  • Apprendre à utiliser Alpine JS et savoir quand utiliser un framework web à part entière
  • Installer Alpine JS
  • Créer un programme Alpine JS

Utilisation de AlpineJs

  • Réutilisation des objets de données avec Alpine.data
  • Déclarer un magasin de données global : Alpine.store

Directives JS Alpine

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

Initialisation du composant Alpine JS

  • Exécution du code lors de l'initialisation de l'élément : x-init
  • Répondre aux changements de dépendance : x-effect
  • Référencement des é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 du codage de base pour la conception de sites web
  • JavaScript expérience en programmation

Audience

  • Développeurs
 14 heures

Nombre de participants



Prix par participant

Nos Clients témoignent (5)

Cours Similaires

Catégories Similaires