GameOn
Créez une landing page avec Javascript
Brief mission : résumé des tâches et des livrables demandés
Résumé du scénario « GameOn » et de ses exigences :
Contexte : Vous travaillez pour une PME, GameOn, spécialisée dans les conférences et les concours de jeux. Après avoir observé le travail du développeur principal, Erika, on vous a assigné une tâche en raison du départ d’un autre développeur, Jason.
Mission :
- Prendre la relève de Jason pour compléter la partie Front-End d’un formulaire d’inscription.
- Intégrer la page d’accueil et la modale du formulaire sur la base des maquettes.
- Ajouter le code JavaScript manquant pour rendre le formulaire pleinement fonctionnel.
Instructions techniques :
- Jason a déjà travaillé sur la structure HTML et le style CSS et a également ajouté du JavaScript pour le lancement de la maquette.
- Vous devez compléter le code JavaScript.
- Les issues sur le repo GitHub décrivent ce qu’il reste à faire.
Lors de la soumission de votre code, vous devez :
-
- Travailler sur un repo GitHub forké.
- Utiliser des fichiers séparés pour le HTML, le CSS, et le JavaScript.
- Commenter le code (décrire chaque fonction et classe, ainsi que les parties plus complexes).
- Effectuer des tests manuels sur les fonctionnalités, les entrées de formulaire et l’affichage responsive.
Livrables :
- Un fichier TXT contenant le lien vers votre repo GitHub avec la base de code complète.
- Les livrables doivent être déposés sur une plateforme, dans un dossier zip, nommé selon une convention spécifique.
Présentation :
- (10 minutes) Présentation et explication des livrables.
- (10 minutes) Discussion avec l’évaluateur jouant le rôle d’Erika. L’évaluateur posera des questions sur votre méthodologie et vos résultats, et pourra contester vos choix.
- (5 minutes) Débriefing post-soutenance.
Compétences évaluées :
- Programmation en JavaScript
compétences Acquises Suite au Projet
Programmation Avancée en JavaScript:
J’ai renforcé mes compétences en JavaScript en travaillant sur diverses fonctionnalités, en particulier l’ajout de fonctionnalités manquantes à un formulaire d’inscription et son intégration avec la maquette existante.
Gestion de Code Existant:
J’ai développé ma capacité à comprendre, à évaluer et à améliorer un code existant. Cela m’a permis de travailler sur une base de code commencée par un autre développeur et d’y apporter les modifications nécessaires.
Collaboration avec GitHub:
J’ai acquis une expérience pratique avec Git et GitHub, notamment en forking un dépôt, en traitant des issues existantes, en commentant mon code de manière approfondie et en préparant le tout pour la production.
Responsive Design et Tests:
J’ai assuré que la landing page est entièrement responsive, adaptant le design aux différents appareils. De plus, j’ai effectué des tests manuels pour garantir le bon fonctionnement des entrées de formulaire et des fonctionnalités sur divers navigateurs et tailles d’écran.
Compréhension des Maquettes et des Exigences:
J’ai utilisé des maquettes pour guider le développement, garantissant que le rendu final corresponde aux attentes visuelles et fonctionnelles définies par l’équipe.
Résolution de Problèmes:
En traitant des commentaires et des problèmes antérieurs, j’ai appliqué une approche méthodique pour identifier, comprendre et résoudre des problèmes potentiels dans le code.
Communication et Présentation:
J’ai développé mes compétences en matière de communication technique, en préparant et en présentant mon travail devant un évaluateur jouant le rôle d’un collègue senior. Cette expérience m’a préparé à défendre mes décisions techniques et à répondre aux questions pointues.
Gestion de Projet et Travail Autonome:
Face à la responsabilité de compléter un projet initié par quelqu’un d’autre, j’ai appris à gérer mon temps efficacement, à prioriser les tâches et à travailler de manière autonome pour atteindre les objectifs fixés.