Créer un effet de parallaxe au scroll facilement
Créer un effet de parallaxe au scroll facilement
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.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Introduction
Introduction
Leçon 2
Préparer la page html, le fichier css et le fichier js
Préparer la page html, le fichier css et le fichier js
Leçon 3
Récupérer le flux instagram et la clé d'accès et commencer à parser
Récupérer le flux instagram et la clé d'accès et commencer à parser
Leçon 4
Construire la galerie et filtrer les données récupérées
Construire la galerie et filtrer les données récupérées
Leçon 5
Construire l'objet visuelInstagram
Construire l'objet visuelInstagram
Leçon 6
Un peu de CSS
Un peu de CSS
Leçon 7
Et avec flickr ?
Et avec flickr ?
Plan détaillé du cours
Leçon 1Introduction
01m12s
Leçon 2Préparer la page html, le fichier css et le fichier js
04m10s
Leçon 3Récupérer le flux instagram et la clé d'accès et commencer à parser
08m57s
Leçon 4Construire la galerie et filtrer les données récupérées
09m12s
Leçon 5Construire l'objet visuelInstagram
15m30s
Leçon 6Un peu de CSS
16m42s
Leçon 7Et avec flickr ?
02m15s
Aperçus
Avis des apprenants