Formations

Publié le 18 décembre 2017 Mis à jour le 18 décembre 2017

Tuto - Votre premier jeu en HTML5, CSS3, JavaScript et jQuery

Comment réaliser un jeu de Memory en utilisant les langages et standards HTML5, CSS3, JavaScript et jQuery

En partant d'une feuille blanche, ce tuto vidéo va vous montrer comment réaliser un jeu de Memory en utilisant les langages et standards HTML5, CSS3JavaScript et jQuery. Le tout en 30 minutes chrono ! Au fil des neuf étapes nécessaires au développement du jeu, vous apprendrez de nombreuses choses.

Entre autres :

  • Vous saurez comment mettre en place un squelette standard en HTML5/CSS3 ;
  • Vous apprendrez à utiliser un générateur pseudo-aléatoire en JavaScript pour mélanger des cartes ;
  • Vous verrez comment manipuler le DOM pour y insérer des objets, modifier leur comportement et les mettre à jour pendant la partie ;
  • Vous verrez comment ajouter de l'interactivité au jeu en capturant les événements souris en JavaScript ;
  • Vous apprendrez à améliorer la présentation du jeu en utilisant du code CSS3 ;
  • Vous saurez comment insérer des sons dans un document HTML5 et comment les jouer en jQuery.


Trente minutes pour créer votre premier jeu ! Qu'en dites-vous ?

Table des matières de cette formation HTML (durée : 29m08s)

  • Introduction aux vidéos qui vont suivre
  • Création du squelette HTML5
  • Tirage aléatoire des cartes
  • Affichage des cartes
  • Ajout de l’interactivité
  • Mise en forme de la page
  • Détection des cartes appariées
  • Interdiction de retourner plus de deux cartes
  • Ajout de sons pour réagir au jeu
  • Détection du nombre de coups joués et du temps en fin de partie


Tuto - Votre premier jeu en HTML5, CSS3, JavaScript et jQuery
 
(5 euros)

Pour aller plus loin :

En savoir plus sur cette formation

Visiter fr.tuto.com


Voir plus de formations de cette institution

Le fil RSS de Thot Cursus - Besoin d'un lecteur RSS ? Feedly, NewsBlur


Les tweets de @Thot


Accédez à des services exclusifs gratuitement

Inscrivez-vous et recevez nos infolettres en pédagogie et technologies éducatives

Vous pourrez aussi indexer vos ressources préférées et retrouver votre historique de consultation

M’abonner à l'infolettre

Superprof : la plateforme pour trouver les meilleurs professeurs particuliers en France (mais aussi en Belgique et en Suisse)


 

Ajouter à mes listes de lecture


Créer une liste de lecture

Recevez nos nouvelles par courriel

Chaque jour, restez informé sur l’apprentissage numérique sous toutes ses formes. Des idées et des ressources intéressantes. Profitez-en, c’est gratuit !