Aller au contenu | Aller au menu | Aller à la recherche
Pour démontrer l'intérêt d'une convention de nommage des variables utilisées dans un programme, je vais reprendre la fin d'un article sur un projet en Lingo :
Nous allons étudier un extrait du code d'un script en Lingo. Il s'agit de trois variantes du même code. Les trois exemples produisent les mêmes actions de la même façon. La seule différence se situe au niveau des noms des variables et des gestionnaires.
Scott Koon résume fort bien ce que je pense, et ce que nous allons développer dans cet article :
There is one quality that all successful developers possess. One trait that will make or break every project :
Discipline.
An undisciplined developer will not be able to ship on time and will not write code that is easy to maintain. A disciplined developer will not only enable the success of a project, but will raise the level of productivity in others.
Sans discipline, tout part vite n’importe comment jusqu’au jour où ça devient ingérable et où les gens commencent à passer plus de temps à chercher et comprendre qu’à développer.
Comment obtenir automatiquement les coordonnées GPS en longitude et latitude d'une adresse ? Grâce au geocoder de Google, que vous pouvez interroger en Javascript ou en PHP.
Comment adapter l'affichage d'une carte aux données qu'elle contient ? Un peu de calcul sur les coordonnées, et un bon usage de la fonction getBounds(), qui retourne les coordonnées des extrêmes affichés, nous permettront de fixer le centrage et le zoom adéquats.
Un des exemples de notre précédent billet sur les fenêtres d'information Google utilisait un tableau de données, stocké dans un fichier javascript. Il serait bien plus élégant d'utiliser un format standard d'échanges de données, comme XML ou JSON, que nous vous présentions il y a quelques mois.
Ces données peuvent êtres produites dynamiquement à partir d'une base de données. Google facilite le chargement asynchrone de données, nous allons en développer un exemple.
A présent que nous savons ajouter des marqueurs sur notre carte, nous voudrions les rendre réactifs, par exemple pour afficher une petite fenêtre d'information au clic ou au survol.
Poursuivons notre voyage au pays des cartes Google Maps : Nous savons
- créer une carte basique centrée selon nos désirs
Nous allons à présent ajouter les fameux petits marqueurs qui indiquent la localisation d'un endroit donné.
Dans notre dernier billet nous présentions des Google Maps basiques. Nous avons la possibilité de proposer aux utilisateurs un certain niveau de contrôle sur le positionnement ou le zoom de nos cartes, ainsi que sur leur aspect (satellite ou plan).
Comment mettre des données d'adresses (liste de cafés à narguilé de notre site France-Chicha), liste de lieux accessibles du site Jaccede.com, des membres du site Peuplade.fr,...) sur une carte ? Plusieurs API existent (Yahoo Maps...), nous allons étudier celle de Google Maps. Visite guidée de cette API en plusieurs billets.
Les expressions régulières permettent de vérifier ou corriger des chaînes de caractères obéissant à un certain motif. Un exemple simple serait la validation d'un numéro de téléphone : il ne contient que des chiffres, ou éventuellement si on l'autorise, des chiffres et les caractères . - ou espace. Pour d'autres usages les motifs sont bien plus complexes. Nous en présentons quelques-uns ici, dans le langage Javascript, qui est utilisé côté navigateur : ces tests peuvent donc servir à valider les données entrées par l'utilisateur avant l'envoi au serveur de leur requête :
Les flux d'information se présentent sous deux formats : le format RSS et le format Atom. Nous allons voir comment se présente le format RSS, comment le générer et comment le lire.
Les données retournées par un appel AJAX peuvent être formattées de bien des façons :
Et en cas de données complexes :
Le format d'échanges de données JSON s'avère plus simple à générer, plus rapide a traiter, et est immédiatement interprété par Javascript. Origine, syntaxe et avantages sont présentés dans cet article de JDN Développeurs. Ci-dessous un exemple :
{ "message":
{ "entete":
{ "auteur": "Lapin",
"date": "2005-05-05",
"importanceHaute": true
}
}
} La police de caractères choisie pour afficher un texte sur un site doit être soigneusement choisie. Typetester permet de faciliter les comparaisons et de choisir la police la mieux adaptée parmi les plus "safe" (disponibles sur tous les systèmes) ou celles disponibles sur votre ordinateur, mais également de choisir la bonne taille, casse, couleur et couleur de fond. Un outil indispensable !
Des sites intelligents qui rendent de vrais services ! Une liste non exhaustive...
Un excellent tutoriel pour rendre ses formulaires plus conviviaux pour les utilisateurs.
Et un excellent tutoriel pour rendre ses tableaux de données plus lisibles et accessibles pour tous les utilisateurs. Au passage, Fred Cavazza utilise pour le tri de tableau en Javascript l'époustouflant script Tablesort de BrainJar.com