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.)
7643 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 172 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
2 449 vues
Nesting : Organiser le code CSS en utilisant le nesting pour des sélecteurs imbriqués
Nesting en SASS : Organiser le code CSS avec des sélecteurs imbriqués1. Utilisation du nesting :En SASS, vous pouvez organiser votre code CSS en utilisant le nesting pour des sélecteurs...
Sass
4 420 vues
Variables : Déclarer et utiliser des variables pour stocker des valeurs réutilisables
Variables en SASS : Déclarer et Utiliser1. Déclaration de variables :En SASS, les variables commencent par le symbole $ suivi du nom de la variable et de sa valeur. Par exemple :$primary-color:...
Sass
2 477 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
550 vues
Les promesses
Les Promesses en JavaScriptLes promesses sont un mécanisme de gestion asynchrone en JavaScript qui permet de gérer plus facilement les opérations asynchrones et d'éviter le "callback hell". Les...
JS
698 vues
Création de formulaires avec <form>
Création de formulaires avec <form>La balise <form> est utilisée pour créer des formulaires interactifs dans une page HTML. Elle permet aux utilisateurs de saisir et de soumettre des...
HTML
662 vues
Consommation d'API REST
Consommation d'API REST en JavaScriptLa consommation d'API REST en JavaScript est une tâche courante dans le développement web moderne. Les API REST permettent aux applications d'envoyer et de...
JS
2 004 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...