Dans ce tuto jQuery, vous allez apprendre à récupérer les photos de votre compte Instagram (la technique peut fonctionner également depuis un compte Flick-r) afin de les afficher dans une galerie sur votre site internet.
Nous effectuerons cette tâche à l'aide de jQuery, Json et l'Api d'Instagram.
La galerie finale obtenir, sera responsive (elle s'adaptera à la taille de l'écran à partir duquel elle est consultée) et sera développée en mobile first. Nous utiliserons pour cela un conteneur flex.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. Les fichiers sources du projet sont fournis avec le cours.
Table des matières de cette formation jQuery (durée : 57m58s)
-
- Introduction 00:01:12
- Préparer la page html, le fichier css et le fichier js 00:04:10
- Récupérer le flux instagram et la clé d'accès et commencer à parser 00:08:57
- Construire la galerie et filtrer les données récupérées 00:09:12
- Construire l'objet visuelInstagram 00:15:30
- Un peu de CSS 00:16:42
- Et avec flickr ? 00:02:15
- Fichiers sourcestélécharger
- Certificat
Formateur : Graphoeil
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire