background preloader

Veille technologique

Facebook Twitter

How to Learn ES6 — JavaScript Scene. Eric Elliott is the author of “Programming JavaScript Applications” (O’Reilly), and “Learn Universal JavaScript App Development with Node & React”. He has contributed to software experiences for Adobe Systems, Zumba Fitness, The Wall Street Journal, ESPN, BBC, and top recording artists includingUsher,Frank Ocean, Metallica, and many more. He spends most of his time in the San Francisco Bay Area with the most beautiful woman in the world. ECMAScript 6 support in Mozilla. ECMAScript 2015 (6th Edition) is the current version of the ECMAScript Language Specification standard. Commonly referred to as "ES6", it defines the standard for the JavaScript implementation in SpiderMonkey, the engine used in Firefox and other Mozilla applications. Code-named "ES.next" or "Harmony", the first working draft (based on ECMAScript 5.1) was published on July 12, 2011 as "ES.next".

In August 2014, the ECMAScript 6 draft specification was feature frozen and went through a stabilization and bug fixing period. Finally, ECMA-262 Edition 6 got officially approved and published as a standard on June 17, 2015 by the ECMA General Assembly. A PDF and HTML version of the standard can be freely downloaded on ecma-international.org. A channel for feedback on ECMAScript standards is es-discuss. Already supported by Firefox The features listed here are already supported in Firefox; the version in which support was added is also indicated for each feature. Standard library New Math functions. La veille techno pour les vieux croûtons.

Voici la transcription de la conférence « La veille techno pour les vieux croûtons » que j'ai eu le grand plaisir de donner à Paris Web 2015. Intro Une nuit, en 2014, j'ai fait un cauchemar. J'ai rêvé que j'étais dans une pièce sans fenêtre, vouté sur mon clavier, couvert d'une couche de poussière fossilisée, et je corrigeais des bugs sur des applications en COBOL pour le compte de l'industrie financière.

Je me suis réveillé en sursaut et c'est là que j'ai pris conscience que je m'étais transformé, en quelques mois, insidieusement, en vieux croûton du Web. Les vieux croûtons Alors qu'est-ce que j'entends par « vieux croûton » ? Dans « vieux croûton », il y a vieux. Le vieux croûton, c'est celui qui ne veut pas changer, qui s'accroche à ses vieilles habitudes, à ses vieux outils, à ses vieilles méthodes de travail. Il existe deux catégories de vieux croûtons. La veille techno Le proverbe dit qu'une scie qui ne s'affûte s'émousse. Le burnout Petite séance d'introspection Retrouver le fun. ES5, ES6, ES2016, ES.Next: What's going on with JavaScript versioning?

Embrace next generation Javascript, today! Introduction ECMAScript 6 (ES6, often referred to as “Harmony”) is the upcoming sixth major release of the ECMAScript language specification. It's a significant update to the language since ES5. At Keymetrics we love innovation and moving forward. Javascript has been evolving fast these days and we are glad to announce support for ES6/ES7! We integrated the Babel project into PM2 to make things easier for developers who want to use it in development or production.

Show me some code! This is how beautiful ES6 is: # # lib.es file # export class Shape { constructor (id, x, y) { this.id = id this.move(x, y) } get info() { return `Shape has id ${this.id} and is at ${this.x},${this.y}` } move (x, y) { this.x = x this.y = y }} export class Rectangle extends Shape { constructor (id, x, y, width, height) { super(id, x, y) this.width = width this.height = height }} # # main.es file # import { square, diag, Rectangle } from '. Learn more about ES6 features here Run it with PM2 Development mode lib/math.js. ES6: The Future is Now.

Leave a Comment Posted on June 8, 2015 As web developers, we’re all familiar with the sloth-like pace of web standards from idea to implementation (there’s a reason JS hasn’t changed much over the years). ES6 was announced in 2008 and the first draft was published in 2011. It’s 2015 and we cannot fully use ES6 in the browser yet. It’s frustrating, but we’ve all been distracted by the JavaScript flavor-of-the-month libraries/compiled languages that were introduced to help breathe life into JS and MVC. So why write ES6 code now? ES6 is closer to completion than you think and if you learn it now, you’ll be much further ahead in the job market. Aside from that, there are third-party libraries that have been released that allow you to write ES6 code and compile it to ES5 code. So not only is ES6 available to you now, but it has been right under your nose the entire time. “Why am I using library x?” But why would you even bother to rewrite your code?

Getting Started with BabelJS Install That’s it. Six Steps for Approaching the Next JavaScript -Telerik Developer Network. The next recommendation/version of the JavaScript standard, also known as "harmony", "ES.next", "ECMAScript 6", "ES6", and most recently "JavaScript/ECMAScript 2015", is pretty much cemented. The final draft was actually completed back in April. Final review and voting by the ECMA General Assembly members of the draft will occur this month. It’s expected that it will be accepted and the language updates will end a rather stagnant history of change. Once approved, only minor editorial corrections will be permitted. And then, it’s on like Donkey Kong! ES6 will hit and hit fast.

Due to transpilers like Babel, it will more than likely be coming sooner than you think to a production environment near you! If your answer to that question is, "Nope" or "I don’t care yet", then I’d encourage you to explore the real-world usages of ES6 in the wild. At the very least you should care about ES6 modules. Summarized below is a six part approach for learning the next version of JavaScript. 1. 2. 3. 4. The ES2015 Nightmarefile. They tried to cover this up.

In designing ECMAScript 2015 (a.k.a. ES6, a.k.a. ES2015), the authors identified a number of undesirable side effects of their work. “Why worry?” They asked. “People will be so smitten with arrow functions and block-scope bindings that they won’t care about a few measly backwards-breaking changes.” Well I care, and I have evidence that suggests I’m not alone. Through an extensive survey of JavaScript across the web, I have found a file that demonstrates these hazardous changes to the language. Needless to say, this is the least glamorous aspect of the new language, and I’m sure there are plenty of people who would rather it go unnoticed.

I’ll include the source in its entirety then step through piece-by-piece to call out the increasingly-broken aspects. The File Explanations It’s just 63 lines of code, but I count nine distinct features that will break in ES6. Here, a Date instance is being created from a ISO 8601-formatted string. Reflections. Standard ECMA-262. Standard ECMA-262 ECMAScript® 2017 Language Specification 8th edition (June 2017) This Standard defines the ECMAScript 2017 general-purpose programming language. The following files can be freely downloaded: Kindly note that the normative copy is the HTML version; the PDF version has been produced to generate a printable document. This 8th edition has been prepared under the Ecma RF patent policy. The latest drafts are available at: Please find hereafter the place to file bugs: The previous replaced "historical" editions of this Ecma Standard are available here. Mozilla, Microsoft et Google veulent booster le Web avec un nouveau format binaire, WebAssembly repr sente-t-il une menace pour JavaScript ?

Les applications Web gagnent de plus en plus en complexité. De nos jours, de nombreuses pages Web disposent de contenus riches. Les jeux sur le Web sont en train de se démocratiser. Les navigateurs doivent offrir de meilleures performances. Les éditeurs de navigateurs ont apporté de nombreuses optimisations à leur moteur d’exécution JavaScript, afin d’améliorer les performances de ceux-ci. Cependant, les performances des applications JavaScript demeurent toujours très en dessous des performances des applications natives. Plusieurs solutions ont été développées par des géants du Web afin de rapprocher les performances des applications Web de celles des applications natives. L’une des premières solutions avait été proposée par Google.

La fondation Mozilla de son côté a développé Asm.js. Microsoft, quant à lui, pour faire de JavaScript une plateforme idéale pour le développement de costaux projets, a développé TypeScript. Il est donc clair que JavaScript a de nombreuses faiblesses. Et vous ? ES6 In Depth: Collections. ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short.

Earlier this week, the ES6 specification, officially titled ECMA-262, 6th Edition, ECMAScript 2015 Language Specification, cleared the final hurdle and was approved as an Ecma standard. Congratulations to TC39 and everyone who contributed. ES6 is in the books! Even better news: it will not be six more years before the next update. The standard committee now aims to produce a new edition roughly every 12 months. Proposals for the 7th Edition are already in development. It is appropriate, then, to celebrate this occasion by talking about something I’ve been eager to see in JS for a long time—and which I think still has some room for future improvement! Hard cases for coevolution JS isn’t quite like other programming languages, and sometimes this influences the evolution of the language in surprising ways.

ES6 modules are a good example. Set. Kpdecker.github. Maintained by @kpdecker. Run on Saturday, July 04, 2015 using babel 5.6.15, babel-runtime 5.6.15, and traceur 0.0.90. For each of the ES6 features in question, a ES5 implementation of that functionality was written along with a ES6 version. It should be noted that the functionality is frequently the same, but in some cases the "common" vs. "correct" version was written, i.e. using x[key] = value vs. defineProperty which is faster but can be hit but a particular nasty edge case for those who deem it fun to extend Object.prototype. Babel, in both loose+runtime and runtime mode, and Traceur were then used to compile the ES6 version to a ES5 compliant version, utilizing the runtime over polyfill to maintain test isolation and avoid native implementations where possible. All of these test instances were then benchmarked in the given JavaScript engine using [Benchmark.js]( and then the operations per second compared to the ES5 implementation.

WebAssembly, vers un web compilé ? Il y a maintenant deux ans on commençait à voir des vidéos d’Unreal Engine 3 tournant dans le navigateur. Ce proof of concept mettait en avant asm.js, un sous ensemble de JavaScript à la fois restreint mais optimisé. Concrètement asm.js offre la possibilité de transcrire du code C/C++ en JavaScript (dans la limite de ce sous ensemble) en utilisant emscripten. Ce code étant compilé, sa vitesse d’exécution permet d’atteindre un niveau de performance inaccessible pour un langage parsé et interprété à la volée.

Pendant que la fondation Mozilla travaillait sur asm.js, Google avancait sur son Native Client, ce qui était plutôt inquiétant en terme d’intéropérablité pour nous développeurs. Heureusement les représentants des 4 navigateurs les plus utilisés ont décidé de se mettre au tour de la table et de standardiser leurs avancées dans un nouvel outil : WebAssembly (wasm). Un groupe a donc était constitué au sein du w3c afin de spécifier WebAssembly et des dépôts ouverts. D’asm à wasm. ES6 Interactive Guide. 20 Years of PHP, by Ben Ramsey. Twenty years ago today, Rasmus Lerdorf released Personal Home Page Tools (PHP Tools) version 1.0 to the world. I first encountered PHP in early 2000 when I was working for Brian Rudolph at EUREKA! Interactive. It was my first, big job in the industry, and it provided a solid foundation for the rest of my career.

As I recall, I was making changes to a website, and I used an FTP program—probably CuteFTP—to connect to the server to access the files. I remember seeing files in the directory with the extension .php3. That didn’t strike me as odd, though. I had certainly seen these file extensions in URLs before, but my server-side programming experience up until this point had included only Perl and Classic ASP. It wasn’t until 2002 that I began using PHP extensively—I wrote at length about that ten years ago for PHP’s tenth birthday celebration—but this was my first encounter with it, and the thing that struck me was its ease-of-use.

Hypertext Preprocessor. We are continuing to work through the repercussions of the php.net malware issue described in a news post earlier today. As part of this, the php.net systems team have audited every server operated by php.net, and have found that two servers were compromised: the server which hosted the www.php.net, static.php.net and git.php.net domains, and was previously suspected based on the JavaScript malware, and the server hosting bugs.php.net. The method by which these servers were compromised is unknown at this time. All affected services have been migrated off those servers. We have verified that our Git repository was not compromised, and it remains in read only mode as services are brought back up in full. As it's possible that the attackers may have accessed the private key of the php.net SSL certificate, we have revoked it immediately.

To summarise, the situation right now is that: Over the next few days, we will be taking further action: php.net users will have their passwords reset. PHP 7 to Be Even Faster Than Expected - Lately in PHP podcast episode 60 - PHP Classes blog. This Podcast is Sponsored by Hotjar - All-in-one Analytics and Feedback - at a fraction of the cost. Hotjar is a new powerful tool that reveals the online behavior ​and voice​ of your users. By combining both A) Analysis ​and B) ​Feedback​ tools Hotjar gives you the ‘big picture’ of how to improve your site's user experience and performance (conversion rates). The Analysis tools allow you to measure and observe user behavior (what users do) while the Feedback tools allows you to hear what our users say (Voice of User / Customer).

For the above reasons the Hotjar tag line is: All-in-one analytics and feedback - at a fraction of the cost. For more information hoa you can improve your site with this tool go to This post is sponsored via Syndicate Ads. Contents Introduction (0:20) Hotjar - All-in-one Analytics and Feedback at a fraction of the cost (1:13) New Sponsor for PHP Innovation Award: SourceGuardian - PHP Encoder Tool (3:14) Shall PHP have numeric type hints? [Music] Internal value representation in PHP 7 - Part 1. Internal value representation in PHP 7 - Part 2. Hypertext Preprocessor. Changes to Engine Exceptions in PHP 7.0alpha2+ | Davey Shafik.

PHP 7 Benchmarks. PHP 7 and script languages future: insights from lead Zend.com developer. Getting Ready for PHP 7. PHP 7 Anonymous Classes Tutorial - PHP Classes blog. Yet to Release PHP 7 Expected Features and Advantages | Latest Web Design Trends, Updates and News. News Archive - 2015.