Category Archives: JavaScript

Why I Left Gulp and Grunt for npm Scripts

Gulp and Grunt leave you dependent on plugin authors, stick you with debugging, and provide disjointed documentation. Why not just use JavaScript?

Cory House writes:

I know what you’re thinking. WAT?! Didn’t Gulp just kill Grunt? Why can’t we just be content for a few minutes here in JavaScript land? I hear ya, but…

I’ve found Gulp and Grunt to be unnecessary abstractions. npm scripts are plenty powerful and often easier to live with.

Read more from the source: Medium

Tasks, microtasks, queues and schedules

JavaScript Promises and Mutation Observers schedule work as microtasks which fire after the script finishes but before the next event loop. Not all browsers get it right.

 

Jake Archibald writes:

When I told my colleague Matt Gaunt I was thinking of writing a piece on microtask queueing and execution within the browser’s event loop, he said “I’ll be honest with you Jake, I’m not going to read that”. Well, I’ve written it anyway, so we’re all going to sit here and enjoy it, ok?

Read the blog article at jakearchibald.com

ChakraCore GitHub repository is now open

Microsoft makes Chakra open source and pits it against V8, providing a drop-in alternative to V8 with Node.js. Only on Windows so far.

 

In a December 2015 talk at JSConf US, we announced that we would be open-sourcing the key components of the Chakra JavaScript engine that powers Microsoft Edge. Today, we are excited to share with you that we’ve just made the sources for ChakraCore available under the MIT License at the ChakraCore GitHub repository. Going forward, we’ll be developing the key components of Chakra in the open.

Read more from the source: Microsoft Edge Dev Blog

lodash v4.0.0 released

lodash 4 packs major changes, drops thisArg, folds _.pluck, _.where and more into other methods, adds support for extended Unicode symbols

 

For 2016 & lodash v4.0.0 we wanted to cut loose, push forward, & take things up a notch!

With v4 we’re breaking free from old projects, old environments, & dropping old IE < 9 support!

Read more from the source: GitHub

Angular 2 Beta is Out

Angular 2 reaches beta, packing a lot of changes from the preview

 

Angular 2 is truly a different framework from Angular 1. Although there is ngUpgrade and ngForward to help transition, the syntax and API are vastly different.

Angular 2 introduces a DOM parser that process html attributes before hitting the DOM. That means the new star, brackets and parentheses are easier to handle under the covers. And Angular 2 makes directives camelCase instead of kebab-case. You may also notice that directive attributes don’t show up on the DOM. All that is parsed out before rendering.

ng-if is now *ngIf and ng-repeat=”item in items” is now *ngFor=”#item of items”. ng-eventname directives are gone in favor of (eventname) syntax.

Property-based directives such as ng-class, ng-style, and ng-disabled are gone in favor of bracket-notated binding: [class.classname], [style.property], [disabled].

ng-model becomes [ngModel] for one-way binding and [(ngModel)] for two-way binding.

The digest cycle is gone, replaced by an immutabile object style checking.

Typescript (or the ES6 subset of Typescript) is recommended, but Angular 2 comes with a webpack-style server and live reloader for development.

Read the announcement on the blog: angularjs.blogspot.com or checkout the updated angular.io website.

Introducting Adobe Animate CC, a new era for Flash Professional

Adobe Flash becomes Animate CC and allows output to HTML5 Canvas

 

 

For nearly two decades, Flash Professional has been the standard for producing rich animations on the web. Because of the emergence of HTML5 and demand for animations that leverage web standards, we completely rewrote the tool over the past few years to incorporate native HTML5 Canvas and WebGL support. To more accurately represent its position as the premier animation tool for the web and beyond, Flash Professional will be renamed

Adobe Animate CC, starting with the next release in early 2016.

Read more from the source: Adobe Flash Professional Team Blog