Introduction


Déroulement du cours

  1. Création d'un formulaire permettant de faire une recherche d'utilisateur via un bouton afin d'afficher les résultats.
  2. Ajouter les librairies nécessaires afin de faire notre barre de recherche,
  3. Par la suite, nous développer notre barre de recherche,
  4. Sécurisation de la barre de recherche,
  5. Optimisation de la barre de recherche.


Pré-requis obligatoire avant de débuter ce cours

Avant de commencer à développer votre propre barre de recherche pour votre site il faut savoir maitriser 2 aspects du web :

  • La connaissance du langage JavaScript et notamment l'Ajax,
  • Et avoir une bonne maîtrise des requêtes SQL.


Une barre de recherche c'est quoi ?


Une barre de recherche permettra à vos utilisateurs de rechercher un élément particulier de votre site avec des mots-clés. Une barre de recherche peut également vous servir notamment dans la partie d'administration de votre site.


Les avantages et les inconvénients


Avantages :

  • Avoir une barre de recherche peut être pratique lorsque vous recherchez un article ou un ami par exemple,
  • Permets un gain de temps à l'utilisateur s'il recherche un article ou une personne en particulier par exemple.


Inconvénients :

  • Peut-être gourmand pour votre serveur,
  • S'assurer de protéger les recherches émises par vos utilisateurs, (injections SQL, etc.)
7732 vues
Modifié le 26 février 2019
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
1 045 vues
Comprendre les concepts de marge, bordure, rembourrage et largeur/hauteur
Dans CSS, la mise en page des éléments est souvent influencée par quatre concepts clés : la marge, la bordure, le rembourrage et la largeur/hauteur. Comprendre ces concepts est essentiel pour...
CSS
755 vues
Déclarations CSS : comment les combiner pour styliser les éléments
Déclarations CSS : Comment les combiner pour styliser les élémentsLes déclarations CSS sont des instructions individuelles qui spécifient le style des éléments HTML sur une page Web. Elles...
CSS
683 vues
Opérateurs arithmétiques, logiques et de comparaison
Opérateurs en JavaScript1. Opérateurs Arithmétiques :Les opérateurs arithmétiques sont utilisés pour effectuer des opérations mathématiques sur des valeurs numériques.Addition (+) : Ajoute...
JS
1 238 vues
Flexbox : créer des mises en page flexibles et responsives
Flexbox : Créer des Mises en Page Flexibles et ResponsivesFlexbox est une méthode de disposition en CSS qui permet de créer des mises en page flexibles et responsives. Il offre un contrôle...
CSS
1 471 vues
Inline CSS : l'ajout de styles directement dans les balises HTML
Inline CSS : L'ajout de styles directement dans les balises HTMLL'Inline CSS est une méthode de stylisation où les styles sont appliqués directement à un élément HTML via l'attribut style. Cela...
CSS
834 vues
Utilisation des éléments <input>, <textarea>, <select> et <button>
Utilisation des éléments <input>, <textarea>, <select> et <button>Dans un formulaire HTML, différents éléments sont utilisés pour collecter des données de...
HTML
2 971 vues
Personnaliser sa bare de menu avec du CSS
Après avoir modifié notre barre de menu nous allons maintenant personnaliser notre barre de menu avec du CSS afin de la rendre plus agréable à regarder.Nous allons pour ça ajouter un nouveau...
Créer son site de rencontres
788 vues
Utilisation des blocs try...catch
Utilisation des Blocs try...catch en JavaScriptLes blocs try...catch en JavaScript permettent de gérer les erreurs potentielles qui peuvent survenir lors de l'exécution d'un bloc de code. Ils...
JS
Publicité
Cette pub permet au site de vivre ...