Mise en place de deux implémentations différentes pour la recherche principale afin de pouvoir comparer leurs performances et choisir la meilleure.
- Respecter le design à la lettre.
- Créer un document de comparaison, nommé “fiche d’investigation de fonctionnalité”.
- Possibilité d'utiliser Bootstrap ou Tailwind, mais uniquement pour les fonctionnalités CSS. Tout le code JavaScript doit être écrit manuellement.
- Valider le code avec le validateur W3C.
- Se concentrer uniquement sur le champ de recherche principal pour ces deux implémentations.
- Réaliser un schéma ou "algorigramme".
- Implémenter les deux versions en utilisant deux branches différentes sur Git.
- Respecter les bonnes pratiques du Green Code.
- Prévenir les risques d’injection de balises HTML ou toute autre faille de sécurité.
- Tester la performance des algorithmes sur Jsben.ch pour uniquement la recherche principale.
- Terminer le document par la recommandation de l'algorithme à conserver.
-
Interface :
- Commencer par implémenter l'interface.
- Vérifier la compatibilité sur différents navigateurs.
-
Algorithmes :
- Planifier les 2 versions de la fonctionnalité à tester.
- Implémenter la version utilisant les boucles natives (while, for...).
- Implémenter la version en programmation fonctionnelle avec les méthodes de l'objet Array (forEach, filter, map, reduce).
- Remplir le document d’investigation de fonctionnalité pour décrire les deux implémentations à comparer.
-
Optimisation et Sécurité :
- Assurer la sécurité des données utilisateur.
- Vérifier la performance de la recherche avec un grand nombre de recettes.
-
Documentation et Finalisation :
- Compléter la documentation du code.
- Faire une revue de code.
- Tester le site sur différents appareils et navigateurs.
Constante : O(1) Logarithmique : O(log n) Linéaire : O(n) Linéaire Logarithmique : O(n log n) Quadratique : O(n²) Cubique : O(n3) Exponentielle : O(2n) ou O(bn) Factorielle : O(n!)