Tutoriaux et Formations JavaScript

Comment pallier l’insécurité d’Ajax

2 juillet 2007

Source : JDN Développeurs
Date : 26 juin 2007
Auteur : JDN Développeurs

Ajax contient une faille de sécurité liée au dispositif Same Origin Policy. De l’usage d’un framework adapté au blocage des requêtes malveillantes, voici différentes méthodes pour y faire face.

Accéder à ce tutoriel.

Comment réaliser des requêtes XML en Javascript

28 mai 2007

Source : JDN Développeurs
Date : 22 mai 2007
Auteur : Rédaction JDN Développeurs

Dans le cadre d’applications utilisant les technologies Ajax, voici un code permettant d’envoyer des requêtes XML en utilisant l’objet XMLHTTP puis d’en récupérer les réponses.

Accéder à ce tutoriel.

Les avantages de la “memoization” illustrés en Javascript

30 avril 2007

Source : JDN Développeurs
Date : 25 avril 2007
Auteur : Frederic Minne

Pour gagner du temps lors du traitement de calculs longs et récursifs, voici comment construire une fonction qui va mémoriser les appels dans un cache.

Accéder à ce tutoriel.



Comment faire une galerie photos en JavaScript

19 avril 2007

Source : JDN Développeurs
Date : 27 mars 2007
Auteur : JDN Développeurs

Voici une alternative simple au PHP pour la présentation de série de photos sur un site Web. Des codes XHTML et CSS, et une fonction JavaScript. Le tout apportant un gain au niveau de la navigation.

Accéder à ce tutoriel.

Créer un moteur de recherche en Ajax

19 avril 2007

Source : JDN Développeurs
Date : 10 avril 2007
Auteur : JDN Développeurs

Voici comment développer le composant avec les technologies JavaScript et XmlHttpRequest. Un service Web se charge ici de gérer les requêtes, et la mise en page est supportée par des CSS.

Accéder à ce tutoriel.

Comment bien coder en Javascript ?

8 novembre 2006

Source : Alsacréations
Date : 11 octobre 2006
Auteur : Collectif Alsacreations

Ce tutoriel vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d’interaction. Ce document regroupe diverses notions de base et d’autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements.

Accéder à ce tutoriel.

Faire apparaître des popups sans nouvelle fenêtre

7 juin 2006

Source : Alsacréations
Date : 24 mai 2005
Auteur : Raphaël

Il est parfois utile de présenter une partie de l’information sous forme attractive, dans une boîte autonome qui se distingue du reste du site. En général, ce comportement est géré en JavaScript ou à l’aide de la fonction “target blank” et crée une popup (fenêtre volante). Or ce comportement, qui surprend et gêne la navigation du visiteur est à prohiber et tend à disparaître avec la démocratisation des navigateurs et outils qui bloquent les popups.

Accéder à ce tutoriel.

Galerie photo avec JavaScript

6 juin 2006

Source : Alsacréations
Date : 8 avril 2005
Auteur : Olivier

Voici un petit exemple concret d’un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l’accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n’avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie de la page. Il peut être très avantageux d’utiliser le JavaScript pour certaines choses comme notament des galeries photos (ou autre), en effet vous ne rechargez pas la page au clic sur la miniature, la photo en taille réelle est directement affichée sans recharger quoi que ce soit. Les galeries en PHP ne permettent pas ce genre de choses et de plus nécessitent l’accès à cette technologie, ce qui n’est pas toujours le cas notament dans le cas de certains hébergeurs gratuits.

Accéder à ce tutoriel.

Un coup d’Ajax sur votre application Web

21 février 2006

Source : JDN Développeurs
Date : 1er février 2006
Auteur : Xavier Borderie

En un an, des applications comme GMail ou GMaps ont modifié le paysage des applications Web. Il est désormais difficile, par exemple, de se passer de la réactivité apportée par JavaScript lorsque l’on clique sur un bouton de formulaire. De façon révélatrice, le support Ajax se généralise. On se met au goût du jour - rarement en utilisant XML, d’ailleurs, comme le suggère pourtant cet acronyme (Ajax : Asynchronous JavaScript + XML). Mais nombreux sont ceux qui jugent qu’Ajax n’est pas bon partout, bien au contraire.

Accéder à ce tutoriel.

Formater une date en Javascript

7 décembre 2005

Source : Script Masters
Date : non daté
Auteur : Daniel Fabien

Dans ce tutorial, nous allons voir comment on peut écrire une date en français à partir de la date géré par le bios du client.

Accéder à ce tutoriel.

La gestion des exceptions en Javascript 1.5

5 décembre 2005

Source : JDN Développeurs
Date : 31 octobre 2001
Auteur : Arnaud Gadal

La gestion des exceptions apporte plus de clarté à votre code. Accessible à partir des versions 5 de vos navigateurs préférés (IE, Netscape, Mozilla, Opera), cette technologie s’implémente rapidement.

Accéder à ce tutoriel.

8 conseils pour le développement Ajax

4 novembre 2005

Source : JDN Développeurs
Date : 4 novembre 2005
Auteur : Xavier Borderie

Le développement d’application réactives devient aujourd’hui plus qu’un phénomène de mode : face à l’accueil positif données à cette réactivité, et malgré le fait qu’elle brise certains fonctionnements-clefs du Web (comme le bouton Retour), Ajax devient une obligation si l’on veut être considéré “Web 2.0″ - ce qui ne signifie du reste pas grand chose en soi. Seulement, la technique Ajax, qui combine les usages de technologies connues (JavaScript et XML) au sein d’une appellation facilement reconnaissable, demande une certaines familiarité de ses composantes pour être efficace et utile au plus grand nombre.

Accéder à ce tutoriel.

Ajax, le retour de JavaScript

2 novembre 2005

Source : JDN Développeurs
Date : 30 juin 2005
Auteur : Xavier Borderie

Retour en force du fameux langage client par le biais de la reconnaissance d’une technologie pourtant ancienne. Analyse d’un retour en grâce du vilain petit canard des langages de programmation.

Accéder à ce tutoriel.

Initiation au javascript

27 juin 2005

Source : PHP France
Date : 10 mars 2005
Auteur : Benjamin

Le Javascript est surtout utilisé en complément des pages HTML. Il permet de manipuler les éléments des pages HTML, un peu comme PHP mais interprété par le navigateur et non pas le serveur.

Accéder à ce tutoriel.

Ouvrir une fenêtre popup

27 juin 2005

Source : PHP France
Date : 12 mars 2005
Auteur : Damien

Comment ouvrir une fenêtre en javascript ?

Accéder à ce tutoriel.

Détecter la résolution d’écran

27 juin 2005

Source : PHP France
Date : 13 mars 2005
Auteur : Damien

Il peut être intéressant de détecter la résolution d’écran d’un visiteur. Malheureusement, cette information n’est pas disponible directement en php, il faut utiliser du javascript. Nous allons voir comment faire, puis comment transmettre cette information à du code php.

Accéder à ce tutoriel.

Création d’un quiz aléatoire

20 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Dr Benton

La mise en place d’un petit questionnaire ou d’un quizz sur votre site peut faire appel au hasard, surtout si vous souhaitez obtenir un résultat réaliste. Hors de question de tirer invariablement les mêmes questions dans le même ordre ! Amusez-vous donc avec ce quiz. Et n’hésitez pas à recharger cette page, les questions seront différentes à chaque fois !

Accéder à ce tutoriel.

Effets de couleurs et de mouvements

20 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Claude Levior

La page d’accueil d’un site doit toujours faire bonne impression. Le JavaScript offre des centaines de possibilités pour obtenir des résultats… très colorés. Aujourd’hui, un effet de dégradés de couleurs qui en jette… et que vous pourrez adapter à vos pages en choisissant vos propres couleurs !

Accéder à ce tutoriel.

Créer des contenus dynamiques

20 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Claude Levior

Dynamiser ces pages, cela consiste à afficher du contenu en utilisant uniquement un script. Pour commencer, on fera simple : une petite boîte de dialogue ou quelques mots sur sa page pour saluer vos visiteurs. Puis nous dynamiserons nos messages en en faisant varier le contenu fonction de l’heure. Essayez donc de faire la même chose avec du HTML uniquement !

Accéder à ce tutoriel.

Un site intelligent grâce aux cookies

20 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Dr Benton

Les cookies, la plupart des sites en font usage. Mais qu’est-ce qui se cache derrière ces noms de gâteaux ? Simplement de petits fichiers textes enregistrés sur la machine des internautes lors de leur passage sur un site. Les cookies permettent de stocker des informations sur le profil d’un visiteur afin d’optimiser et de personnaliser sa consultation du site à chaque passage. Identifier un utilisateur dès qu’il se connecte sur un site, sans qu’il soit nécessaire qu’il précise un nom d’utilisateur et un mot de passe, afficher une page d’accueil en rapport avec ses centres d’intérêt, afficher une page différente à chaque nouvelle visite, etc., les possibilités sont infinies. Ce premier atelier consacré aux cookies vous apprend à créer, à modifier et à exploiter les cookies. L’occasion d’en apprendre pas mal sur le JavaScript !

Accéder à ce tutoriel.