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.)
7897 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
4 011 vues
Création de liens hypertexte avec <a>
Création de liens hypertexte avec <a>La balise <a> (ou <a href="">) est utilisée pour créer des liens hypertexte dans une page HTML. Elle permet de lier le contenu d'une page à...
HTML
3 208 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
926 vues
Comparaison avec d'autres langages de programmation
Comparaison de JavaScript avec d'autres langages de programmationJavaScript est un langage de programmation unique avec ses propres caractéristiques et particularités. Comprendre comment il se...
JS
1 676 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
1 184 vues
Introduction à CSS pour la mise en forme
Introduction à CSS pour la mise en formeCSS (Cascading Style Sheets) est un langage de feuilles de style utilisé pour définir la présentation visuelle des documents HTML. Il permet de contrôler...
HTML
4 018 vues
Explorer les avantages de la séparation des préoccupations
Explorer les avantages de la séparation des préoccupationsLa séparation des préoccupations est un principe de conception qui consiste à diviser un système en différentes parties qui se...
CSS
5 031 vues
Afficher la liste des articles
Mise en pagePour commencer nous allons créer la page maître de notre blog. C'est cette page qui contiendra tous les articles qui constituerons notre blog.Tout d'abord nous allons créer...
Créer son site
908 vues
Utilisation de async/await
Utilisation de async/await en JavaScriptL'async/await est une syntaxe introduite dans ECMAScript 2017 pour simplifier la gestion des promesses et rendre le code asynchrone plus lisible et plus...
JS
Publicité
Cette pub permet au site de vivre ...