Formation Htmx : Outils de haute puissance pour le html
| 3200€ HT / personne |
| 4 jours (28 heures) |
Présentation
La formation HTMX vous permettra d’utiliser plusieurs attributs dans l’objectif de mettre en place des interfaces utilisateur modernes avec puissance et simplicité de l’hypertexte.
Lors de notre enseignement, vous pourrez exploiter AJAX pour les différentes transitions CSS, les évènements ou les WebSockets. Ceci sera nécessaire pour déclencher des requêtes et échanger des réponses HTML réalisées dans le DOM.
Vous deviendrez apte à utiliser des fonctionnalités modernes d’attributs HTML plutôt que du JavaScript pour gagner en productivité.
Élargissez vos connaissances et compétences en comprenant l’HTMX qui possède une riche collection de caractéristiques propres à lui-même.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (HTMX 1.8).
Objectifs
- Comprendre l’écosystème du HTML, CSS et JavaScript
- Comprendre l’utilisation d’AJAX
- Savoir comment utiliser le HTMX
- Maîtriser les fonctions d’attributs d’HTMX
Public visé
- Développeurs
- Architectes
- Chefs de projets
- Concepteurs Web
Pré-requis
- Connaissance de base en HTML, CSS, JavaScript
- Notion en programmation web
Programme de la formation HTMX
Introduction
- Présentation d’HTMX
- Configuration d’HTMX
- Les balises d’ancrage
Installation
- Télécharger une copie
- Via un CDN
- npm
- Webpack
AJAX
- Demandes de déclenchement
- Modificateurs de déclenchement
- Filtres de déclenchement
- Évènements spéciaux
- Vote
- Charger l’interrogation
- Indicateurs de demande
- Cibles
- Échanges
- Échanges de morphes
- Échanges hors bande
- Sélection du contenu à permuter
- Préserver le contenu lors d’un swap
- Synchronisation
- Transitions CSS
- Paramètres
- Téléchargement de fichier
- Valeurs supplémentaires
- Confirmation des demandes
Héritage des attributs
- Hisser les attributs dans le DOM pour éviter la duplication de code
- hx-confirm pour appliquer l’attribut à un élément parent
- Annuler l’héritage en ajoutant une unset directive
- Désactiver l’héritage automatique avec hx-disinherit attribut
Booster
- Convertir toutes les balises d’ancrage et tous les formulaires en requêtes AJAX avec l’attribut hx-boost
- Amélioration progressive
- Utiliser le HTML sémantique autant que possible
- S’assurer que l’état de la mise au point est visible
- Associer des étiquettes de texte à tous les champs de formulaire
- Maximiser la lisibilité de votre application avec des polices
Sockets Web et SSE
- WebSocket
- Évènements envoyés par le serveur
Prise en charge de l’historique
- Spécification de l’élément instantané de l’historique
- Désactiver l’instantané de l’historique
Demandes et réponses
- CORS
- En-têtes de demande
- En-têtes de réponse
- Demander l’ordre des opérations
Animations et extensions
- Utilisation de transitions CSS
- Personnaliser le comportement des bibliothèques
- Extensions incluses
Évènements et journalisation
- Initialiser une bibliothèque tierce avec des évènements
- Configurer une requête avec des évènements
- Modification du comportement d’échange avec les évènements
- Dénomination des évènements
- Journalisation
Débogage
- Créer des démos
- Exemple de démonstration
hyperscript
- Installation d’hyperscript
- Évènements et hyperscript
- Fonctionnalités intercooler.js et implémentations hyperscript
- ic-remove-after
- ic-post-errors-to
- classe ic-switch
Pour aller plus loin
Formation HTML, CSS et JavaScript
Formation Bootstrap
Formation Figma
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
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 3200€ HT / personne |
| 4 jours (28 heures) |
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
