JAVASCRIPTback & forth

by Ciprian Amariei

MICHAEL JACKSON'S "EARTH SONG"

JAVASCRIPT

RUBY

http://www2.ldc.lu.se/temadag95/javascript.txt

Brendan Eich - Mozilla CTO

November 4, 1995

HAPPY BIRTHDAY, JAVASCRIPT!

"JAVASCRIPT IS EATING THE WORLD" - SLASHDOT

http://www.jseverywhere.org/ http://jseverywhere.eu/

JS EVERYWHERE

mobile app

client sideserver side

desktop app

add-on/plug-in

JS EVERYWHERE

@ PAYPAL

replacing Java with node.js

Built almost twice as fast with fewer people

Written in 33% fewer lines of code

Constructed with 40% fewer files

Double the requests per second vs. the Java application

35% decrease in the average response time

JAVASCRIPT - THE LANGUAGE

dynamic typing

"JavaScript programming language is

solid, robust, and incredibly powerful" - John Resig, jQuery

object based

first class functions

prototype based

CONNECTED APPS*

web app

*client - server applications

desktop apps

mobile appFirefox OS app

ONE LANGUAGE TO RULE THEM ALL

JavaScript

SERVER CLIENTJavaScript

PHPRuby

PythonJavaetc.

SERVER SIDE

node.js

npm - Node Packaged Modules

hosting - , etc.Amazon EC2 nodejitsu

libraries

CLIENT SIDE

MODERN JAVASCRIPT

task automation

testing

template systemspackage managers

frameworks

ONE OF EACH

JS LIBRARY - JQUERY

JS FRAMEWORK - ANGULARJSJS TEMPLATES - DUST.JS

JS MOBILE LIBRARY - JQUERY MOBILEJS TESTING - QUNITJS

TOOLS

TASK AUTOMATION - GRUNT

PACKAGE MANAGER - BOWER

PROJECT WORKFLOW MANAGER - YEOMAN

DEBUGGING - FIREBUG OR EQUIV. (F12)

ISOMORPHIC JAVASCRIPT

pattern - RVP - Resouce View Presenter

source airbnb

ISOMORPHIC JAVASCRIPT

"I like Meteor.js because I'm lazy"

FRAMEWORKS

Meteor Luna

WEB APPS AUTOMATION

SELENIUM

BROWSER AUTOMATION SOLUTIONS

HEADLESS BROWSERS

PHANTOMJS

JS MEDIA

- 3D JS framework for gamesBabylon.js

"Today I saw the future" - Brendan Eich

JS VIDEO CODECS

WEBGL

MOBILE APPS

testing Ripple

javascript

Titanium

Cordova (PhoneGap)

Firefox OSiOS Android

DESKTOP APPS

NODE-WEBKITChromium + node.js

Creating Desktop Applications With node-webkit

FUTURE = HARMONY (ES6)

Proxies

Classes

Template strings

Maps and Sets

Eight Cool Features Coming in ES6

Modules

The First Time I Successfully Deployed a Node.js Project

http://frontenddevreactions.tumblr.com/

Q & A

THANK YOU!