It's Javascript Time

It's Javascript TIME Por davidson fellipe

It's time !!!

davidson fellipe front end engineer na globo.com

ex-dev php davidson fellipe front end engineer na globo.com

/davidsonfellipe /davidsonfellipe /fellipe fellipe.com/talks

Mocha maio 1995 - 10 dias LiveScript setembro 1995 JavaScript
dezembro 1995

O criador: Brendan Eich acervo pessoal

ano 1996

ano 1999

ano 2000

ATUALMENTE...

Tenho que aprender javascript?

XBROWSER XDEVICE XPLATFORM

js no browser

por que javascript? presente na maioria dos browsers performance simples?

js é pop

top linguagens em 2012 no github

top linguagens em 2013 no github

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://httparchive.org/trends.php#numurls evolução do tamanho das js requests

js libs

http://jquery.com/

http://zeptojs.com/

http://underscorejs.org/

http://mootools.net

http://yuilibrary.com/

http://microjs.com/#

js no servidor

por que javascript no servidor? mesma linguagem do lado cliente
simples? grande quantidade de pacotes disponíveis

https://nodejs.org/

https://npmjs.org/

js sem browser

http://phantomjs.org

http://zombie.labnotes.org/

DOCUMENTAÇÃO

JAVASCRIPT NÃO TEM BOA DOCUMENTAÇÃO?

https://developer.mozilla.org/en-US/

e frameworks?

http://angularjs.org/

http://backbonejs.org/

http://knockoutjs.com/

http://emberjs.com/

GESTÃO DE PACOTES

http://bower.io/

task runner

http://gruntjs.com/

Por que usar o GRUNT? Fácil de usar Grande número
de plugins Imensa comunidade Open source

Testes JS linting Concatenar e Minificar arquivos Otimizar imagens live
reload Watches para Pré-processadores Por que usar o GRUNT?

workflow

Loaders

por que loaders? utilizados para carregar módulos podem melhorar a
performance e qualidade do seu código.

http://requirejs.org/

http://headjs.com/

qualidade de código

http://www.jshint.com/

http://www.jslint.com/

TESTES

http://visionmedia.github.io/mocha/

padrão de codificação

vamos criar um padrão de codificação?

aspas, chaves, ponto e vírgula Space vs Tab Single quote
vs double quotes nomenclaturas para functions, Object Literal, conditional statement...

https://github.com/rwaldron/idiomatic.js/

https://github.com/airbnb/javascript

http://sideeffect.kr/popularconvention/

performance

Who Killed My Battery: Analyzing Mobile Browser Energy Consumption CONSUMO
ENERGIA DOS COMPONENTES outros - incluem conexões 3G e text rendering css e js - maior consumo relacionado a transmissão e rendering

http://www.broofa.com/Tools/JSLitmus/

http://jsperf.com/

http://browserdiet.com/pt

https://github.com/davidsonfellipe/keepfast/ monitoramento de indicadores de performance

http://fellipe.com/slides/performance-javascript/

js everywhere

http://phonegap.com/ CONVERTENDO PARA APPS MOBILE

http://www.mozilla.org/pt-BR/firefox/os/ ...ou criando nativas

https://github.com/davidsonfellipe/lena.js/ | http://fellipe.com/demos/lena-js/ processamento digital de imagens

http://trackingjs.com/examples.html | http://vimeo.com/48428772 realidade aumentada

http://nodecopter.com/ | http://vimeo.com/48428772 drones

https://developer.mozilla.org/en/demos/detail/bananabread games

como se manter atualizado?

https://twitter.com/slicknet/status/292103833327370240

6 SEMANAS?

http://javascriptweekly.com

http://braziljs.org/

É MUITA COISA PARA ESTUDAR...

comunidade js

COMUNIDADE JAVASCRIPT há Vários eventos no brasil Projetos de código
aberto conhecidos Profissionais com destaque internacional

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg https://github.com/davidsonfellipe tenha o seu github

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.communityjs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.communityjs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.braziljs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.frontinbh.com.br

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.riojs.org/conf

Seja bem vindo ao mundo do js

the winner... will be... ...You

/davidsonfellipe /davidsonfellipe /fellipe fellipe.com/talks Obrigado!

It's Javascript Time

It's Javascript Time

More Decks by Davidson Fellipe

Other Decks in Programming

Featured

Transcript