Un jeu en Javascript

Pour l’examen final d’intégration Front-end, j’avais le choix de réaliser ce que je voulais afin de montrer mes compétences en Responsive, HTML, CSS et Javascript. Le Javascript était un petit plus valorisé.

Rêvant de créer des jeux vidéos, je pensais depuis quelques temps à créer un jeu en Javascript mais je n’osais pas me lancer au vu de mon niveau en Javascript. 

Avec cet examen, je me suis dit qu’il était temps. Temps que je commence à prouver ma détermination et surtout que j’en suis capable. Capable de coder un jeu.

J’avais une semaine pour réaliser un jeu avec un langage que je ne connaissais que pour le web, le Javascript. Après une semaine à travailler dessus tous les jours, je suis assez fier du résultat et surtout des fonctionnalités que j’ai réussi à mettre en place.

Ce projet m’a permis de réaliser un rêve, créer mon premier petit jeu mais également de mieux comprendre la logique d’un jeu et son fonctionnement au niveau de son code. Ce dernier m’a donné la possibilité d’améliorer ma pratique en HTML, CSS et m’a surtout permis d’apprendre de manière plus approfondie à utiliser Javascript et la bibliothèque “svgjs”(pour le dessin des éléments du jeu). 

Enfin, comme vous pouvez le voir sur les images du code, mes fichiers sont organisés et mon code est commenté et aéré me permettant de me repérer dans le code,  de savoir à quoi sert chaque partie, le tout avec une bonne lisibilité.

 

Création d'un site web

Ce projet réalisé dans le cadre de nos cours liés au développement Web consistait à créer un site web statique dans un premier temps selon le sujet suivant : « Faire un site de e-commerce statique ». Dans un deuxième temps, nous devions afficher les données de manière dynamique. Enfin, dans un dernier temps, il fallait déployer le site sur un serveur au sein de l’IUT et appartenant à ce dernier.

Pour ce projet d’une durée de 1 mois, nous devions utiliser 3 langages de programmation: Le HTML et le CSS pour la partie statique et le PHP lié aux deux précédents langages pour le rendre dynamique. De plus nous étions par groupes de 3 étudiants.

Nous nous sommes bien répartis le travail : 2 personnes sur le développement et 1 personne orientée sur le design et les iconographies du site. En ce qui me concerne, j’ai réalisé le logo et une partie du développement.

Nous avons choisi de faire un site de location d’animaux peu communs avec 4 pages: l’accueil, le magasin, le panier et pour finir le contact.

Voici des captures d’écran du site pour vous donner un petit aperçu des pages:

La page d'accueil:

Le magasin:

Le panier:

La page de contact:

La réalisation de ce projet tournait autour de phases majeures, c’est-à-dire, l’élaboration de l’identité du site, puis sa structure et sa mise en page (2 semaines environ) et enfin l’automatisation de la page “magasin” à l’aide du langage PHP pour la partie dynamique du site. Partie que je ne maîtrisais pas encore assez bien, c’est mon binôme qui s’en est chargé.

Enfin, ce projet avait une étape cruciale, son déploiement sur le serveur. Malheureusement, j’ai eu des petits soucis avec mes liens mais le site a bien pu être déployé.

Ça vous a plu ?
Alors il y en aura davantage prochainement