It's Javascript TIMEPor davidson fellipe

It's time !!!

davidson fellipe

front end engineer na globo.com

ex-devphp

davidson fellipe

front end engineer na globo.com

/davidsonfellipe

/davidsonfellipe

/fellipe

fellipe.com/talks

Mochamaio 1995 - 10 dias

LiveScriptsetembro 1995

JavaScriptdezembro 1995

O criador:

Brendan Eichacervo pessoal

ano 1996

ano 1999

ano 2000

ATUALMENTE...

Tenho queaprender javascript?

XBROWSERXDEVICEXPLATFORM

XBROWSERXDEVICEXPLATFORM

jsno 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.jpghttp://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpghttp://httparchive.org/trends.php#numurls

evolução do tamanho das js requests

jslibs

http://jquery.com/

http://zeptojs.com/

http://underscorejs.org/

http://mootools.net

http://yuilibrary.com/

http://microjs.com/#

jsno servidor

por que javascript no servidor?

mesma linguagem do lado cliente

simples?

grande quantidade de pacotes disponíveis

https://nodejs.org/

https://npmjs.org/

jssem browser

http://phantomjs.org

http://zombie.labnotes.org/

DOCUMENTAÇÃO

JAVASCRIPTNÃ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 DEPACOTES

http://bower.io/

taskrunner

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/

qualidadede

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 ENERGIADOS 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/

jseverywhere

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/

processamentodigital 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 manteratualizado?

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

6 SEMANAS?

http://javascriptweekly.com

http://braziljs.org/

É MUITA COISAPARA ESTUDAR...

comunidadejs

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.jpghttp://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpghttps://github.com/davidsonfellipe

tenha o seu github

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

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

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

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

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

Seja bem vindo

ao mundo do js

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

/davidsonfellipe

/davidsonfellipe

/fellipe

fellipe.com/talks

Obrigado!