Démarrer avec Vue.js, Apollo, GraphQL, Hasura et PostgreSQL

Vue.js, Apollo, GraphQL, Hasura, PostgreSQLVoici comment démarrer tranquillement une application avec un front Vue.js qui interroge une API GraphQL.

Le tout sans faire trop d’effort à l’aide d’Hasura et d’Apollo.

Ça fait pas mal de technos :

  • Vue.js : framework front JS
  • Apollo : composant qui permet d’interroger une API GraphQL depuis le front
  • GraphQL : type d’API créé par Facebook en 2012 (différent de REST et SOAP)
  • Hasura : outil open-source qui permet d’exposer une API GraphQL depuis une base de donnée PostgreSQL
  • PostgreSQL : le SGBD qui va stocker les données

Lire la suite

Foundation 5 vs Bootstrap 3

Logo FoundationFoundation et Bootstrap sont des frameworks CSS/JS, qui permettent de créer rapidement un site ou une application web, grâce à une base de styles et de fonctionnalités JavaScript intégrés.

Il existe des frameworks moins fournis, pour démarrer avec quelque chose de plus light, comme Pure ou Gumby.

Logo Bootstrap

Si vous aimez les interfaces Google, vous pouvez par exemple partir sur TODC Bootstrap ou Bootplus qui sont basées sur Bootstrap.

Nous nous intéressons ici à Foundation et Boostrap, qui sont respectivement en version 5 et 3.

Lire la suite

JSONP : exemple de requête cross-domain avec PHP et jQuery

Logo JSONLe format JSON permet de représenter des données, il est beaucoup utilisé pour l’échange d’informations. De la même manière qu’avec le XML, les données sont structurées et typées.

Il est possible très facilement de renvoyer du JSON en PHP avec la fonction json_encode, de récupérer ces données en Ajax pour les manipuler en JavaScript puis les afficher en HTML à l’utilisateur.

Lire la suite