Cypress : un framework de tests efficace

Je vous avais présenté il y a quelques mois un framework JAVA de tests d'IHM basé sur Sélenium : Fluentlenium. Lent, pas optimal et loin d'être parfait. C'est pourquoi aujourd'hui je vous présente Cypress, un framework de test d'IHM web, en Javascript. Simple à prendre en main pour des tests rapides et efficaces pour tout site ou application s'exécutant dans un navigateur web !

L’API Rest de WordPress : bref survol de ses pouvoirs magiques

Les API Rest occupent une place centrale dans le domaine applicatif. En quoi consistent-elles exactement ? Basées sur les méthodes API (Application programming interface) et l’architecture REST (Representational State Transfer) elles permettent la distribution via une connexion Internet de données formatées (format xml ou plus couramment json) et réutilisables par des applications tierces.
Elles peuvent, entre autre, assurer l’actualisation de données d’une application mobile à partir d’un site ou dans le sens inverse, la mise à jour d’un site à partir de données issues d’un logiciel.

Potentiellement, tout site dynamique (CMS) qui contient des données en base susceptibles d’être exploitées par un service tiers peut faire l’objet d’un export json formaté selon le standard des API REST . C’est une option qui peut s’avérer utile lorsqu’on souhaite mettre en place un frontend dynamique en full javascript et affranchi des contraintes de chargement des pages.

Advanced Custom Field : Récupération des données

Dans un article précédent, je vous avais fait la présentation globale du plugin ACF. Vous savez donc créer vos champs personnalisés via le Back Office, mais les données sauvegardées dans ces champs ne sont pas automatiquement affichées en Front Office. Heureusement le plugin met à disposition des fonctions qui vous permettront d’interagir avec vos champs.

Dans cet article, je vais vous présenter quelques fonctions très utiles et surtout une méthode simple pour avoir accès rapidement à vos données ACF.

Mise en place d’un thème Magento 2

Magento 2 intègre un système de thème puissant. Pour rappel, selon  le glossaire Magento, un thème contient des informations graphiques et d'apparence. Il permet de personnaliser le magasin à l'image de la marque.

Je sous propose de suivre la mise en place d'un thème et d'avoir un aperçu de certaines notions essentielles du système de thème utilisé par Magento 2.

Magento permet de disposer de thèmes installables via des packages composer, mais également de créer ses propres thèmes via app/design.

Les thèmes sont destinés à surcharger / étendre les ressources des vues, initialement utilisées par des modules et librairies.

Magento 2 intègre de base deux thèmes : Luma, un thème de démonstration déjà bien personnalisé, et blank, qui sert  de base à la création d'un thème custom, mais intégrant des éléments indispensables, comme la gestion du responsive.

Theme Luma.

Spring REST Docs

Comme son nom l'indique, Spring REST Docs est un outil Spring d'aide à la documentation des API Restful. En s'articulant autour des jeux des tests Spring MVC, Spring REST Docs génère sans effort une documentation à jour et détaillée des API de l'application. Spring REST Docs se base sur l'utilisation de "snippets" (données de texte brut) générés suite à l’exécution de tests. La mise en forme est assurée par Asciidoctor (par défaut) qui va produire des pages HTML.

CodeLab Vue.js #Devfest2017

Lors du Devfest qui a eu lieu le 19 et 20 octobre, j'ai pu assister à un codeLab de deux heures sur la création d'une application avec Vue.js. Ce codeLab a été dirigé par deux personnes de chez Zenika qui sont Franck ABGRALL et Gregory BEVAN. Il s'est déroulé en deux temps avec une présentation du framework Vue.js puis avec le développement de notre première application.

Vue.js c'est quoi ?

Vue.js est un framework Javascript qui permet de créer des interfaces utilisateurs. Il a été développé par Evan You et la première release de ce framework est sorti en 2014. C'est un framework qui se veut minimaliste, performant et simple d'utilisation.

Déroulement de l'application

L'objectif de cette session a été le développement d'une application de gestion de séries en utilisant l'API Tvmaze. Pour celà, le codeLab a été découpé en 10 parties et chacune de ses parties a été séparée en 4 étapes : Explication, Live coding, 5 à 10 min de développement par nous même avec un résultat attendu et une correction. Durant ces 10 étapes, on a pu voir les principes de base du framework comme la génération d'un nouveau projet avec le client vue-cli (disponible avec npm), mais aussi la création des routes de l'application, les appels http avec les fonctions Javascript, les différentes fonctions Vue.js et la création d'événements entre les composants.

Mes impressions

Ça a été une très bonne expérience avec une bonne explication du langage, deux personnes disponibles en cas de difficultés  et une bonne ambiance.

Si vous voulez voir le résultat attendu, vous pouvez aller sur le lien github suivant : https://github.com/GregoryBevan/devfest-vuejs