Contenu principal
Chapitre 1 : Introduction à JS : dessiner et animer
À propos de ce chapitre
Vous êtes-vous déjà demandé ce qu’il faut pour que les dessins prennent vie ? Eh bien, nous devons parler à notre ordinateur dans une langue spéciale. Dans cette unité, nous allons apprendre à utiliser le langage de programmation JavaScript et Processing JavaScript pour faire nos propres dessins et animations.
Si vous êtes nouveau ici, regardez notre vidéo d'intro, faites un petit tour dans notre cours de programmation, puis commencez à coder !
Nous allons vous montrer les bases de la programmation et comment dessiner des formes.
Nous allons vous montrer comment colorier et ajouter des contours à vos formes !
Nous allons voir comment utiliser les variables pour stocker des valeurs, animer des dessins, et plus encore.
Apprenez à animer vos dessins.
Apprendre
Apprenez à faire des programmes qui dessinent des formes en fonction de l'emplacement de la souris, comme les applications de dessin.
Apprenez à utiliser des expressions avec variables pour redimensionner des parties de votre dessin par rapport à d’autres parties. Notez que cela nécessite un peu plus de mathématiques, donc si vous ne vous sentez pas encore avoir une bonne compréhension des fractions, vous pouvez sauter cette étape.
Apprendre
S'entraîner
Apprenez à afficher du texte dans la zone de dessin, à le redimensionner, à le colorier et à l'animer.
Apprendre
Rendez votre code plus réutilisable en le regroupant dans des fonctions, puis faites en sorte que ces fonctions acceptent des paramètres et renvoient des valeurs.
Apprendre
Aider votre programme à prendre des décisions !
Apprendre
Comment déterminer ce qui ne va pas dans votre code ? Apprenez des trucs et astuces sur le débogage de programmes.
Quelque chose doit être répété plusieurs fois ? Les boucles sont là pour ça !
Apprendre
S'entraîner
Apprenez à rédiger du code JavaScript facile à lire et à comprendre, avec une bonne utilisation de l'indentation, des espacements, du nommage et des commentaires.
S'entraîner
Stockez plusieurs valeurs dans vos variables en utilisant des tableaux !
Apprendre
Apprenez comment stocker des données complexes dans des objets.
Apprendre
Comment utiliser la conception orientée objet en JavaScript pour rendre votre code plus réutilisable.
Maintenant que vous connaissez les bases de la programmation, apprenez des techniques qui vous aideront à être plus productif et à écrire du code de meilleure qualité.