Il y a 7 ans -
Temps de lecture 6 minutes
Revue de Presse 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.
Le hello world de mjml :
[xml]<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>
[/xml]
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.
Et le code pour interroger la table:
[js]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
}
});
});[/js]
Par ailleurs, on appréciera la documentation airtable contextualisée à votre projet:
Commentaire
2 réponses pour " Revue de Presse Xebia "
Published by customer service , Il y a 7 ans
An awesome article
Published by pallavikarthi , Il y a 7 ans
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.
Published by Jelvix , Il y a 4 ans
I used Objc.io for years, and it was the best for iOS