[Tutoriel] Créer son premier Web Component Ce petit tuto est un voyage dans le futur. Actuellement, il ne fonctionne que sous les versions les plus récentes de Chrome, mais il vous donne un aperçu de ce que pourra être le développement avec les web components dans quelques années, sans les polyfills (pour l’utilisation desquels il existe déjà des tutoriels en Français). Créer son premier composant La première chose indispensable pour créer une page avec des composants, c’est les custom elements. Maintenant, nous pouvons utiliser notre balise dans notre page. Notre navigateur affichera alors “Hello world!” Attention au nommage de notre balise. Nous avons utilisé, pour créer notre balise la fonction createdCallback, qui comme son nom l’indique, est appelée à la création. Si on veut quelque chose d’un peu plus classe qu’un Hello world! Si on se contente d’insérer cela dans notre navigateur, il ne se passe rien. Pourquoi ce scoped au niveau de la balise style ? Le côté très sympathique des imports, c’est qu’ils peuvent s’imbriquer.
Introduction | Axios Docs Client HTTP basé sur les promesses pour navigateur et node.js Axios est un client HTTP basé sur les promesses compatible avec node.js et les navigateurs. Il est isomorphique (c’est à dire qu’il peut opérer dans le navigateur et dans node.js avec le même code). Côté serveur, il utilise le module natif http de node.js, et côté client (navigateur) il utilise les XMLHttpRequests. Faire des XMLHttpRequests depuis le navigateurFaire des requêtes http depuis node.jsSupporter l’API Promise (promesses)Intercepter des requêtes et/ou des réponsesTransformer les données de requêtes et/ou de réponsesAnnuler des requêtesTransformer automatiquement les données JSONProtéger contre les XSRF côté client Avec npm : $ npm install axios Avec bower : $ bower install axios Avec yarn : $ yarn add axios Avec le CDN jsDelivr : Avec le CDN unpkg :
Dave Snowden So what are we about? March 27, 2014 · News The first of three posts with some draft content for the new web site Cognitive Edge acts as a research centre for a distributed network of independent and in house consultants. Continued… Designing our new web site March 26, 2014 · News Two of the things that irritate me at conferences are Chairpeople who run over on time and then expect the speaker to reduce their time accordingly; the other is speakers who spend time with corporate slides rather than getting on with their subject. Continued… SAFe: the infantilism of management March 25, 2014 · I gave the opening keynote at the Agile conference in Brno today. Continued… The bunny of disappointment March 24, 2014 · Musings Yesterday I referenced the Melvyn Bragg podcast on complexity with Ian Stewart, Jeff Johnson and Eve Middleton-Kelly. I think the best... Continued… An obsessional interlude March 23, 2014 · Musings I spent most of yesterday exhibiting my obsessive tendency. Continued… Of rings and things
axios Platinum sponsors Alloy is the integration development platform that makes it simple and fast for SaaS companies to launch critical user-facing integrations. Sign up free • Documentation Gold sponsors Promise based HTTP client for the browser and node.js Website • Documentation Table of Contents Features Make XMLHttpRequests from the browserMake http requests from node.jsSupports the Promise APIIntercept request and responseTransform request and response dataCancel requestsAutomatic transforms for JSON data🆕 Automatic data object serialization to multipart/form-data and x-www-form-urlencoded body encodingsClient side support for protecting against XSRF Browser Support Installing Package manager Using npm: Using bower: Using yarn: Using pnpm: Once the package is installed, you can import the library using import or require approach: import axios, {isCancel, AxiosError} from 'axios'; You can also use the default export, since the named export is just a re-export from the Axios factory: Using unpkg CDN:
Introduction to Domain Driven Design, CQRS and Event Sourcing | Kenneth Truyers I recently started learning about domain driven design, CQRS and event sourcing. Up until now, I have been mostly involved in projects that use a ‘classic’ N tier/layer architecture with a relational database. As projects become more complex, I noticed that this model doesn’t always work well. Domain driven design So, what is domain driven design actually? Here, the logic lives outside of our Account-class. Now, obviously there’s much more to domain driven design then this, but the essence is the focus on language and making the implicit explicit. The problem with DDD and the typical N-layer architecture While applying DDD to a classic N layer architecture I ran into a few issues and I came to the conclusion to DDD is nearly impossible in such an architecture. The first reason that I feel true DDD is impossible, is that all your descriptive domain language gets obfuscated by handling the persistence. Is there a better solution? CQRS stands for “Command Query Responsibility Segregation”.
API, une introduction Vous êtes-vous déjà demandé comment Facebook affiche automatiquement vos photos Instagram ? Brian Cooksey commence ici une série d'articles passionnants sur les API, dans un langage clair, imagé, sans jargon inutile. Par Brian Cooksey Vous êtes-vous déjà demandé comment Facebook affiche automatiquement vos photos Instagram ? ou comment Evernote synchronise vos notes entre votre ordinateur et votre smartphone ? Si c'est le cas, ce qui suit devrait vous passionner. Dans cette série d'articles (1), nous allons passer en revue tout ce qui est nécessaire pour faire communiquer entre eux deux systèmes. À qui s'adressent ces articles ? Introduction Les API (application programming interface, en français interfaces de programmation) forment une part importante du web. Bien connaître le fonctionnement des API est de plus en plus important lorsqu'on travaille dans le développement web. Un cadre de référence Rien de magique ni de spectaculaire là-dedans, donc. Qu'est-ce qu'une API ? Récapitulation
Your solid tool for event sourcing - EventStore examples In this part I will show you basic operations on the Event Store. Creating events curl -i -d @/Users/tomek/test.txt " -H "Content-Type:application/json" -H "ES-EventType:HelloCreated" -H "ES-EventId: 8f5ff3e6-0e26-4510-96c4-7e61a270e6f6” HTTP/1.1 201 Created Access-Control-Allow-Methods: POST, DELETE, GET, OPTIONS Access-Control-Allow-Headers: Content-Type, X-Requested-With, X-PINGOTHER, Authorization, ES-LongPoll, ES-ExpectedVersion, ES-EventId, ES-EventType, ES-RequiresMaster, ES-HardDelete, ES-ResolveLinkTo, ES-ExpectedVersion Access-Control-Allow-Origin: * Access-Control-Expose-Headers: Location, ES-Position Location: Content-Type: text/plain; charset=utf-8 Server: Mono-HTTPAPI/1.0 Date: Wed, 11 Mar 2015 10:51:51 GMT Content-Length: 0 Keep-Alive: timeout=15,max=100 I sent simple event to a new stream called helloworld. You don’t have to create a new stream separately. Reading streams Using projections
API REST – les outils et les techniques pour le développeur Web | Atomrace :: nouvelles écolos et technos La révolution App En septembre 2014, le App Store de Apple a franchit le cap du 1,2 million d’applications offertes pour un total de 75 milliards de téléchargements. [1] Augmentation du nombre d’Apps sur le App Store de 2008 à 2012. Durant les 5 dernières années, une révolution s’est opérée dans la façon de développer des applications Internet. Développement Web de 2002 à 2011 – R.I.P Le vieux modèle de développement d’application web dynamique où le serveur fait la requête à la base de données et encapsule ces données dans du HTML, pour ensuite retourner cette longue chaîne de caractères au client, semble dorénavant désuet. Pourquoi utiliser un API ? Les API livrent des fonctionnalités aux sites Web;Les API sont derrière les applications Web;Les API donnent la puissance aux applications mobiles;Les API permettent de connecter des appareils physiques. Nouveau modèle : API RESTful avec JSON Quelques définitions JSON : JavaScript Object Notation
Consommer une API publique en cross-domain dans un navigateur avec JS et JSONP Ces dernières années, le secteur du web a évolué très rapidement. Le nombre de terminaux mobiles a explosé, et les navigateurs ont vu leurs capacités augmenter radicalement. De fait, le modèle classique du serveur ne fournissant que des pages html à des browsers d’ordinateurs de bureau a décliné. Je cherche un job dans lequel je me sens bien maintenant ! À sa place s’est développé un écosystème de services, exposant leurs données dans plusieurs formats pour une foule de clients différents. L’utilisation d’un proxy Il s’agit de la méthode la plus évidente: employer un proxy sur le domaine hébergeant la page, par lequel transiteront les requêtes destinées à d’autres domaines, effectuées normalement via AJAX. CORS est l’acronyme de Cross Origin Resource Sharing. Je cherche un job dans lequel je me sens bien maintenant ! JSONP est l’acronyme de JSON with Padding. Une implémentation simple de code client JSONP Le code de l’exemple complet est disponible sur github >> Ceci dit, place au code.
Swagger UI Implementation Notes Simple scoring of a task (Habit, Daily, To-Do, or Reward). This is most-likely the only API route you'll be using as a 3rd-party developer. The most common operation is for the user to gain or lose points based on some action (browsing Reddit, running a mile, 1 Pomodor, etc). Call this route, if the task you're trying to score doesn't exist, it will be created for you. Request URL Response Body Response Code Response Headers jQuery / YOUTUBE API V3 - Récupérer les données d'une vidéo Précédemment nous avons vu comment valider l’existence d’une vidéo Youtube avec jQuery. Depuis la sortie de la version 3 de l’API Youtube par Google et la dépréciation de la version 2, le code du précédent article est maintenant désuet! Et oui, ça va vite le web!!! Prérequis Avant de commencer à coder, une petite nouveauté est apparue. Vous rendre et vous connecter ou créer un compte si ce n’est pas déjà fait sur la console de google.Créez un nouveau Projet, que vous nommerez comme bon vous semble.Dans le menu de gauche cliquez sur “API et Authentification” puis sur “API”.Une liste de toutes les API mises à votre disposition par Google est alors disponible.Cliquez sur “Youtube Data API” puis sur le bouton bleu “Activer l’API”. Votre API est maintenant active, ne vous reste plus qu’à créer une clef utilisateur : Il me semble maintenant que vous êtes prêts pour jouer avec l’API Youtube V3. Code Source jQuery Récupérer les données d'une vidéo avec l'API V3 de Youtube
Tutoriel vidéo PHP : API Instagram | Grafikart Je vous propose de découvrir aujourd'hui comment utiliser l'API d'instagram. Comme beaucoup, Instagram ne permet pas de taper son API librement, il faudra passer par un Client Création d'un client La création d'un client pour instagram est très simple et il vous faudra seulement posséder un compte Instagram pour accéder à l'interface de création. La seule information réellement importante ici est OAuth redirect_uri. Ce paramètre indique vers quelle URL sera redirigé l'utilisateur après avoir accepté ou refusé l'application. Une fois l'application créée vous obtiendrez 2 informations important Client_id qui vous permettra de faire des appels à certains éléments de l'APIClient_secret que vous ne devez pas diffuser, et qui vous permettra de demander un token d'accès Sans authentification Pour appeller cette page en PHP nous allons utiliser CURL qui permet d'avoir plus de contrôle qu'un file_get_content() Avec Authentification Conclusion
Deliveroo lance une API pour permettre aux restaurateurs d’économiser du temps Deliveroo lance une API gratuite et ouverte destinée à être intégrée sur les terminaux de points de vente (TPV) pour rationaliser le processus de commande et simplifier la préparation de la commande pour les employés des restaurants. Cette nouvelle technologie va permettre aux restaurants de gagner d’une part un temps précieux, et d’autre part, d’économiser des millions d’euros en augmentant la productivité de leurs équipes. L’intégration de cette API au terminal de point de vente des restaurants représente un avantage précieux pour ceux qui proposent un service de la livraison à domicile, et est une demande récurrente des restaurateurs. Deliveroo permet l’intégration au terminal de point de vente en créant une nouvelle API, gratuite, ouverte et disponible sur le nouveau portail développeur Deliveroo, pour que les terminaux de point de vente des entreprises et restaurants aient accès au système de commande de Deliveroo. Mike Hudack, Chief Technology Officer chez Deliveroo: