CATALOGUE Code & Data Formation Animate CC Apprendre la programmation dans Animate CC - Les fondamentaux de Create JS

Guide de Traçage et Débugage de Code

Retour à la formation
Chapitre 1 Leçon 4
Précédent
Suivant

Apprenez à tracer et débuguer votre code en ActionScript 3 et HTML5 en utilisant des outils spécifiques et les consoles de navigateurs.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons approfondir les techniques de traçage et de débugage pour les langages de programmation ActionScript 3 et HTML5 Canva. Nous aborderons les différences clés entre les deux environnements, en soulignant les avantages de l'utilisation des consoles de navigateurs pour le HTML5. Vous apprendrez à utiliser les instructions trace et console.log pour afficher des éléments dans vos interfaces respectives. Lorsque vous travaillez avec ActionScript 3, la fenêtre de sortie intégrée vous permettra de visualiser directement les résultats. En revanche, pour le HTML5 Canva, vous devrez utiliser la console de débugage du navigateur, que nous explorerons en détails.

Nous évoquerons également les extensions utiles, comme Firebug, qui simplifient le débugage en offrant une console uniforme à travers différents navigateurs. Vous découvrirez comment utiliser des raccourcis clavier pour accéder rapidement à ces outils et comment des instructions telles que alert et console.clear peuvent améliorer votre processus de débugage.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de maîtriser les techniques de traçage et de débugage de code, de comprendre les différences entre ActionScript 3 et HTML5 Canva, et d'apprendre à utiliser les consoles de navigateurs.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en programmation, notamment en ActionScript ou HTML5, et d'être à l'aise avec l'utilisation des consoles de navigateurs.

Métiers concernés

Les compétences en traçage et débugage de code sont utiles pour des métiers tels que développeur web, ingénieur logiciel, testeur QA, et intégrateur web.

Alternatives et ressources

Comme alternatives, vous pouvez envisager d'utiliser des outils comme DebugBar pour Internet Explorer ou des extensions comme Web Developer pour d'autres navigateurs.

Questions & Réponses

La principale différence est que le traçage en ActionScript 3 se fait directement dans l'interface utilisateur via une fenêtre de sortie intégrée, tandis qu'en HTML5 Canva, il se fait au sein du navigateur en utilisant la console de débugage.
L'instruction utilisée pour tracer du code en HTML5 Canva est console.log.
Le raccourci clavier pour ouvrir la console de débugage dans Chrome est Ctrl + Shift + J.