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.)
7385 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 615 vues
Voir plus de messages (1/2)
Dans cette nouvelle vidéo nous allons ajouter un bouton 'voir plus' qui va nous permettre de voir d'anciens messages. Nous allons commencer par mettre en place le bouton suivi du procédé pour voir...
Créer son site de rencontres
4 002 vues
Les paragraphes <p> et les sauts de ligne <br>
Les paragraphes <p> et les sauts de ligne <br>Les balises <p> et <br> sont utilisées pour contrôler la mise en forme du texte dans une page HTML. Elles permettent de...
HTML
746 vues
Lien externe de feuilles de style CSS avec l'élément <link>
Lien externe de feuilles de style CSS avec l'élément <link>L'élément <link> est utilisé dans une page HTML pour lier une feuille de style CSS externe. Cela permet de séparer le...
HTML
3 251 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
473 vues
Utilisation de l'élément <li> pour les éléments de liste
Utilisation de l'élément <li> pour les éléments de listeL'élément <li> est utilisé pour définir chaque élément individuel d'une liste, qu'elle soit ordonnée <ol> ou non...
HTML
592 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
449 vues
Déclaration de fonctions
Déclaration de Fonctions en JavaScriptEn JavaScript, les fonctions sont des blocs de code réutilisables qui peuvent être appelés pour effectuer une tâche spécifique. Elles peuvent prendre des...
JS
1 874 vues
Mixins : Créer des mixins pour réutiliser des blocs de styles
Mixins en SASS : Créer et Utiliser1. Déclaration de mixins :En SASS, les mixins sont déclarés à l'aide du mot-clé @mixin, suivi du nom du mixin et des paramètres entre parenthèses. Les styles...
Sass
Publicité
Cette pub permet au site de vivre ...