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'Alpine JS dans la conception Web moderne
  • 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 du cadre web
  • Expérience du codage de base pour la conception de sites web
  • [Expérience de la programmation de scripts

Public

  • Développeurs
 14 Heures

Nombre de participants


Prix ​​par Participant

Nos clients témoignent (5)

Cours à venir

Catégories Similaires