Syrinxoon Tuts

Authentification avec Facebook Connect (Javascript)

2011-09-11T01:00:52+02:00

Authentifier vos utilisateurs via Facebook Connect est une chose très simple grâce au SDK Javascript que met Facebook à notre disposition. Il ne vous faudra que quelques minutes et un peu de Javascript pour effectuer cette tâche. Commençons sans plus tarder.

Authentification avec Twitter OAuth

2011-09-11T01:00:33+02:00

Qui ne connait pas Twitter aujourd'hui ? Ce réseau social tend à devenir aussi populaire que Facebook et c'est une aubaine pour les développeurs. En effet, grâce aux API que mettent à disposition ces réseaux sociaux, les développeurs sont capables de développer des applications pouvant communiquer avec le compte d'un utilisateur inscrit sur un de ces réseaux.

Les API sont de façon générale assez bien documentées et complètes. Elles nous permettent de faire à peu près tout avec le compte d'un utilisateur. Du point de vue de l'utilisateur, on est en droit de se poser une question : Si l'application sur laquelle je me connecte peut tout faire avec mon compte, ais-je intérêt à m'y connecter, à lui fournir mes identifiants de connexion ?

Ces inquiétudes sont parfaitement fondées et c'est pour cette raison que OAuth a été inventé. OAuth est un protocol permettant une authentification à une API sécurisée. L'intérêt d'OAuth vient du fait que l'utilisateur n'a plus besoin de fournir ses identifiants de connexion à l'application tierce car la connexion se passe sur le site de l'API, site auquel l'utilisateur fait confiance à priori.

C'est pas le tout de causer, il faut coder un peu aussi !

Création d'un plugin jQuery

2011-09-10T13:43:39+02:00

Si vous êtes là, c'est que vous avez surement déjà entendu parler de jQuery. jQuery est un framework javascript mettant à notre disposition une foule de fonctions permettant d'utiliser javascript beaucoup plus facilement. L'objet de ce tutoriel est la création d'un plugin pour ce framework. On peut penser que c'est une tâche difficile mais ce n'est pas le cas. Vous verrez dans ce tutoriel comment créer un plugin basique pour jQuery.

Edit in Place avec jQuery

2011-09-11T00:59:33+02:00

Nous allons dans ce tutoriel apprendre comment créer un système d'edit-in-place avec jQuery. Deux questions se pose à nous quand à ce titre. Qu'est-ce qu'un système d'edit-in-place et qu'est-ce que jQuery ? L'edit-in-place est une technique permise par AJAX permettant de modifier le contenu d'une page à la volé, c'est-à -dire qu'on pourra modifier la page sans la recharger et que les modifications seront faites en temps réel. Ceci est fait avec du JavaScript qui nous permettra d'afficher des champs d'édition afin de pouvoir modifier les informations. Au tour de jQuery, qu'est-ce donc ? Et bien c'est ce qu'on appelle un Framework, en gros, c'est un outils mettant à notre disposition plein de fonctions JavaScript très puissantes qui vont grandement nous simplifier le travail. D'ailleurs, si le slogan de jQuery est "Write less, do more", ce n'est pas pour rien !

Installer Ruby sur votre système

2011-09-19T22:52:01+02:00

Ruby est un langage de programmation orienté objet créé par Yukihiro "Matz" Matsumoto et dont la première version date de 1995. C'est un langage de programmation libre au même titre que PHP ou C (Ruby est d'ailleurs écrit en C). Ruby est utilisé par de nombreux outils de développement modernes tels que le framework Ruby on Rails. Ce tutoriel couvre l'installation de Ruby sur Windows, Mac OS X et Linux.

Intégrer votre site à Facebook avec Open Graph

2011-09-24T00:17:32+02:00

Facebook a dévoilé fin septembre sa nouvelle version d'Open Graph. Open Graph est un protocole développé par Facebook permettant de transformer n'importe quel page web en un objet capable de s'intégrer au graph social de Facebook. Cette la nouvelle version Open Graph 2.0, vous pouvez maintenant intégrer votre site web en profondeur avec Facebook et principalement avec la Timeline, le nouveau nom donné aux profils des utilisateurs sur Facebook.

Je vais vous expliquer dans ce tutoriel comment intégrer Open Graph à votre site web et comment paramétrer votre application Facebook pour qu'elle utilise Open Graph.

Introduction à Middleman

2011-09-16T20:29:34+02:00

Middleman est un outil en ligne de commande permettant la création de sites web statiques tout en utilisant les raccourcis et outils mis à notre disposition par un environnement de développement moderne.

Middleman requière quelques connaissances dans l'utilisation de la ligne de commande. Cet outil est basé sur Ruby et sur le framework web Sinatra. Etre familié des deux ne pourra que vous aider à comprendre comment Middleman fonctionne.

Bien que cette introduction puisse vous décourager, ne partez pas tout de suite. J'ai moi même commencé à utiliser Middleman en n'ayant que quelques bases de Ruby.

Minifier vos fichiers Javascript et CSS

2011-09-10T13:11:13+02:00

Minifier ses fichiers a plusieurs intérêts :

Réduire le poids des fichiers et donc leur temps de chargement
Obfusquer le code source pour le rendre moins lisible par des tiers

Dans ce tutoriel, je vais vous apprendre comment minifier vos fichiers Javascript et CSS grâce à YUI Compressor.

Utilisation de jQuery.ajax()

2011-09-13T18:44:48+02:00

Suite à la demande d'un visiteur du site, je vais vous expliquer tout au long de ce tutoriel comment fonctionne la fonction jQuery.ajax() du framework jQuery et comment vous en servir.

Nous commencerons par l'aspect théorique à la base d'AJAX, à savoir, l'objet Javascript XMLHttpRequest. Si la théorie ne vous intéresse pas et que vous souhaitez passer tout de suite à la pratique, aucun problème, vous pouvez passer ce chapitre, je ne vous en voudrais pas, promis.