1.
The Return of JavaScriptThree Projects Driving JavaScripts Renaissance

2.
What’s this about?

3.
What’s this about? Why you should care about JavaScript

4.
What’s this about? Why you should care about JavaScript 3 Open-Source JavaScript Projects:

5.
What’s this about? Why you should care about JavaScript 3 Open-Source JavaScript Projects:

6.
What’s this about? Why you should care about JavaScript 3 Open-Source JavaScript Projects:

7.
What’s this about? Why you should care about JavaScript 3 Open-Source JavaScript Projects:

8.
JavaScript Me

9.
Why JavaScript?

10.
Single Page Apps

11.
jQuery is not enough

12.
Models and Collections var Booking = Backbone.Model.extend(); var Bookings = Backbone.Collection.extend({ model: Booking, url: /bookings });

13.
Viewsvar BookingsView = Backbone.View.extend({ initialize: function(){ _.bind(this, addAll, handleClick); this.collection.bind(reset, this.addAll); }, render: function() { this.el.fullCalendar({ eventClick: this.handleClick }); }, addAll: function() { this.el.fullCalendar(addEventSource, this.collection.toJSON()); }, handleClick: function(booking) { ... } });

14.
Putting it all togethervar bookings = new Bookings();new BookingsView({el: $("#calendar"), collection: bookings}).render();bookings.fetch();

15.
What is Node?JavaScript outside the browserIO-focussedEvent-based

16.
Node.js Architecture

17.
var express = require(express);var sqlite = require(sqlite);var db = new sqlite.Database();...var app = express.createServer();app.get(/bookings, function(req, res){ db.execute(SELECT * FROM bookings, function (error, rows) { if (error) { res.send(error.message, 500); } else { res.send(JSON.stringify(rows)); } });});app.listen(3001);

18.
What Node is NotEasy as synchronous programmingFull-stack web frameworkA stable API

19.
Why use CoffeeScript?ClassesScope and BindingEverything evaluates to something

20.
JavaScript CoffeeScriptvar Booking = class Booking extends Backbone.Model Backbone.Model.extend();var Bookings = class Bookings extends Backbone.Collection Backbone.Collection.extend({ model: Booking model: Booking, url: /bookings url: /bookings});var bookings = new Bookings(); booking = new Bookings

21.
JavaScript CoffeeScriptvar BookingsView = class BookingsView extends Backbone.View Backbone.View.extend({ initialize: function() { initialize: -> _.bind(this, addAll, @collection.bind reset, @addAll handleClick); this.collection.bind(reset, this.addAll); }, render: function() { render: => this.el.fullCalendar({ @el.fullCalendar eventClick: this.handleClick eventClick: @handleClick }); }, addAll: function() { addAll: => this.el.fullCalendar( @el.fullCalendar addEventSource, addEventSource, @collection.toJSON() this.collection.toJSON()); }, handleClick: function(booking) { handleClick: (booking) => ... ... } });

22.
List Comprehensions positiveNumbers = [1, 2, 3, 4]; negativeNumbers = [];JavaScript for (var i = 0; i < positiveNumbers.length; i++) { negativeNumbers.push(-positiveNumbers[i]); }CoffeeScript negativeNumbers = (-num for num in [1, 2, 3, 4])

23.
Stockholm Syndrome

24.
Let’s wrap this up Users demanding responsive apps JavaScript isn’t going anywhere New generation of tools Give JavaScript a chance :)

25.
For more information...github.com/bent

26.
Questions?

27.
Applause