Les actualités du Mercredi 16 mars 2016 dans les métiers du web - Marmits.com - Reims
Elixia is a futurist style font that features hexagonal shapes for the thin lines that compose its characters, it counts on both uppercase, lowercase, numeral, extended, and stylistic alternate characters.
The post Elixia: Futurist Hexagonal Font appeared first on ByPeople.
For a long time, JavaScript developers have used callback functions to perform several tasks. A very common example is to add a callback via the addEventListener() function to execute various operations when an event, such as click or keypress, is fired. Callback functions are simple and get the job done for simple cases. Unfortunately, when your web pages increase in complexity and you need to perform many asynchronous operations, either in parallel or in sequence, they become unmanageable.
ECMAScript 2015 (a.k.a. ECMAScript 6) introduced a native means to deal with such situations: promises. If you don't know what promises are, you can read the article An Overview of JavaScript Promises. jQuery provided and still provides its own flavor of promises, called Deferred objects. They were introduced to jQuery years before promises were introduced to ECMAScript. In this article, I'll discuss what Deferred objects are, and what problems they try to solve.
[author_more]
A Brief History
The Deferred object was introduced in jQuery 1.5 as a chainable utility used to register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. Since then, it has been the subject of discussion, some criticism, and a lot of changes along the way. A couple of examples of criticism are You're Missing the Point of Promises and JavaScript Promises and why jQuery implementation is broken.
Together with the Promise object, Deferred represents the jQuery implementation of promises. In jQuery version 1.x and 2.x the Deferred object adheres to the CommonJS Promises/A proposal. This proposal was used as a base for the Promises/A+ proposal which native promises are built upon. As mentioned in the introduction, the reason why jQuery doesn't adhere to the Promises/A+ proposal is because it implemented promises way before this proposal was even conceived.
Because jQuery was a precursor and due to backward-compatibility issues, there are differences in how you can use promises in pure JavaScript and in jQuery 1.x and 2.x. Moreover, because jQuery follows a different proposal, the library is incompatible with other libraries that implemented Promises such as the Q library.
In the upcoming jQuery 3 the interoperability with native Promises (as implemented in ECMAScript 2015) has been improved. The signature of the main method (then()) is still a bit different for backward compatibility, but the behavior is more in line with the standard.
Callbacks in jQuery
To understand why you might even need the use of the Deferred object, let's discuss an example. When using jQuery, it's very common to use its Ajax methods to perform asynchronous requests. For the sake of the example, let's say that you're developing a web page that is sending Ajax requests to the GitHub API. Your goal is to retrieve the list of a user's repositories, find the most recently updated repository, locate the first file with the string "README" in its name and finally retrieve that file's contents. Based on this description, each Ajax request may only start when the previous step has been completed. In other words, the requests must run in sequence.
Turning the previous description into pseudocode (please note that I'm not using the real GitHub API), we get:
var username = 'testuser';
var fileToSearch = 'README.md';
$.getJSON('https://api.github.com/user/' + username + '/repositories', function(repositories) {
var lastUpdatedRepository = repositories[0].name;
$.getJSON('https://api.github.com/user/' + username + '/repository/' + lastUpdatedRepository + '/files', function(files) {
var README = null;
for (var i = 0; i < files.length; i++) {
if (files[i].name.indexOf(fileToSearch) >= 0) {
README = files[i].path;
break;
}
}
$.getJSON('https://api.github.com/user/' + username + '/repository/' + lastUpdatedRepository + '/file/' + README + '/content', function(content) {
console.log('The content of the file is: ' + content);
});
});
});
As you can see in this example, using callbacks we have to nest the calls to perform the Ajax requests in the sequence we want. This makes the code less readable. The situation where you have a lot of nested callbacks, or independent callbacks that have to be synchronized, is often referred to as the "callback hell."
To make it slightly better, you can extract named functions from the anonymous inline functions I created. However, this change doesn't help much and we still find ourselves in callback hell. Enter the Deferred and the Promise objects.
Continue reading %An Introduction to jQuery’s Deferred Objects%
A cool credit card mockup developed in CSS and jQuery that updates automatically as you fill the checkout payment form.
The post Credit Card Checkout Form appeared first on ByPeople.
Plus puissante, sécurisée et précise que le wifi ou le bluetooth, cette technologie pourrait un jour se retrouver dans les iPhone.
Les informations de la communauté qu'il ne fallait pas manquer.
Le design d'un objet connecté doit composer avec ses futurs usages, ses fonctionnalités, son encombrement et l'autonomie attendue. Le point sur la méthode pour le concevoir.
6 robots de 15 grammes chacun qui tractent une voiture de 1800 kilos, ce n’est pas tous les jours que l’on peut voir cette prouesse !
Pour le patron de l'observatoire de l'innovation d'Orange rencontré à l'Université du numérique du Medef, l'IA et la blockchain révolutionneront le fonctionnement de l'opérateur.
Est-ce-que les joueurs sur Xbox Live pourront un jour affronter ceux sur PlayStation Network ?
Une Matinée de décryptage et d’échanges d’expérience au cœur de l’open innovation! Le 23 mars 2016
Chef de produit, manageur, administrateur... Voici les salaires auxquels peuvent prétendre les développeurs en France par profils. Des données du baromètre 2016 de Stack OverFlow.
A nicely crafted user interface kit for social network interfaces that features all the basic and extra elements for users and administrators.
The post Social Network App PSD UI Kit appeared first on ByPeople.
Le mobilegeddon aura-t-il lieu en 2016 ? En tout cas, Google a annoncé qu'à partir de mai, le critère de compatibilité mobile sera renforcé dans son algorithme de classement.SEO : Google va augmenter l'impact de la compatibilité mobile dans son algoCet article écrit par Olivier Duffez a été publié sur SEO : Google va augmenter l'impact […]
Cet article écrit par Olivier Duffez a été publié sur SEO : Google va augmenter l'impact de la compatibilité mobile dans son algo
Cet article SEO : Google va augmenter l'impact de la compatibilité mobile dans son algo est apparu en premier sur WebRankInfo.
Cette réorganisation de la branche française de l'Américain ne concernerait pas les fonctions commerciales.
Bonjour à tous et bienvenue sur mon deuxième post concernant la culture d’entreprise au sein d’OpenClassrooms. Cette semaine, parlons de générations… On estime que dans un avenir proche, quatre générations différentes seront représentées dans le monde du travail. Chacune de ces génération aura son propre ensemble de normes, de valeurs et de pratiques professionnelles, ce
Lire la suite
Le paysage reste globalement inchangé et même si la concurrence est féroce et les parts de marché de la solution open source sont en baisse, Magento reste la première solution de commerce électronique utilisée sur les sites de références.
«D’après l’OCDE , les apprenants du XXIème siècle ont pour «langue maternelle» le numérique». Par Xavier Sillon, co-fondateur de Vodeclic.
Sony a profité du SXSW pour présenter le Concept N, un casque audio... à porter autour du cou.
Brush sets come in a great variety of shapes and textures that will make your designs attain a more natural and unique look. Any web designer should have a brush collection to help them with their designs, as they offer a great alternative to plain text, which can get quite boring and can easily be overlooked, failing to communicate the desired message […]
The post 20 High-Quality Free Illustrator Brush Sets appeared first on Line25.
La migration de la plate-forme EDI dans une Gateway B2B plus globale, capable d’accompagner toutes les facettes de la collaboration électronique entre les entreprises, est incontournable.
Google a annoncé l’arrêt de Google Search Appliance, logiciel professionnel offrant des fonctionnalités d’indexation de documents. La firme américaine souhaite désormais se consacrer à ses solutions basées dans le Cloud.
Caos is an appealing theme for WordPress with which your posts get organized into a grid of Material Design-like cards that pop open with an amazing animation that shrinks the image to a wider aspect, and then expands it as the header of the page.
The post Caos: Dark Blogging Cards WordPress Theme appeared first on ByPeople.
«Il faut que cette révolte citoyenne fonctionne comme une start-up. Avancer pas à pas. Faire tomber les barrières une à une», explique Benoît Raphaël.
Richard Stallman, le père du projet GNU n’est pas le genre d’homme à faire des détours lorsqu’il parle. Il vient de le prouver une nouvelle fois en affirmant : « Il faut éliminer Facebook pour protéger la vie privée ».
Qui est l'homme clé du recrutement chez Chauffeur Privé?
Bonkers is a bold sans-serif font designed for headlines, poster, titles and such, it's version is available in uppercase, it includes numbers, accents and glyphs.
The post Bonkers: Bold Headline Font appeared first on ByPeople.
Ad blocking has become so prevalent on the Internet that a study from last year estimates that publishers will lose as much as $22 billion from this software. Their fears have only been worsened by Opera’s powerful move, announced just last week, to allow its users to block ads natively, from right within the browser. […]
L'entreprise française, qui est propriétaire d'une technologie imitant les comportements humains, cherche à conforter ses positions à l'international.
Les experts d'IHS ont démonté le dernier haut de gamme de Samsung afin d'évaluer le prix de ses composants et il coûte plus cher à produire qu'un iPhone 6S.
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
How to Create an Interactive Animated SVG Drum Kit was written by Josh Ellis and published on Codrops.
Small business owners are not always savvy as how best to present their products or services online. The result, is too many business websites that look like most other websites, or websites which contain the right information, but it is not presented in a way that will attract and engage a visitor. Professional web designers […]
The post Business Websites Examples and Tips – Where User Experience and Conversion Rate Optimization Meet appeared first on WebAppers.
Sponsors
Microsoft a lancé le 16 décembre la toute première bêta de la future évolution majeure de Windows 10, alias Redstone, dont la sortie est attendue pour l’été prochain.
«Sortons de l’industriel triptyque « Prescrire – Contrôler – Motiver » qui trouve aujourd’hui si peu d’écho sur le terrain», défendent les auteurs du livre DRH 3.0.
À vos marques… prêts… parlez ! Et pour ça, commencez par réaliser un chat open source avec l’article gagnant du dernier MMM désormais publié sur le site : Programmez en réseau en C++ avec LibNet de alexMog. Bravo à son auteur. :) Vous n’êtes pas d’humeur à chatter ? Pas de soucis, méditez en silence sur
Lire la suite
Après Facebook, Apple ouvre sa plateforme de distribution d’articles de presse.
A complete UI kit for iOS 9.3 created by Rusty Mitchell. The kit is totally free and includes hundreds of elements for Illustrator and Sketch.
The post iOS 9.3 UI kit for Illustrator and Sketch appeared first on Freebiesbug.
Thomas Reiss (Sociomantic France) pointe les aprioris dont il faut se débarrasser sur le programmatique.
HBO décide d’ajouter plus de contenus originaux dans sa programmation pour contrer Netflix.
Géré par sa filiale vente-privee Entertainment, le groupe s'offre un nouveau terrain de jeu pour expérimenter des solutions digitales et engranger de nouveaux revenus.
L'entreprise est allée chercher de nouveaux fonds auprès de ses investisseurs pour rester dans la course.
Enfin, une date de sortie et un prix pour le casque de réalité virtuelle de Sony.
Bemify is a set of Sass mixins for writing maintainable, idiomatic, well-structured BEM-style .scss source code. It can be installed as a Ruby Gem, NPM module, or via Bower.
22 mar 16 - 20:00
L'article Battle Dev est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Le fil d’actualité d’Instagram n’affichera plus les publications dans le bon ordre.
Le géant du commerce en ligne Amazon ne cesse d’innover pour faciliter les moyens de paiement. Le dernier brevet en date déposé par Amazon concernerait le paiement via un selfie. En […]
L'article Amazon : Paiement grâce à un selfie ? est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
For anyone who administers a blog or manages a website, understanding the importance of interacting with readers has not escaped your attention. And if you have your company’s profile or blogs on WordPress, that interaction at times requires informing readers or customers of upcoming events. Even if you manage a couple of blogs that have […]
The post WordPress Event Registration Forms Made Easy appeared first on WebAppers.
Sponsors
Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features […]
The post Vue Select : JS Multiselect Library appeared first on jQuery Rain.
Et si le salarié quittait pendant une période son entreprise pour découvrir un nouveau travail?
This small plugin for tables allow you to sort,search by all columns or just a specific,allow to select using shift and ctrl keys and use scroll with fixed header, like […]
The post easyTable : Simple jQuery Table Plugin appeared first on jQuery Rain.