Javascript, ce mal aimé...indispensable!

Pourquoi perdre du temps à apprendre un voire plusieurs langages alors que l'on trouve tout sur Internet ?
Tout ? Pas du tout !

Il vous arrive parfois d'avoir un besoin spécifique à votre travail ou chez vous, de mettre en place un outil accessible sur toutes les plateformes, puis vous abandonnez simplement votre idée pour vous adapter à ce qui existe déjà. C'est la frustration! Mais pourquoi Javascript ? Simplement parce que c'est le seul langage du navigateur, et dont vous êtes sûrs qu'il sera interpreté à peu près pareil sur tous les ordinateurs.
Pourquoi à peu près ?

Parce que javascript a été la victime d'une guèrre sans pitié entre les navigateurs dès 1996, et les programmeurs ont subi de plein fouet ce choc. En étant obligés de déployer du code en tenant compte de la spécificité de chaque navigateur, et sans l'usage d'un vrai debugger pour contrer les erreurs silencieuses, les programmeurs se ruaient vers d'autres solutions comme les applets java, ou flash.
Javascript renaît de ses cendres avec l'avènement d'Ajax (2005) ou de l'objet principal XMLHttpRequest (XHR) qui exploite l'asynchronisme du langage pour simuler le multi-tâche, et de la notation JSON plus souple à l'usage que XML. A partir de cet objet XHR crée initialement par Microsoft, le web a changé de visage et de grands acteurs comme Google ont su le promouvoir avec talents pour nous donner des appli web comme calendar, maps, etc.

Javascript est fondé sur des objets munis de constructeur permettant ainsi de simuler la création de classes, d'objets et d'héritage par prototypage sans la prétention d'égaler de vrais langages orientés objet comme Java, C#, Python, etc.
Javascript évolue avec le standard ECMAScript, et des solutions d'harmonisation entre les navigateurs naissent sous le nom de framework (FW) comme le si populaire jQuery .
Ces FW simplifient grandement l'usage du Javascript permettant ainsi de divisier par deux ou plus, le temps de création d'une application web. Et si Javascript a été développé pour fonctionner côté client, il existe aujourd'hui une solution côté serveur sous le nom de node.js.

Aujourd'hui, HTML5 est arrivé livré avec un ensemble d'API utilisables avec Javascript : Canvas, SVG, Storage, Application Cache, Web Socket, Server-Sent Events, Drag and Drop, Geolocation, etc. donnent le ton vers des outils plus exigeants pour un Internet graphique et plus rapide.
La syntaxe un peu pompeuse de Javascript est reprise avec concision  par CoffeeScript ou encore ClojureScript, dans ce qui pourrait être le futur de Javascript.

Plugin jQuery : Syntax Highlighter (sH)

Si vous avez l'habitude d'écrire du code informatique, vous savez alors à quel point c'est confortable de le formater dans un bloc <pre> et mieux encore de l'avoir en coloration syntaxique.

J'ai crée le plugin jQuery sH (basé sur la classe PHP GeSHi), dans ce but : "codifier" en 1 ligne, des blocs de code, même répartis dans des fichiers annexes.

Ex 1 : $("#main").sH();

Ex2 : $("#main").load('fragment.html', function() { $(this).sH({'title':true}); });

Télécharger : sH
Forum : Syntax Highlighter (sH)

Pourquoi utiliser Google Reader pour suivre l'actualité?

Pour répondre à cette question, j'ai publié une présentation avec l'espoir de convaincre mes proches de grouper leur actualité sur une seule interface, et la partager tout simplement. Affichage plein écran recommandé.

Comment adapter ses contenus aux médias sociaux

Excellent exposé sur l’adaptation de ses contenus aux réseaux sociaux de l’agence Dagobert (pôle Digital Influences). Au programme : comment engager la conversation, le compte facebook et la landing page, les tweets, la vidéo virale, les billets de blogs (et importance d’une fréquence régulière), foursquare et les présentations slideshare (comme celle-ci).

Comment adapter ses contenus aux médias sociaux

View more presentations from dagobert.

Archivage de vos données en ligne

Que deviennent l'ensemble de vos données une fois sur l'Internet ?

On peut dire qu'elles ne vous appartiennent plus. Dans le meilleur cas, elle seront indexées par les moteurs de recherche pour la postérité, et dans le pire des cas, elles peuvent être supprimées!

C'est ici que naît le besoin de vouloir archiver toutes ses informations publiées, ne serait-ce que pour se faire une idée des sujets que l'on a déjà publiés, ou les récupérer via un autre outil.

Je vais présenter TwitterBackup (pour archiver les données twitter) puis Backupify (pour archiver divers services en ligne dont twitter).


Je suggère TwitterBackup comme outil local pour sa grande simplicité d'utilisation:

Installez la console Java puis télécharger twitterbackup

Exécutez le fichier téléchargé puis identifier votre compte twitter. Indiquez ensuite le nom du fichier de l'archive.

TwitterBackup lance la procédure d'archivage. Soyez patient.

Il m'a fallu 1H11 pour archiver 1365 tweets avec une connexion DSL 5 Mb/s. Le fichier sauvegardé pèse 2.51 Mo et au format XML utf-8.

TwitterBackup demande une intervention manuelle périodique pour effectuer les archivages.

Lien: TwitterBackup


Pour automatiser cette tâche, je recommande l'outil en ligne Backupify:


Vous pouvez souscrire un compte gratuit pour un espace de 2GB.

Backupify permet d'archiver les données de plusieurs services en ligne (twitter, facebook, Gmail, etc.)


Il suffit de sélectionner un service.
Vous serez invité à valider l'autorisation permettant Backupify à interfacer avec ce dernier.

Vous pouvez ajouter d'autres services comme votre compte Blogger.

Les données sont archivés au format XML.


Vous pouvez sélectionner le service archivé et exploiter son contenu.

Doit-on oublier friendfeed?

FriendFeed est un agrégateur en temps réel qui consolide des mises à jour de médias sociaux, de réseaux sociaux, de blogues et d'autres sources RSS. Source: wikipedia.

 A l'instar de son grand frère twitter dont la renommée est mondiale, je trouve dommage que Friendfeed soit marginalisé avec tout le potentiel dont il dispose. Il permet non seulement de partager l'information (avec ou sans image) mais aussi de motiver le jeu du partage et des commentaires (comme sur Google Reader). Notons qu'il n'y a pas de restriction du nombre de caractères lors de l'édition. Par respect pour son aîné, il reste toujours à son écoute et peut lui envoyer des messages. Pour ceux qui ne le connaissent pas, je vais le présenter de la création d'un compte à comment cibler les internautes sur des sujets spécifiques grâce aux groupes.
Allez sur http://www.friendfeed.com puis inscrivez avec un des choix proposés. Validez éventuellement par confirmation de Mail.

La première étape consiste à personnaliser votre page.
Une fois le compte crée, sur la page d'accueil, votre Login/Nom apparait avec son Logo.

  

Cliquez sur paramètres.

 Vous pouvez changer le mot de passe, définir si votre flux est privé ou public, comment ouvrir les liens mais surtout installer les services comme Blog, RSS ou Google Reader.

Personnaliser votre signature avec Wisestamp

Wisestamp est un plugin pour Chrome ou Firefox et permet de personnaliser sa signature lors de l'édition d'un Mail. L'installation et configuration sont simples.