HTML5 Canvas - 0 Préparer son environnement pour HTML5 Canvas
Avant de dessiner avec l'API Canvas, il faut un environnement adapté. Cette leçon vérifie le navigateur, l'activation de JavaScript et le choix d'un éditeur de code. Elle rappelle aussi les connaissances de base nécessaires pour suivre le module.
Vérifier le navigateur
Votre navigateur doit prendre en charge HTML5. Un site de test permet de vérifier la compatibilité et affiche un score. Dans la vidéo, le score est de 24 sur 25 pour les fonctionnalités testées, ce qui est suffisant.
JavaScript doit aussi être activé. Un site dédié affiche un message précis lorsque c'est le cas. Si le message attendu n'apparaît pas, activez JavaScript dans les paramètres de votre navigateur.
Choisir un éditeur de code
Un éditeur de code permet d'écrire et de modifier vos fichiers HTML, CSS et JavaScript. La vidéo utilise Visual Studio Code.
Pour suivre la suite du module, il faut des bases en HTML5, en CSS3 et en JavaScript, ainsi que de la curiosité et de la motivation.
- Un navigateur compatible HTML5
- JavaScript activé
- Un éditeur de code, Visual Studio Code dans la vidéo
- Des bases en HTML5, CSS3 et JavaScript
En résumé
Pour dessiner avec Canvas, il faut un navigateur compatible HTML5, JavaScript activé et un éditeur de code. Des bases en HTML, CSS et JavaScript sont aussi utiles. Une fois ces points vérifiés, vous pouvez commencer.
Points clés
- Un navigateur compatible HTML5 est indispensable pour utiliser Canvas.
- JavaScript doit être activé dans le navigateur.
- Un éditeur de code permet d'écrire les fichiers du projet.
- Des bases en HTML5, CSS3 et JavaScript facilitent la suite du module.
Questions fréquentes
Quel éditeur de code utiliser ?
La vidéo utilise Visual Studio Code. Tout éditeur capable d'écrire du HTML et du JavaScript convient.
Faut-il installer un logiciel pour faire du Canvas ?
Non. L'API Canvas fonctionne dans un navigateur compatible HTML5, sans plugin ni logiciel supplémentaire.
Que faire si mon score de compatibilité est faible ?
La vidéo ne propose pas de solution précise. Essayez un navigateur récent, puis refaites le test de compatibilité.