Comprendre les URL

 Publié le 21·01·2020  |  Skeeter

URL signifie Uniform Resource Locator. Il s’agit d’une adresse donnée, unique sur le Web.

Anatomie d’une URL

Voici quelques exemples d’URL :

http://exemple.com
http://www.exemple.com
https://www.exemple.com
http://www.exemple.com/fr
http://www.exemple.com/paris/1

Si on considère l’URL suivante :

http://www.exemple.com:80/repertoire1/repertoire2/fichier1.html?key1=value1&key2=value2#etape3
  • http:// correspond au protocole. Les deux protocoles les plus courants sont HTTP ou sa version sécurisée HTTPS. D’autres protocoles existent, comme MAILTO (ouverture d’un client de messagerie pour envoyer un mail) ou FTP (transfert de fichiers).
  • www.exemple.com correspond au nom de domaine. Il permet de localiser le serveur web qui héberge le contenu. Il est possible d’utiliser une adresse IP à la place.
  • :80correspond au port utilisé sur le serveur web. Il n’est pas utile de les préciser si on utilise les ports standards : 80 pour le protocole HTTP ou 443 pour HTTPS par exemple.
  • /repertoire1/repertoire2/fichier1.html correspond au chemin vers le fichier fichier1.html sur le serveur web. Ce chemin peut être un chemin “physique” (arborescence existante), ou une “abstraction” qui est gérée par le serveur.
  • ?key1=value1&key2=value2 sont des paramètres fournis au serveur Web. Il s’agit ici d’une série de paires de type clé/valeur. Le serveur peut utiliser ces paramètres pour effectuer des actions supplémentaires et adapter ainsi la ressources à renvoyer. Il existe des règles différentes concernant les paramètres et leur format, dépandant du serveur utilisé et de sa configuration.
  • #etape3 correspond à une ancre, située dans le document. Les ancres permettent au navigateur d’afficher directement l’endroit référencé sur le document demandé, afin de faciliter la navigation.
[Lire]
URL 

Modèle de document HTML5

 Publié le 16·01·2020  (Mise à jour le 21·02·2020)  |  Skeeter

Modèle de base

Voici un modèle basique, avec le minimum nécessaire :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Titre de la page</title>
    </head>
    <body>
        <h1>Bonjour !</h1>
    </body>
</html>
[Lire]
HTML  HTML5 

Howto: Textbox jQuery Autocomplete avec ASP.NET MVC 5

 Publié le 3·01·2020  (Mise à jour le 1·02·2021)  |  Skeeter

Cet article explique comment configurer l’auto-completion dans un champ texte, dans un formulaire utilisant jQuery et ASP.NET MVC 5.

Configuration du projet

Lancer la console NuGet, rechercher et installer le package jQuery.UI.Combined :

Package NuGet jQuery.UI.Combined

Mettre à jour le fichier BundleConfig.cs pour référencer les fichiers jQuery UI (JS et CSS) :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

public class BundleConfig
{
    // Pour plus d'informations sur le regroupement, visitez https://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        // Utilisez la version de développement de Modernizr pour le développement et l'apprentissage. Puis, une fois
        // prêt pour la production, utilisez l'outil de génération à l'adresse https://modernizr.com pour sélectionner uniquement les tests dont vous avez besoin.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/Scripts/jquery.unobtrusive-ajax.js",
                    "~/Scripts/bootstrap.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                    "~/Content/bootstrap.css",
                    "~/Content/themes/base/jquery-ui.css",
                    "~/Content/site.css"));
    }
}
[Lire]
ASP.NET MVC 5  MVC  jQuery  Formulaire  WebDev  HowTo 

Bonne année 2020

 Publié le 1·01·2020  (Mise à jour le 3·01·2020)  |  Skeeter

Tous mes voeux pour cette nouvelle année 2020 !

divers 

Hello

 Publié le 31·12·2019  (Mise à jour le 21·01·2020)  |  Skeeter

Publication : 2019-12-31 - 00:54

Dernière mise à jour : 2020-01-21 - 15:49

Hello world!

Publication initiale. Version corrigée.

This is raw HTML, inside Markdown.

Classe de test
exemple