Upload
davidson-fellipe
View
761
Download
0
Tags:
Embed Size (px)
Citation preview
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
jsno servidor
por que javascript no servidor?
mesma linguagem do lado cliente
simples?
grande quantidade de pacotes disponíveis
jssem browser
DOCUMENTAÇÃO
JAVASCRIPTNÃO TEM BOA
DOCUMENTAÇÃO?
e frameworks?
http://knockoutjs.com/
GESTÃO DEPACOTES
taskrunner
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.
qualidadede
código
TESTES
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://browserdiet.com/pt
https://github.com/davidsonfellipe/keepfast/
monitoramento de indicadores de
performance
http://fellipe.com/slides/performance-javascript/
jseverywhere
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?
É 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!