Comment construire une galerie de photos avec l’API Cosmic JS

screenshot (1)

Souhaitez-vous ajouter une galerie de photos à une application à l’aide du framework Vue.JS ? Il peut être utile de présenter des produits, de montrer ce qu’un service peut faire pour les utilisateurs ou de lancer un appel à l’action. 

Le framework Vue.JS facilite la création d’interfaces utilisateur sur le Web. Cosmic JS est une API CMS qui crée des applications, gère le contenu, traîne et laisse tomber les médias (comme une galerie de photos). En associant Vue.JS et Cosmic JS API, vous pouvez créer une application attrayante visuellement. 

Plus sur leur blog, le PDG Tony Spiro et Auteur Ivan Larionov ont partagé le tutoriel Comment construire une Vue.js Galerie de photos. Ce tutoriel utilise JavaScript, HTML5UP et l’API Cosmic JS hébergée sur le serveur d’applications Cosmic JS.

Pour commencer, vous avez besoin du paquet Node.js et npm. Ensuite, vous pouvez commencer par installer l’interface de ligne de commande VueJS et exécuter des commandes pour vous assurer que votre application s’exécutera dans un navigateur. Les étapes suivantes incluent la configuration de la bibliothèque Cosmic JS, des environnements VueJS, et la préparation des actifs, index.html, des composants Vue JS et des composants du visualiseur. 
 
Les composants constituent une partie importante de votre projet, car ils vous aideront à accéder aux données de la galerie, telles que les vignettes, l’affichage des photos et la navigation précédente / suivante. Une fois que vous avez connecté toutes les étapes ensemble, vous allez déployer sur les serveurs Cosmic JS, préparer votre configuration et modifier votre package.json. Vous pourrez exécuter votre application une fois que vous aurez créé l’application pour la production. Pour savoir si cela fonctionne, entrez dans votre référentiel GitHub, puis cliquez sur Deploy to Web.

Si vous suivez toutes les étapes, vous intégrerez une galerie de photos dans une application. En tant que développeur Web, il est avantageux de disposer d’un portefeuille avec une démonstration en direct et un code source que vous pouvez montrer aux employeurs potentiels. Il est important de prendre en compte des publics cibles spécifiques pouvant utiliser immédiatement votre galerie de photos, tels que les portefeuilles de développeurs Web, les voyages, les photographes, les restaurants et les sites de commerce électronique.

Découvrez le tuto en anglais sur le site internet de l’article original

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Faits divers

Homme accusé de la mort d’une fille de 4 ans…

Les procureurs vont demander la condamnation à mort d’un banlieusard de Chicago accusé d’avoir battu à mort une fillette...

Un chirurgien condamné à une amende de 3 000 Dollars…

Le conseil de médecine de la Floride a annoncé qu’un chirurgien de West Palm Beach avait accepté de payer...

Un ancien combattant et son épouse font don de toutes…

Un ancien combattant compatissant et son épouse font don de la quasi-totalité de leurs biens matériels aux pompiers qui...

Cette beauté jaune de la taille d’un œuf est le…

En dépit de ce que leur prix élevé suggère, les diamants ne sont pas rares. Environ 133 millions de carats , soit...

Articles recents

Clusterone lève 2 millions de dollars pour sa plateforme DevOps…

Clusterone a annoncé aujourd’hui la clôture d’un tour de table de 2 millions de dollars destiné à aider les scientifiques et les entreprises du secteur des données à automatiser et...

Préparez-vous pour Transform 2019, le premier événement d’intelligence artificielle destiné…

Nous sommes ravis d’annoncer que  Transform 2019 , notre événement phare pour les dirigeants d’entreprise sur la manière d’obtenir des résultats avec AI, se tiendra à San Francisco les 10 et...

A découvrir

Découvrez le récit d'un homme contraint de se sous-vendre pour travailler et ne pas se résoudre à vivre aux crochets des aides sociaux pour vivre (Suivre son blog)

illusions-d-optique-video
plages-cachees-newstrotteur
personnes-incroyables-newstrotteur
endroits-mysterieux-newstrotteur
science-inexpliquees-newstrotteur
mystères_jamais-resolues

Actualité