Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
It's Javascript Time
Search
Davidson Fellipe
November 16, 2013
Programming
6
440
It's Javascript Time
Davidson Fellipe
November 16, 2013
Tweet
Share
More Decks by Davidson Fellipe
See All by Davidson Fellipe
Adventures from Enzyme to React Testing Library
fellipe
1
240
O melhor da monitoração de web performance
fellipe
0
400
Guia do Front-end das galáxias
fellipe
3
230
Workflow para desenvolvimento web e mobile usando gruntjs
fellipe
2
100
Como é trabalhar na Globo.com?
fellipe
3
90
Guia prático de desenvolvimento front-end para django devs
fellipe
1
120
Practical guide for front-end development for Django Devs
fellipe
0
61
Esse cara é o Grunt
fellipe
9
650
Frontend Engineers: Passado, presente e futuro
fellipe
2
290
Other Decks in Programming
See All in Programming
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.6k
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
120
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
510
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
長期運用プロダクトの開発速度を維持し続けるためのリファクタリング実践例
wataruss
8
2.7k
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
実践!難読化ガイド
mitchan
0
220
Modern Angular with the NGRX Signal Store New Rules for Your Architecture @BASTA! 2024 in Mainz
manfredsteyer
PRO
0
160
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
810
Amazon Neptuneで始める初めてのグラフDB ー グラフDBを使う意味を考える ー
satoshi256kbyte
2
260
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
Composing an API the *right* way (Droidcon New York 2024)
zsmb
2
140
Featured
See All Featured
Done Done
chrislema
180
16k
Mobile First: as difficult as doing things right
swwweet
221
8.8k
Embracing the Ebb and Flow
colly
83
4.4k
Writing Fast Ruby
sferik
623
60k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Clear Off the Table
cherdarchuk
91
320k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Typedesign – Prime Four
hannesfritz
39
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Designing for humans not robots
tammielis
248
25k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Transcript
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
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
None
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
None
None
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...
None
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!