Publié par

Il y a 2 années -

Temps de lecture 6 minutes

Revue de Presse Xebia


revue de presse par Xebia
La revue de presse hebdomadaire des technologies Big Data, DevOps et Web, architectures Java et mobilité dans des environnements agiles, proposée par Xebia.

Mobilité

GraphQL for iOS

GraphQL est une technologie dont vous avez entendu parler, peut-être, de vos collègues Front. Il s’agit d’une API middleware, similaire à un ESB, qui fournit un niveau intermediaire permettant à une application de communiquer facilement avec un ensemble hétérogène d’applications serveur. Autrement dit, GraphQL peut être utilisé pour consolider plusieurs appels à l’API en une seule requête. L’application mobile n’envoie qu’une query JSON, facilement lisible et facilement composable côté client, et reçoit une réponse composée automatiquement par le serveur.

Gràce à un article très complet, et à l’aide de plusieurs exemples, Ortha Therox de Artsy explique comment son équipe s’en est servie pour implémenter l’application Eigen, et quels autres benefices ils y ont trouvé. À lire, et pas seulement par les développeurs mobiles.

Objc.io présente Swift Talk

Depuis 3 ans, Objc.io est un des sites phares de la communauté iOS : à l’aide de 24 Web Magazines et, ensuite, avec une publication de 3 livres techniques sur Swift et Core Data, l’initiative de Chris Eidhof, Florian Kugler et Daniel Eggert, s’est toujours distinguée par une qualité élevée des publication et une attention remarquable pour les détails.

Pendant la semaine WWDC, pendant les nombreuses annonces Apple, l’équipe de Objc.io a présenté une nouvelle plateforme, Swift Talk, qui publiera des vidéos de live coding en Swift. Dans leurs vidéos, Chris et Florian discutent de plusieurs sujets typiques du développement mobile, et de comment Swift peut-être utilisé pour résoudre différemment les problématiques typiques de notre domaine.

Et, si vous n’avez pas vu passer l’annonce, Chris et Florian présenteront un épisode exclusif de Swift Talk, le 24 septembre, pendant FrenchKit, qui sera rediffusé en live streaming. Chris et Florian seront aussi disponibles pour un Q&A en live avec tous les participants. Inscrivez-vous !

Front

Mjml.io le framework pour développer vos emails responsives

Mjml.io est un framework pour développer simplement vos emails responsives. Développé par l’équipe de mailjet, le framework propose une syntaxe simple pour réaliser rapidement les composants les plus courants. Chacun des composants et des templates proposés ont été testés dans une série de clients mails les plus populaires. Le projet est open-source et permet aux contributeurs de partager les bonnes pratiques et les solutions pour que les templates d’emails soient compatibles avec un maximum de clients mail.

mjml

Le hello world de mjml :

<mjml>
 <mj-body>
  <mj-container>
   <mj-section>
    <mj-column>
     <mj-text>Hello World!</mj-text>
    </mj-column>
   </mj-section>
  </mj-container>
 </mj-body>
</mjml>
 
est compilé dans le code suivant:
 

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
  #outlook a { padding: 0; }
  .ReadMsgBody { width: 100%; }
  .ExternalClass { width: 100%; }
  .ExternalClass * { line-height:100%; }
  body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
  img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
  p { display: block; margin: 13px 0; }
</style>
<!--[if !mso]><!-->
<style type="text/css">
  @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
</style>
<style type="text/css">
  @media only screen and (max-width:480px) {
    @-ms-viewport { width:320px; }
    @viewport { width:320px; }
  }
</style>
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style type="text/css">
  @media only screen and (min-width:480px) {
    .mj-column-per-100, * [aria-labelledby="mj-column-per-100"] { width:100%!important; }
  }
</style>
</head>
<body>
  <div><!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
      <![endif]--><div style="margin:0 auto;max-width:600px;"><table cellpadding="0" cellspacing="0" style="font-size:0;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:20px 0;"><!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
      <![endif]--><div aria-labelledby="mj-column-per-100" class="mj-column-per-100" style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;"><table cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-break:break-word;font-size:0;padding:10px 25px;" align="left"><div style="cursor:auto;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;">Hello World!</div></td></tr></tbody></table></div><!--[if mso]>
      </td></tr></table>
      <![endif]--></td></tr></tbody></table></div><!--[if mso]>
      </td></tr></table>
      <![endif]-->
      <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
      <![endif]--><div></div><!--[if mso]>
      </td></tr></table>
      <![endif]--></div>
</body>
</html>

Back

Airtable.com un backend/tableur et son API pour vos prototypes

Chris Coyier nous propose un article sur l’intégration du service Airtable.com pour réaliser rapidement une application de votes. On découvre à cette occasion le service Airtable.com qui permet de créer des tableau à la manière d’un google sheets, mais qui propose en plus une API REST facile à interroger.

databas-entries

Et le code pour interroger la table:

var form = document.querySelector("#voting-form");
var select = document.querySelector("#emoji_choice");

// When the form is submitted...
form.addEventListener("submit", function(event) {
  event.preventDefault();

  // POST the data
  axios.post(airtable_write_endpoint, {
    "fields": {
      "Emoji Choice": select.options[select.selectedIndex].value
    }
  });

});

Par ailleurs, on appréciera la documentation airtable contextualisée à votre projet:apidocs

Publié par

Publié par Xebia France

Xebia est un cabinet de conseil international spécialisé dans les technologies Big Data, Web, les architectures Java et la mobilité dans des environnements agiles. Depuis plus de 11 ans nous avons la volonté de partager notre expertise et nos actualités à travers notre blog technique.

Commentaire

2 réponses pour " Revue de Presse Xebia "

  1. Publié par , Il y a 2 années

    Wow.. Thanks much for sharing.. My friend also recommended you so that i can have a helping hand to make my blog as effective as possible.

Laisser un commentaire

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

Nous recrutons

Être un Xebian, c'est faire partie d'un groupe de passionnés ; C'est l'opportunité de travailler et de partager avec des pairs parmi les plus talentueux.