Projets

Base :

• Maquettes desktop et mobile
• Images à intégrer
• Document avec les spécifications fonctionnelles et techniques

Attendu :

• Prototype

Compétences évaluées :

• Implémenter une interface responsive
• Intégrer du contenu conformément à une maquette

Base :

• Maquettes mobile (mais le site devra être responsive)
• Texte pour les menus
• Brief avec la charte graphique et ce qui est attendu

Attendu :

• Site responsive avec une page d’accueil et 4 pages de menu
• Animations sur les boutons sur la page des plats
• Créer un loading spinner pour la page d’accueil

Compétences évaluées :

• Assurer la cohérence graphique d'un site
• Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
• Mettre en œuvre des effets CSS graphiques avancés
• Mettre en place son environnement Front-End
• Mettre en place une structure de navigation pour un site

Base :

• Maquettes Figma (desktop et mobile)
• Repo avec le code déjà complété (HTML, CSS et JS pour l’ouverture de la modale contenant le formulaire)

Attendu :

• Ajouter du code JS manquant pour que le formulaire soit fonctionnel (ajouter la fermeture de la modale, la validation ou les messages d’erreur, la confirmation quand l’envoi est réussi)

Compétences évaluées :

• Programmer en JavaScript
• Manipuler le DOM avec JavaScript
• Valider les données d'un formulaire

Base :

• Maquettes sur Figma (desktop avec des notes pour l’accessibilité, pas besoin d’être responsive)
• Repo avec un premier jet de code (une partie du HTML et CSS mis en place) contenant les données au format JSON, photos et vidéos
• Document avec les principales fonctionnalités et exigences techniques à faire

Attendu :

• Prototype accessible avec une page d’accueil et une page photographe (généré dynamiquement en fonction du photographe cliqué) où on peut contacter le photographe, liker, trier et afficher les médias dans une lightbox

Compétences évaluées :

• Assurer l'accessibilité d'un site
• Gérer les évènements d'un site avec JavaScript
• Développer une application web modulaire avec des design patterns
• Ecrire du code JavaScript maintenable

Base :

• Maquettes desktop sur Figma (pas besoin d’être responsive)
• Données au format JSON
• Document avec la description du cas d’utilisation de recherche

Attendu :

• Faire 2 implémentations différentes pour comparer la performance
• Faire une fiche d’investigation de fonctionnalité avec un algorigramme expliquant les 2 implémentations (une version avec les boucles natives et une en programmation fonctionnelle avec les méthodes de l'objet array)

Compétences évaluées :

• Analyser un problème informatique
• Développer un algorithme pour résoudre un problème

Base :

• Document présentant le projet et le détail de chaque page

Attendu :

• Diagrammes de cas d’usage pour chacune des fonctionnalités majeures de chaque page (connexion, chat, calendrier, gestionnaire de tâches, tableau de bord)
• User stories avec critère(s) d’acceptation pour chacune des fonctionnalités
• Maquettes du site sur Figma (desktop et mobile)
• Kanban découpant le projet de manière macro (détails techniques exclus) en blocs de fonctionnalités et sous-fonctionnalités pour le développement

Compétences évaluées :

• Identifier les besoins de l'application à partir d'un cahier des charges
• Contribuer à un projet en utilisant une méthodologie agile
• Modéliser une solution technique pour un client
• Créer une maquette pour un client

Base :

• Données en format JSON
• Maquettes sur Figma (desktop et mobile)
• Document contenant les contraintes techniques

Attendu :

• Développer l’ensemble de l’application en React, les composants React, les routes React Router, en suivant les maquettes Figma (desktop et mobile)

Compétences évaluées :

• Développer les routes d'une application web avec React Router
• Initialiser une application web avec un framework
• Créer des composants avec React

Base :

• Maquettes sur Figma (desktop)
• Kanban avec les user stories à intégrer
• Repo contenant les données pour faire les calls HTTP

Attendu :

• Développer la page profil (que sur écrans d’au moins 1024 par 780 pixels) avec React
• Utiliser Recharts pour les graphiques
• Documenter le projet en anglais (README, Proptypes pour chaque composant React, JsDoc)

Compétences évaluées :

• Assurer la qualité des données d'une application
• Développer des éléments graphiques avancés à l'aide de bibliothèques JavaScript
• Interagir avec un service Web
• Produire de la documentation technique pour une application

Base :

• Repo contenant le design, HTML et CSS, documentation de l’API (back) et ce que doit faire l’application

Attendu :

• Créer l’application web complète et responsive avec React
• Faire un fichier Swagger au format YML des différents endpoints de l’API pour la partie Transactions

Compétences évaluées :

• Implémenter un gestionnaire d'état dans une application React
• Interagir avec une API
• Modéliser une API
• S'authentifier à une API

Base :

• Repo avec le code jQuery à convertir
• Issues des plugins à convertir

Attendu :

• Convertir le projet en React
• Convertir l'un des 4 plugins jQuery actuels en React et le publier sur npm
• Remplacer les 3 autres plugins par des composants React (depuis des librairies existantes)
• Effectuer des tests de performance Lighthouse en comparant l'ancienne et la nouvelle application

Compétences évaluées :

• Analyser la performance d'une application web
• Déployer une application front-end
• Programmer en JavaScript avec la programmation fonctionnelle
• Refondre une application pour réduire la dette technique