CATALOGUE Code & Data Formation Animate CC Maîtrisez la programmation dans Animate CC - Ateliers créatif avec Create JS

Intégration d'API dans un Fichier HTML

Retour à la formation
Chapitre 8 Leçon 2
Précédent
Suivant

Dans ce tutoriel, nous allons voir comment charger et publier une animation en intégrant des scripts comme jQuery et TweenMax dans un fichier HTML, en utilisant l'éditeur Brackets.

Détails de la leçon

Description de la leçon

Ce tutoriel aborde les étapes nécessaires pour intégrer des bibliothèques JavaScript telles que jQuery et TweenMax dans un fichier HTML. Vous apprendrez d'abord à charger les API que vous souhaitez utiliser puis à publier l'animation pour obtenir un fichier HTML. Ensuite, nous explorerons comment éditer ce fichier en utilisant Brackets, un éditeur de texte open-source. La méthode la plus rapide consiste à copier une balise script existante et à insérer les bibliothèques en quelques lignes de code. Nous détaillerons également des paramètres de publication essentiels, comme décocher certaines options pour éviter que les modifications HTML ne soient écrasées pendant les tests. Ce processus assure que les scripts ajoutés soient préservés dans le fichier HTML final.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment intégrer efficacement des scripts jQuery et TweenMax dans un fichier HTML et de configurer les paramètres de publication afin de préserver les modifications.

Prérequis pour cette leçon

Pour profiter pleinement de cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, JavaScript et d'utiliser l'éditeur de texte Brackets.

Métiers concernés

Ce sujet est pertinent pour les développeurs web, les designers UI/UX, et les intégrateurs front-end impliqués dans la création de sites web et d'applications interactives.

Alternatives et ressources

Des alternatives aux scripts jQuery et TweenMax incluent les bibliothèques la GreenSock Animation Platform (GSAP) pour les animations avancées, et Vanilla JavaScript pour les besoins de scripting plus légers.

Questions & Réponses

La première étape est de charger l'API que vous souhaitez utiliser dans votre projet HTML.
L'éditeur de texte recommandé est Brackets, un éditeur open-source bien adapté pour cette tâche.
Il est nécessaire de décocher certaines options pour éviter que le fichier HTML ne soit écrasé durant les tests, ce qui permet de conserver les balises script ajoutées.