Mention Légales

SIREN : 949108229

GameOn

Créez une landing page avec Javascript

Brief mission : résumé des tâches et des livrables demandés

Contexte :

Vous avez rejoint l’équipe de Techasite en tant que développeur junior. Après une réunion avec un nouveau client, FishEye, vous avez reçu une mission de la part de votre cheffe de projet, Amanda. L’objectif est de développer un prototype fonctionnel pour le site web de FishEye qui permettra aux photographes indépendants de présenter leurs meilleurs travaux.

Instructions :

  1. Réunion de lancement : Étudiez le courrier électronique d’Amanda qui fournit des détails sur le projet.
  2. Maquettes : Familiarisez-vous avec les maquettes du site, qui montrent comment chaque page devrait apparaître.
  3. Préparation : Zoé, une développeuse senior, vous a donné quelques conseils concernant le développement, en particulier sur l’utilisation du pattern Factory Method.
  4. Ressources fournies :
    • Notes de réunion.
    • Maquettes approuvées.
    • Exemples de photos et de vidéos.
    • Exemples de données au format JSON.
  5. Développement :
    • Utilisez les maquettes pour développer le site web.
    • Assurez-vous de suivre les recommandations de Zoé concernant l’utilisation du pattern Factory Method.
    • Tenez compte des priorités du client, en particulier l’accessibilité.
    • Testez la navigation du site à l’aide du clavier et des lecteurs d’écran pour garantir l’accessibilité.
  6. Livraison :
    • Fournissez le code sur GitHub avec les fichiers HTML, CSS, et JavaScript.
    • Soumettez un fichier TXT contenant le lien vers votre repo GitHub.
    • Assurez-vous de nommer vos fichiers conformément aux directives fournies.
  7. Présentation :
    • Préparez-vous à présenter le site web à votre évaluateur (qui jouera le rôle d’Amanda).
    • Démontrez la navigation au clavier sur le site et avec un lecteur d’écran.
    • Soyez prêt à répondre aux questions et à défendre vos décisions techniques.

Critères d’évaluation :

  1. Assurer l’accessibilité d’un site web : Le site doit être pleinement accessible aux utilisateurs handicapés. Cela comprend la navigation au clavier, la compatibilité avec les lecteurs d’écran, et la conformité aux normes WCAG.
  2. Ecrire du code JavaScript maintenable : Votre code JavaScript doit être propre, bien organisé, et facile à comprendre par d’autres développeurs.
  3. Gérer les évènements d’un site avec JavaScript : Le site doit répondre correctement aux interactions de l’utilisateur, telles que les clics et la navigation.
  4. Développer une application web modulaire avec des design patterns : Utilisez des design patterns, comme le Factory Method recommandé par Zoé, pour créer une application web modulaire et extensible.
site fisheye

compétences Acquises Suite au Projet

Conception et Structure d'Interface Web:

  • Capacité à transformer des maquettes en pages web fonctionnelles et esthétiquement plaisantes.
  • Maîtrise des principes fondamentaux de la conception UX/UI pour offrir une expérience utilisateur intuitive.

Développement Front-End:

  • Compétence en écriture de code HTML propre et sémantique.
  • Aptitude à styliser des pages avec CSS en respectant les maquettes fournies.
  • Habileté à ajouter des fonctionnalités dynamiques et interactives avec JavaScript.

Utilisation des Design Patterns:

  • Compréhension et mise en œuvre du pattern Factory Method pour distinguer et créer des objets média, comme les photos et les vidéos.

Intégration de Données:

  • Capacité à utiliser des données au format JSON pour afficher du contenu dynamiquement.
  • Compréhension de la manière dont les données structurées peuvent être utilisées pour alimenter une application web.

Accessibilité Web:

  • Maîtrise des principes fondamentaux de l’accessibilité web (WCAG).
  • Capacité à créer un site web utilisable via le clavier et compatible avec les lecteurs d’écran.
  • Compréhension de l’importance de l’accessibilité pour offrir une expérience inclusive à tous les utilisateurs.

Gestion de Projet et Communication:

  • Capacité à suivre des instructions précises et à respecter les exigences d’un client.
  • Aptitude à communiquer efficacement avec les membres de l’équipe et à recevoir des retours constructifs.

Présentation et Défense du Travail:

  • Habileté à présenter un projet de manière claire et concise.
  • Capacité à défendre les choix de conception et de développement lors d’une soutenance.

Réflexion et Amélioration Continue:

  • Capacité à recevoir, comprendre et appliquer des feedbacks.
  • Aptitude à identifier les domaines d’amélioration et à mettre en œuvre des solutions.