Dans ce tuto jQuery, nous allons apprendre à afficher les derniers tweets (posts twitter) d'un utilisateur en utilisant le flux JSON de Twitter. Nous allons donc créer un plugin jQuery pour afficher les derniers tweets.

Jetez un oeil à ces autres tuto jQuery, Twitter

Menu déroulant en jQueryMenu déroulant en jQuery
Dans ce tuto en vidéo, vous verrez comment réaliser un menu…

Réalisation d'un slideshow Réalisation d'un slideshow…
Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Plugin Jquery placeholderPlugin Jquery placeholder
Dans ce tuto Jquery en vidéo, vous verrez comment utiliser…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Formulaire de contact AJAX avec PHP et JqueryFormulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…

Styliser un formulaire avec CSS3 et validation en JqueryStyliser un formulaire avec…
 Dans ce tuto CSS et Jquery, nous verrons comment styliser…

Système de commentaires avancéSystème de commentaires avancé…
 Dans ce tuto PHP en vidéo, nous verrons comment réaliser…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery, Twitter de 34 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

jeremymichel , Formateur

Je suis étudiant en Informatique, mais avec déjà pas mal d'expérience dans le domaine. Je suis autodidacte en infographie et développement web. Je crée des tutoriels pour partager mes connaissances et aider ceux qui veulent se lancer dans l'infographie. J'ai personnellement appris surtout avec des livres mais, je suis convaincu que le meilleur apprentissage dans le domaine de l'informatique se produit avec des vidéos pour plus de dynamisme et d'interactivité.

En savoir plus sur jeremymichel


Témoignage des clients de jeremymichel

Le tuto sur le YQL et les flux RSS m'a beaucoup aidé car j'ai pu développer une application avec JQuery Mobile ce qui m'a servi pour mes examens merci Beaucoup.

Pour la vidéo de slideshow, il en existe beaucoup de pré-faits mais celui est simple d'utilisation, donc bon auteur. A recommander

Très bon formateur ! Parle clairement, explique bien ! C'est encourageant et donne envie de travailler! :)

 

D'autres tuto de jeremymichel

Générer des extraits d'articlesGénérer des extraits d'articles
Dans ce tuto PHP et MySQL, nous allons voir comment générer un extrait d'un article…

Créer un lecteur RSS avec le YQL en PHPCréer un lecteur RSS avec le YQL en PHP
Dans ce tuto PHPet YQL, nous allons apprendre à utiliser le YQL pour générer un fichier…

Les transitions avec le CSS3Les transitions avec le CSS3
Dans ce tuto CSS 3, nous allons apprendre à utiliser les nouvelles propriétés de transitions.…

Previsualisation d'une image au survol Previsualisation d'une image au survol
Dans ce tuto jQuery, nous allons apprendre à créer une prévisualisation d'une image…

voir tous les tuto de jeremymichel

Notes attribuées par les utilisateurs (10 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (10)

par nice_pyà voté :
(a téléchargé ce tuto - 02 mai 2012)

" C'est clair et très bien expliqué. Je l'ai rajouté sur mon site. merci "

par Pumbostarà voté :
(a téléchargé ce tuto - 27 mars 2012)

" Bonjour,

J'ai une petite question : comment peut-on faire en sorte de gérer les accents dans les hashtags ?

Je m'explique : le lien sur un hashtags n'est pris en compte que jusqu'au premier accent (s'il y en a). Par exemple, le hashtag "#Création" , seul "#Cr" sera un lien clicable.

Merci pour le tuto très intéressant et merci de votre aide.

"

par Pumbostarà voté :
(a téléchargé ce tuto - 25 mars 2012)

" Bonne formation malgré un son très mauvais. Il aurait été très utile de fournir les sources du plugin. Cela faciliterai nettement la formation.

Merci. "

par Adel1982à voté :
(a téléchargé ce tuto - 18 septembre 2011)

" Un tuto intéressant malgré la mauvaise qualité du son. "

par jeremymichel
(auteur de ce tuto - 18 mai 2011)

" @FireSnake: Cet assez étrange, vérifiez d'avoir importer le plugin avant d'en faire appel dans le fichier html, c'est a dire, dans l'ordre: Jquery, plugin, code faisant appel au plugin. "

par FireSnake
(a téléchargé ce tuto - 13 mai 2011)

" Merci de votre réponse :) Effectivement il me manquait un petit =. Maintenant se pose alors un autre problème, après revérification du code du plugin :

unterminated parenthetical
$("#twitter").derniersTweets is not a function
(?)()index.html (ligne 15)
resolveWith()jquery.js (ligne 995)
context = Document index.html
args = [function()]
ready()jquery.js (ligne 428)
wait = undefined
DOMContentLoaded()jquery.js (ligne 901)
[Stopper sur une erreur] set_image_size: 48 "

par jeremymichel
(auteur de ce tuto - 13 mai 2011)

" @FireSnake : Généralement, cette erreur provient du fait que jQuery n'a pas été chargé. Vérifiez que vous avez bien importé jQuery avant le code du plugin dans la page HTML. J’espère que ça va résoudre votre problème.
"

par FireSnake
(a téléchargé ce tuto - 11 mai 2011)

" Bonjour,

J'ai un petit soucis, je retape le code exactement au caractère près, et lorsque je l'exécute depuis mon ftp il me met cette erreur :
$ is not defined
tweet() tweet (ligne 9)
[Stopper sur une erreur] $(document).ready(function() {

et celle-ci aussi : unterminated parenthetical

Je ne sais pas d'où cela provient vu que le code est exactement le même... :/ "

par jeremymichel
(auteur de ce tuto - 06 février 2011)

" @Yakou : Voici les trois lignes de code concernant les expressions régulières.

tweettxt = tweettxt.replace(/(http://[A-Za-z0-9/.?=-]*)/g,'<a href="$1">$1</a>'); //Liens
tweettxt = tweettxt.replace(/@([A-Za-z0-9/_]*)/g,'<a href="http://twitter.com/$1">@$1</a>'); //Liens vers utilisateur @
tweettxt = tweettxt.replace(/#([A-Za-z0-9/.]*)/g,'<a href="http://twitter.com/search?q=$1">#$1</a>');// Liens de recherche # "

par Yakouà voté :
(a téléchargé ce tuto - 04 février 2011)

" Super ! Merci beaucoup pour cette découverte des plugins et de l'API de Twitter.
J'ai juste un petit bug sur les expressions régulières, je pense que j'ai dû mal recopier cette part du code un peu complexe... Peut-être pourriez-vous mettre les trois lignes en pièce jointe ? (je m'arrache les yeux à essayer de trouver l'erreur...) "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto jQuery, Twitter d’une durée de 34 minutes a été téléchargé 361 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 8 janvier 2011 par jeremymichel, contributeur, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !