Packt

Game Time 2024 - Construire un jeu JavaScript avec un ordre aléatoire

Obtenez l'une de nos meilleures offres avec Coursera Plus pour 199 $ (habituellement 399 $). Économisez maintenant.

Packt

Game Time 2024 - Construire un jeu JavaScript avec un ordre aléatoire

Inclus avec Coursera PlusEn savoir plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

8 heures à compléter
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

8 heures à compléter
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Apprenez à créer un jeu de cartes dynamique à l'aide de HTML, CSS et JavaScript

  • Maîtrisez les concepts JavaScript tels que async/await, l'API Fetch et l'algorithme de mélange Fisher-Yates.

  • Apprenez à optimiser la manipulation du DOM à l'aide de fragments de document et d'une gestion efficace des événements.

  • Acquérez une expérience pratique de CSS Grid et des techniques avancées de mise en forme pour les designs adaptatifs.

Compétences que vous acquerrez

  • Catégorie : Conception et développement de sites web
  • Catégorie : Algorithmes
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Animations
  • Catégorie : Programmation événementielle
  • Catégorie : Animation et conception de jeux
  • Catégorie : HTML et CSS
  • Catégorie : Développement de jeux vidéo
  • Catégorie : Conception de jeux
  • Catégorie : Réutilisation du code

Outils que vous découvrirez

  • Catégorie : Performance de l'interface utilisateur
  • Catégorie : Langage de balisage hypertexte (HTML)
  • Catégorie : Feuilles de style en cascade (CSS)
  • Catégorie : JSON

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

7 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 6 modules dans ce cours

Dans ce module, nous allons lancer le projet en mettant en place la structure HTML de base, en abordant les principes fondamentaux du CSS pour la mise en page et le design, et en présentant des concepts importants en matière de mise en forme, tels que la différence entre REM et EM, ainsi que CSS Grid. Vous apprendrez également à garantir la cohérence des styles grâce aux variables racines, ainsi que les bonnes pratiques pour une configuration CSS épurée et évolutive.

Inclus

6 vidéos1 lecture1 devoir

Dans ce module, nous allons nous concentrer sur le remplissage de la grille CSS avec des cartes chargées dynamiquement à partir d'un fichier JSON. Vous apprendrez à référencer, récupérer et traiter des données à l'aide d'async/await, de Fetch et de méthodes de tableaux telles que map() et flatMap(). De plus, nous explorerons des techniques efficaces de manipulation du DOM, telles que l'utilisation de fragments de document, afin d'améliorer les performances lors de l'ajout de cartes à la grille.

Inclus

17 vidéos1 devoir

Dans ce module, nous allons mettre en place des fonctionnalités interactives à l'aide d'écouteurs d'événements dynamiques et utiliser les transformations 3D CSS pour créer un effet de retournement fluide. Vous apprendrez également à randomiser l'ordre des cartes à l'aide de l'algorithme de mélange de Fisher-Yates et à résoudre les problèmes courants liés aux tableaux en JavaScript. Enfin, nous simplifierons notre code grâce à l'affectation par déstructuration et à d'autres bonnes pratiques.

Inclus

8 vidéos1 devoir

Dans ce module, nous allons ajouter la logique nécessaire pour détecter les cartes appariées et non appariées. Vous apprendrez à utiliser des indicateurs pour limiter les interactions de l'utilisateur, à appliquer l'opérateur ternaire pour les vérifications logiques et à implémenter la fonction setTimeout() pour les actions temporisées. De plus, nous verrons comment réinitialiser l'état du jeu et empêcher les clics répétés, afin d'améliorer l'expérience de jeu globale.

Inclus

7 vidéos1 devoir

Dans ce module, nous allons ajouter un effet visuel captivant en programmant des étoiles filantes et en mettant en place une superposition d'image de fin de partie lorsque le jeu se termine. Vous apprendrez à utiliser les animations JavaScript et CSS pour créer l'effet d'étoiles filantes, ainsi qu'à gérer le timing du jeu à l'aide des fonctions `setInterval` et `clearInterval` afin de contrôler le déroulement de la partie. Nous aborderons également le test et le nettoyage des éléments d'animation afin de garantir un fonctionnement fluide.

Inclus

10 vidéos1 devoir

Dans ce module, nous clôturerons le cours en passant en revue les concepts et les compétences que vous avez acquis lors de la création de votre jeu en JavaScript. Nous ferons le point sur les techniques utilisées tout au long du cours et nous réfléchirons à la manière de les appliquer à vos futurs projets, afin que vous soyez prêt à relever de nouveaux défis dans le domaine du développement de jeux vidéo.

Inclus

1 vidéo2 devoirs

Instructeur

Packt - Course Instructors
Packt
1 946 Cours584 643 apprenants

Offert par

Packt

En savoir plus sur Développement mobile et web

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions