Dans ce module, vous commencerez par apprendre des règles CSS supplémentaires pour créer des animations simples. Pour permettre une plus grande interactivité et des comportements dynamiques, vous intégrerez un code JavaScript simple dans les pages web. Cela implique la compréhension et la manipulation de la représentation DOM (DOM) des pages web à l'intérieur des navigateurs. À la fin du module se trouve un exercice de programmation, où vous construirez un jeu de devinettes, en appliquant les compétences que vous avez acquises dans les deux premiers modules de ce cours.

Dans ce module, vous serez initié à la bibliothèque jQuery, qui rend le codage JavaScript plus facile et plus rapide. En introduisant des sélecteurs CSS plus avancés, vous serez en mesure de cibler et de manipuler avec précision des éléments HTML spécifiques dans jQuery. Après un rapide coup d'œil sur la mise en œuvre de la gestion des événements jQuery, vous testerez les compétences jQuery que vous avez acquises tout au long de ce module en construisant un jeu de marteau.

Dans ce module, vous apprendrez à construire des éléments graphiques vectoriels sur vos pages web avec SVG, un langage textuel pour créer des graphiques sur le web. En vous appuyant sur les techniques d'animation CSS des modules précédents, vous appliquerez ces compétences pour créer des animations intéressantes de vos composants SVG. En outre, vous découvrirez les propriétés d'animation CSS et les événements d'animation JavaScript, qui vous permettront de mieux contrôler ces animations. À la fin de ce module, vous appliquerez vos compétences en matière d'animation SVG et CSS pour développer un jeu de saut.

Dans ce module, vous allez affiner vos compétences en JavaScript en apprenant quelques caractéristiques supplémentaires du langage JavaScript. Tout d'abord, vous serez initié à l'utilisation des tableaux et des objets JavaScript, y compris l'opérateur d'étalement et l'opération de déstructuration. Vous explorerez ensuite différentes façons d'écrire des fonctions JavaScript et leur capacité à former une fermeture. En utilisant les possibilités offertes par les fermetures JavaScript, vous écrirez du code JavaScript modulaire à l'aide d'un modèle de module.

Dans ce module, on vous présentera l'élément HTML canvas, qui vous permet de dessiner des graphiques sur les pages web. En écrivant du code JavaScript, vous dessinerez différentes formes à l'intérieur de la zone HTML canvas. La seconde moitié de la leçon sera consacrée à l'utilisation de l'élément HTML canvas pour travailler sur des objets à base d'images appelés sprites. En animant ces sprites, vous construirez un jeu appelé "Gem Rush !" à la fin du module.