CoffeeScript Lightning Talk

0 likes785 views

This document contains code snippets in CoffeeScript, an alternative syntax for JavaScript that compiles to plain JavaScript. The snippets demonstrate CoffeeScript features like functions, classes, object destructuring, and array comprehensions. Comments provide context on CoffeeScript's compilation to JavaScript and its object model.

Technology Entertainment & Humor

${" } } {" { { } }" } }{ {" { }{ } } _____ __ __" ( }{ }{ { ) / ____| / _|/ _|" .- { { } { }} -. | | ___ | |_| |_ ___ ___" ( ( } { } { } } ) | | / _ | _| _/ _ / _ " |`-..________ ..-'| | |___| (_) | | | || __/ __/" | | ________/|_| |_| ___|___|" | ;--." | (__ _____ _ _" | | ) ) / ____| (_) | |" | |/ / | (___ ___ _ __ _ _ __ | |_" | ( / ___ / __| '__| | '_ | __|" | |/ ____) | (__| | | | |_) | |_" | | |_____/ ___|_| |_| .__/ __|" `-.._________..-' | |" |_|" " .oooooo. ooooo ooooo ooooooooooooo ! d8P' `Y8b `888' `888' 8' 888 `8 ! Mark Wunsch @markwunsch! 888 888 888 ooooo 888 888 888 888 888 888 888 888 888 ! ! ! Exotic Programming Languages and the Web! `88. .88' `Y8bood8P' 888 o888o 888 o o888ooood8 888 o888o ! !$

var pg = require('pg'); !
//or native libpq bindings!
//var pg = require('pg').native!
!
var conString = "tcp://postgres:1234@localhost/postgres";!
!
// error handling omitted!
pg.connect(conString, function(err, client) {!
client.query("SELECT NOW() as when", function(err, result) {!
console.log("Row count: %d",result.rows.length); // 1!
console.log("Current year: %d", result.rows[0].when.getYear());!
});!
});!

•  compiles into JavaScript!
•  JavaScript s object model!
•  the good parts !
•  It s just JavaScript. !

fling = (img) ->!
$('body').append img!
img.show()!
img.css!
'-webkit-transform': "rotate(#{rando()}deg)"!
'top': root.parseInt(img.css('top'), 10) - rando 45!
'left': root.parseInt(img.css('left'), 10) - rando 45!
'opacity': 0!
root.setTimeout (-> img.hide().remove()), 5000!

rando = (multiplier = 10) ->!
num = Math.ceil Math.random() * multiplier!
if num % 2 then -num else num!

skus = (sku for id, sku of order.skus)!

$if pin.properties.count isnt 1! for order, index in pin.properties.orders when (Date.now() - ! » Date.parse order?.submission_date) > (config.expiration ? 180000)! class Mob! constructor: (@name) ->! ! move: (meters) ->! alert @name + " moved #{meters}m."! ! name = person.name! {name} = person! {name, age} = person! ! tag = "<impossible>"! [open, contents..., close] = tag.split("")!$

But what about my debugger?

Common concerns
Compiled?

Thanks.
Here are some links!

•  http://coffeescript.org!
•  https://github.com/jash
kenas/coffee-script/wiki/List-of-languages-that-compile-to-JS!
•  Line Number Mapping: https://github.com/jashkenas/coffee-script/
issues/558!
•  Hello World in Dart: https://gist.github.com/1277224!
•  Smooth CoffeeScript: http://autotelicum.github.com/Smooth-
CoffeeScript/!
•  The Little Book on CoffeeScript: http://arcturo.github.c
om/library/coffeescript/!

Mark Wunsch @markwunsch!

CoffeeScript Lightning Talk

1. {" } } {" { { } }" } }{ {" { }{ } } _____ __ __" ( }{ }{ { ) / ____| / _|/ _|" .- { { } { }} -. | | ___ | |_| |_ ___ ___" ( ( } { } { } } ) | | / _ | _| _/ _ / _ " |`-..________ ..-'| | |___| (_) | | | || __/ __/" | | ________/|_| |_| ___|___|" | ;--." | (__ _____ _ _" | | ) ) / ____| (_) | |" | |/ / | (___ ___ _ __ _ _ __ | |_" | ( / ___ / __| '__| | '_ | __|" | |/ ____) | (__| | | | |_) | |_" | | |_____/ ___|_| |_| .__/ __|" `-.._________..-' | |" |_|" " .oooooo. ooooo ooooo ooooooooooooo ! d8P' `Y8b `888' `888' 8' 888 `8 ! Mark Wunsch @markwunsch! 888 888 888 ooooo 888 888 888 888 888 888 888 888 888 ! ! ! Exotic Programming Languages and the Web! `88. .88' `Y8bood8P' 888 o888o 888 o o888ooood8 888 o888o ! !

2. var pg = require('pg'); ! //or native libpq bindings! //var pg = require('pg').native! ! var conString = "tcp://postgres:1234@localhost/postgres";! ! // error handling omitted! pg.connect(conString, function(err, client) {! client.query("SELECT NOW() as when", function(err, result) {! console.log("Row count: %d",result.rows.length); // 1! console.log("Current year: %d", result.rows[0].when.getYear());! });! });!

4. •  compiles into JavaScript! •  JavaScript s object model! •  the good parts ! •  It s just JavaScript. !

5. fling = (img) ->! $('body').append img! img.show()! img.css! '-webkit-transform': "rotate(#{rando()}deg)"! 'top': root.parseInt(img.css('top'), 10) - rando 45! 'left': root.parseInt(img.css('left'), 10) - rando 45! 'opacity': 0! root.setTimeout (-> img.hide().remove()), 5000! rando = (multiplier = 10) ->! num = Math.ceil Math.random() * multiplier! if num % 2 then -num else num! skus = (sku for id, sku of order.skus)!

6. if pin.properties.count isnt 1! for order, index in pin.properties.orders when (Date.now() - ! » Date.parse order?.submission_date) > (config.expiration ? 180000)! class Mob! constructor: (@name) ->! ! move: (meters) ->! alert @name + " moved #{meters}m."! ! name = person.name! {name} = person! {name, age} = person! ! tag = "<impossible>"! [open, contents..., close] = tag.split("")!

7. But what about my debugger? Common concerns Compiled?

8. Thanks. Here are some links! •  http://coffeescript.org! •  https://github.com/jash kenas/coffee-script/wiki/List-of-languages-that-compile-to-JS! •  Line Number Mapping: https://github.com/jashkenas/coffee-script/ issues/558! •  Hello World in Dart: https://gist.github.com/1277224! •  Smooth CoffeeScript: http://autotelicum.github.com/Smooth- CoffeeScript/! •  The Little Book on CoffeeScript: http://arcturo.github.c om/library/coffeescript/! Mark Wunsch @markwunsch!

CoffeeScript Lightning Talk

More Related Content

Recently uploaded (20)

Featured (20)

CoffeeScript Lightning Talk