UltCombo

Babel 6

Babel is (or at least was supposed to become) the definitive tool for parsing, transforming and generating JavaScript code. That is, it should serve as the base for all modern JavaScript tooling, including linting, syntax highlighting and transpiling. It would also serve as a testing ground for ECMAScript proposals, allowing the community to try out and provide feedback on new proposals before they are even implemented on engines, thus rocketing the JavaScript language's evolution.

The latest major release of Babel (v6) brought huge changes, making Babel much more modular—all transpiling logic has been split into plugins that you can disable or replace, and the plugin API had quite a few changes and improvements as well.

Now, let's get to the point. Babel 6 was published about a month and a half ago, and well, it has been broken since the publication. Okay, not really. Broken releases happen to everyone, [shit happens](https://en.wikipedia

UltCombo

'use strict';

var async = require('async');
var gs = require('glob-stream');
var globby = require('globby');

var globs = ['**/**.js', '!node_modules/**'];

function gsBenchmark(cb) {
    console.time('gs');

UltCombo

Fabrício Matté
https://www.facebook.com/UltCombo
https://twitter.com/Ult_Combo
https://github.com/UltCombo


Slides (SASPI 4 e 5) - https://slides.com/fabriciomatte/

Tutorials de Tecnologias Web (MDN):
- https://developer.mozilla.org/en-US/docs/Web

UltCombo

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----


$helpers-name: (
  fll: (
    float: left
  ),

UltCombo

General reference

• JavaScript - MDN
• Node.js Manual & Documentation
• Awesome Node.js – A curated list of delightful Node.js packages and resources.
• Annonated ES5
• ECMA-262's current work (next ECMAScript edition's draft)
• ES Discuss

Books

UltCombo

var $el = $('div');
(function loop() {
  $el.animate({
    'border-top-left-radius': 100,
    'border-top-right-radius': 100,
    'border-bottom-left-radius': 100,
    'border-bottom-right-radius': 100
  }, 500, function() {
    $el.animate({
      borderTopLeftRadius: 0,

UltCombo

var o = { 'foo-bar!@ #': 1 };
console.log( o['foo-bar!@ #'] ); //1

UltCombo

element.style.border-radius = //[...]

UltCombo

document.getElementById('foo').style.borderRadius = '10px';

UltCombo

$('#foo').css('border-radius', 10);
$('#foo').css('borderRadius', 10);