Top Banner
38

Javascript - Agora a coisa ficou séria.

Jul 13, 2015

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Javascript - Agora a coisa ficou séria.
Page 2: Javascript - Agora a coisa ficou séria.

github.com/luizstacio

fb.com/luizstacio

Page 3: Javascript - Agora a coisa ficou séria.

Script

Fracamente tipada

Tipagem dinâmica

Orientado a objetos

Baseada em protótipos

Page 4: Javascript - Agora a coisa ficou séria.

JavaScript

1995

Page 5: Javascript - Agora a coisa ficou séria.

JScript

1996

Page 6: Javascript - Agora a coisa ficou séria.

1996

ECMAscript

ES

Page 7: Javascript - Agora a coisa ficou séria.
Page 8: Javascript - Agora a coisa ficou séria.

2005$('css-selector-cross-browser')

$('css-selector-cross-

browser').click(function(){});

$('css-selector-cross-

browser').animate({

left: 0

}, 1000);

Page 9: Javascript - Agora a coisa ficou séria.
Page 10: Javascript - Agora a coisa ficou séria.

$.ajax({

type: 'POST',

url: 'post.php',

data: { text: 'oi sou um

json' }

}).done(function (data) {

alert(data)

});

Page 11: Javascript - Agora a coisa ficou séria.

Aplicações

Page 12: Javascript - Agora a coisa ficou séria.

Aplicações SPA

Page 13: Javascript - Agora a coisa ficou séria.
Page 14: Javascript - Agora a coisa ficou séria.

2008

Ryan Dhal

Page 15: Javascript - Agora a coisa ficou séria.
Page 16: Javascript - Agora a coisa ficou séria.
Page 17: Javascript - Agora a coisa ficou séria.
Page 18: Javascript - Agora a coisa ficou séria.
Page 19: Javascript - Agora a coisa ficou séria.
Page 20: Javascript - Agora a coisa ficou séria.

var http = require('http');

http.createServer(function (req, res) {

res.writeHead(200, { 'Content-Type': 'text/plain'

});

res.end('Hello Node.JS!!');

}).listen(8080);

App.js

$ node app.js

Terminal

Page 21: Javascript - Agora a coisa ficou séria.
Page 22: Javascript - Agora a coisa ficou séria.

2009NoSQL

Livre de esquema

Orientados a documentos

Bson (JSON binário)

Page 23: Javascript - Agora a coisa ficou séria.

$ mongod

Terminal

$ mongo

$ use teste

$ db.teste.insert({ name: 'luiz', idade: 23 })

$ mongo

$ use teste

$ db.teste.find({ name: 'luiz' })

{ "_id" : ObjectId("53828cfa186e5937498725e3"),

"name" : "luiz", "idade" : 22 }

Page 24: Javascript - Agora a coisa ficou séria.
Page 25: Javascript - Agora a coisa ficou séria.
Page 26: Javascript - Agora a coisa ficou séria.
Page 27: Javascript - Agora a coisa ficou séria.
Page 28: Javascript - Agora a coisa ficou séria.
Page 29: Javascript - Agora a coisa ficou séria.
Page 30: Javascript - Agora a coisa ficou séria.

Embarcado

Page 31: Javascript - Agora a coisa ficou séria.
Page 32: Javascript - Agora a coisa ficou séria.
Page 33: Javascript - Agora a coisa ficou séria.

var five = require('johnny-five'),

board = new five.Board();

board.on('ready', function () {

(new five.Led(13)).strobe();

});

App.js

$ node app.js

Terminal

Page 34: Javascript - Agora a coisa ficou séria.
Page 35: Javascript - Agora a coisa ficou séria.

Single Language Application

Page 36: Javascript - Agora a coisa ficou séria.
Page 37: Javascript - Agora a coisa ficou séria.
Page 38: Javascript - Agora a coisa ficou séria.

http://jquery.com/

https://www.mongodb.com/

http://www.nodejs.org/

http://phonegap.com/

http://www.appcelerator.com/titanium/

https://github.com/luizstacio/fitcricuma

Referências

Exemplos