SlideShare uma empresa Scribd logo
It's

Javascript TIME
Por davidson fellipe
It's time !!!
davidson fellipe
front end engineer na globo.com
davidson fellipe
front end engineer na globo.com

ex-dev
php
/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
evolução do tamanho das js requests

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://httparchive.org/trends.php#numurls
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
grande quantidade de pacotes disponíveis

simples?
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
Por que usar o GRUNT?
Testes
JS linting
Concatenar e Minificar arquivos
Otimizar imagens
live reload
Watches para Pré-processadores
workflow
It's Javascript Time
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
It's Javascript Time
It's Javascript Time
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
CONSUMO ENERGIA
DOS COMPONENTES

outros - incluem conexões 3G e text rendering
css e js - maior consumo relacionado a transmissão e rendering
Who Killed My Battery: Analyzing Mobile Browser Energy Consumption
http://www.broofa.com/Tools/JSLitmus/
http://jsperf.com/
http://browserdiet.com/pt
monitoramento de
indicadores de
performance

https://github.com/davidsonfellipe/keepfast/
http://fellipe.com/slides/performance-javascript/
js
everywhere
CONVERTENDO PARA
APPS MOBILE

http://phonegap.com/
...ou criando nativas

http://www.mozilla.org/pt-BR/firefox/os/
processamento
digital de imagens

https://github.com/davidsonfellipe/lena.js/ | http://fellipe.com/demos/lena-js/
realidade
aumentada

http://trackingjs.com/examples.html | http://vimeo.com/48428772
drones

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

https://developer.mozilla.org/en/demos/detail/bananabread
como se manter
atualizado?
https://twitter.com/slicknet/status/292103833327370240
6 SEMANAS?
http://javascriptweekly.com
http://braziljs.org/
É MUITA COISA
PARA ESTUDAR...
It's Javascript Time
comunidade
js
COMUNIDADE JAVASCRIPT
há Vários eventos no brasil
Projetos de código aberto conhecidos
Profissionais com destaque
internacional
tenha o seu github

https://github.com/davidsonfellipe

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://www.braziljs.org

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://www.riojs.org/conf

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
Seja
bem vindo
ao mundo do js
the winner...
will be...
...You
Obrigado!
/davidsonfellipe
/davidsonfellipe
/fellipe
fellipe.com/talks

Mais conteúdo relacionado

Mais procurados (20)

PDF
Você não precisa de uma sopa de letrinhas para criar web apps
William Oliveira
 
ODP
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Edmo Jeova
 
PDF
Realidade Virtual com Tecnologias Web
Thayana Mamoré
 
PDF
Primeiros passos para estruturar uma equipe front-end
Diego Eis
 
PDF
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
William Oliveira
 
PDF
Engenharia de front end de alta performance
Anderson Solano
 
PPTX
Introdução ao Asp.Net Mvc
Giovanni Bassi
 
PDF
Os cuidados e os limites do Responsive Web Design
Diego Eis
 
PDF
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
Vinícius Lourenço
 
PDF
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
Vinícius Lourenço
 
PDF
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
Vinícius Lourenço
 
PDF
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Vinícius Lourenço
 
PPTX
Canal Coding Night - Sua primeira aplicação com Blazor
Gustavo Bellini Bigardi
 
PDF
Node.js e Express
Dan Vitoriano
 
PPTX
Desenvolvendo para WordPress com Docker, Git e WP-CLI
Rudá Almeida
 
PDF
Cianorte Meetup 2018 - Cultura DevOps
Danilo Porcelani
 
PDF
Como encarar o desenvolvimento front-end
Jean Carlo Emer
 
PPTX
Introdução ao desenvolvimento de aplicações web
Rodrigo Branas
 
PDF
Webapp já posso invistir nisso ? FISL12
Bruno Fernandes "PorKaria"
 
PDF
Javascript Cross-browser
Davidson Fellipe
 
Você não precisa de uma sopa de letrinhas para criar web apps
William Oliveira
 
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Edmo Jeova
 
Realidade Virtual com Tecnologias Web
Thayana Mamoré
 
Primeiros passos para estruturar uma equipe front-end
Diego Eis
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
William Oliveira
 
Engenharia de front end de alta performance
Anderson Solano
 
Introdução ao Asp.Net Mvc
Giovanni Bassi
 
Os cuidados e os limites do Responsive Web Design
Diego Eis
 
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
Vinícius Lourenço
 
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
Vinícius Lourenço
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
Vinícius Lourenço
 
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Vinícius Lourenço
 
Canal Coding Night - Sua primeira aplicação com Blazor
Gustavo Bellini Bigardi
 
Node.js e Express
Dan Vitoriano
 
Desenvolvendo para WordPress com Docker, Git e WP-CLI
Rudá Almeida
 
Cianorte Meetup 2018 - Cultura DevOps
Danilo Porcelani
 
Como encarar o desenvolvimento front-end
Jean Carlo Emer
 
Introdução ao desenvolvimento de aplicações web
Rodrigo Branas
 
Webapp já posso invistir nisso ? FISL12
Bruno Fernandes "PorKaria"
 
Javascript Cross-browser
Davidson Fellipe
 

Destaque (6)

PDF
Pesquisa de Guerrilha - Entendendo seu usuário com agilidade e baixo custo
Ana Paula Batista
 
PDF
Empreendedorismo UFMG - Design Sprint
Ana Paula Batista
 
PDF
Carreiras em Tech além da Programação - Slides da Palestra no The Developer's...
Jacqueline Yumi Asano
 
PDF
xChange Austin Presentation
Oen Michael Hammonds
 
PDF
Design as the art of materializing business decisions (Interaction 16)
Thiago Esser
 
PDF
Presentation done in GENPACT
Dr. Amit Kapoor
 
Pesquisa de Guerrilha - Entendendo seu usuário com agilidade e baixo custo
Ana Paula Batista
 
Empreendedorismo UFMG - Design Sprint
Ana Paula Batista
 
Carreiras em Tech além da Programação - Slides da Palestra no The Developer's...
Jacqueline Yumi Asano
 
xChange Austin Presentation
Oen Michael Hammonds
 
Design as the art of materializing business decisions (Interaction 16)
Thiago Esser
 
Presentation done in GENPACT
Dr. Amit Kapoor
 
Anúncio

Semelhante a It's Javascript Time (20)

PDF
Workflow Open Source para Frontend Developers
Davidson Fellipe
 
PDF
Curso: Web Design Responsivo
Tersis Zonato
 
PDF
Presentta: usando Node.js na prática
Nando Vieira
 
PDF
Introdução ao Drupal
Campus Party Brasil
 
PDF
JavaServer Faces - Desenvolvendo aplicações web com produtividade
Rafael Ponte
 
PPT
Palestra html5 e CSS3
CELULA CURSOS
 
ODP
Javascript para adultos
Guilherme Blanco
 
PPT
Javascript levado a serio
Jaydson Gomes
 
PPTX
Containers no Ambiente de Desenvolvimento - mvp conf latam 2019
Luiz Carlos Faria
 
PPTX
Debug de cabo a rabo
Ricardo Moraleida
 
PDF
Lightning Talk: Webdev who?
Leandro Nunes
 
PPTX
Minicurso Web. Front-end e HTML5 (parte 1)
Luiz Felipe Fernandes Machado Costa
 
PDF
Flash + WordPress = Amantes
Active Media
 
PDF
Desafios de um desenvolvedor JSF
Rafael Ponte
 
PDF
O Desenvolvedor Web
Rafael Carneiro
 
ODP
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Marcelo Linhares
 
PPTX
ASP .NET MVC - Você esta pronto para a pílula vermelha?
Douglas Aguiar
 
PPT
Front-end ENGINEER
Ivan Banov
 
PDF
JavaScript Moderno
Josino Rodrigues
 
PDF
Por que devo aprender JavaScript?
Breno Alves
 
Workflow Open Source para Frontend Developers
Davidson Fellipe
 
Curso: Web Design Responsivo
Tersis Zonato
 
Presentta: usando Node.js na prática
Nando Vieira
 
Introdução ao Drupal
Campus Party Brasil
 
JavaServer Faces - Desenvolvendo aplicações web com produtividade
Rafael Ponte
 
Palestra html5 e CSS3
CELULA CURSOS
 
Javascript para adultos
Guilherme Blanco
 
Javascript levado a serio
Jaydson Gomes
 
Containers no Ambiente de Desenvolvimento - mvp conf latam 2019
Luiz Carlos Faria
 
Debug de cabo a rabo
Ricardo Moraleida
 
Lightning Talk: Webdev who?
Leandro Nunes
 
Minicurso Web. Front-end e HTML5 (parte 1)
Luiz Felipe Fernandes Machado Costa
 
Flash + WordPress = Amantes
Active Media
 
Desafios de um desenvolvedor JSF
Rafael Ponte
 
O Desenvolvedor Web
Rafael Carneiro
 
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Marcelo Linhares
 
ASP .NET MVC - Você esta pronto para a pílula vermelha?
Douglas Aguiar
 
Front-end ENGINEER
Ivan Banov
 
JavaScript Moderno
Josino Rodrigues
 
Por que devo aprender JavaScript?
Breno Alves
 
Anúncio

Mais de Davidson Fellipe (14)

PDF
Workflow para desenvolvimento Web & Mobile usando grunt.js
Davidson Fellipe
 
PDF
Practical guide for front-end development for django devs
Davidson Fellipe
 
PDF
Esse cara é o grunt
Davidson Fellipe
 
PDF
Frontend Engineers: passado, presente e futuro
Davidson Fellipe
 
PDF
Turbinando seu workflow para o desenvolvimento de webapps
Davidson Fellipe
 
PDF
Os segredos dos front end engineers
Davidson Fellipe
 
PDF
performance em jQuery apps
Davidson Fellipe
 
PDF
RioJS - Apresentação sobre o grupo
Davidson Fellipe
 
PDF
frontend {retirante: nordestino;}
Davidson Fellipe
 
PDF
CANVAS vs SVG @ FrontInRio 2011
Davidson Fellipe
 
PDF
Canvas element
Davidson Fellipe
 
PDF
Tutorial Crição De Imagens Panoramicas Hugin
Davidson Fellipe
 
PDF
Sistema De Comunicação Bluetooth Usando Microcontrolador PIC
Davidson Fellipe
 
PPTX
Sistema De Comunicação Bluetooth Usando Microcontrolador PIC
Davidson Fellipe
 
Workflow para desenvolvimento Web & Mobile usando grunt.js
Davidson Fellipe
 
Practical guide for front-end development for django devs
Davidson Fellipe
 
Esse cara é o grunt
Davidson Fellipe
 
Frontend Engineers: passado, presente e futuro
Davidson Fellipe
 
Turbinando seu workflow para o desenvolvimento de webapps
Davidson Fellipe
 
Os segredos dos front end engineers
Davidson Fellipe
 
performance em jQuery apps
Davidson Fellipe
 
RioJS - Apresentação sobre o grupo
Davidson Fellipe
 
frontend {retirante: nordestino;}
Davidson Fellipe
 
CANVAS vs SVG @ FrontInRio 2011
Davidson Fellipe
 
Canvas element
Davidson Fellipe
 
Tutorial Crição De Imagens Panoramicas Hugin
Davidson Fellipe
 
Sistema De Comunicação Bluetooth Usando Microcontrolador PIC
Davidson Fellipe
 
Sistema De Comunicação Bluetooth Usando Microcontrolador PIC
Davidson Fellipe
 

Último (20)

PDF
Caderno de Resumos XIX ENPFil, X EPGFil e VIII EPFEM.pdf
enpfilosofiaufu
 
PPTX
metodologiadotrabalhocientificonafaculda
DeuzinhaAzevedo
 
PPTX
Estudos Sócio-antropológicos da Infância e da Juventude - plano de ensino.pptx
Emilim1
 
PPTX
LUTAS PELO MUNDObsbsbsnnsnsnsnsndndnnsndnxndnd
d4vyxz
 
PPTX
Origens da DUDH e da CF Brasileira de 1988
Blogs Flor do Lácio e Liceu
 
PDF
AS GRANDES GUERRAs bhhgfddddgiotrvjiijjn
mariaoliveira0808200
 
PDF
PROVA DE BIOLOGIA PARA O SEGUNDO ANO DO ENSINO MÉDIO
Salvioli1
 
PPTX
RELAÇÕES INTERPESSOAISQKJSXKJQSXJQSXKJQS
WalbersonMartinsRodr
 
PDF
Slides de Concentração e memória.pdf
lucianaeverton56
 
PPTX
zoologia_invertebrados_características_gerais
thomaznova1
 
PDF
Na pastelaria com a minha avó e o meu primo
biblioteca123
 
PDF
ARTE EM EXPOSIÇÃO. _
Colégio Santa Teresinha
 
PPTX
Dissertação - Introdução e proposta.pptx
BrunoSantiago66
 
PPTX
ProducaoMudas Sexuada e Assexuada bem elaborado
joilsonbrocha
 
PPTX
Supervisao de celulas MDA XXXXXXXXXXXXXXX
Andre126038
 
PPT
GLOBALIZAÇÃO NOVA ORDEM E CENARIOS SECULO XXI
elioenaigomesfreire
 
PDF
POP IT - Calculando multiplicação
Mary Alvarenga
 
PDF
casadosefelizesi5abr23-230722164537-1080a97f.pdf
JosiasSilva69
 
PPTX
Slides Lição 3, CPAD, Uma Igreja Fiel à Pregação do Evangelho, 3Tr25.pptx
LuizHenriquedeAlmeid6
 
PDF
POP IT tabuada de Pitágoras - multiplicação.
Mary Alvarenga
 
Caderno de Resumos XIX ENPFil, X EPGFil e VIII EPFEM.pdf
enpfilosofiaufu
 
metodologiadotrabalhocientificonafaculda
DeuzinhaAzevedo
 
Estudos Sócio-antropológicos da Infância e da Juventude - plano de ensino.pptx
Emilim1
 
LUTAS PELO MUNDObsbsbsnnsnsnsnsndndnnsndnxndnd
d4vyxz
 
Origens da DUDH e da CF Brasileira de 1988
Blogs Flor do Lácio e Liceu
 
AS GRANDES GUERRAs bhhgfddddgiotrvjiijjn
mariaoliveira0808200
 
PROVA DE BIOLOGIA PARA O SEGUNDO ANO DO ENSINO MÉDIO
Salvioli1
 
RELAÇÕES INTERPESSOAISQKJSXKJQSXJQSXKJQS
WalbersonMartinsRodr
 
Slides de Concentração e memória.pdf
lucianaeverton56
 
zoologia_invertebrados_características_gerais
thomaznova1
 
Na pastelaria com a minha avó e o meu primo
biblioteca123
 
ARTE EM EXPOSIÇÃO. _
Colégio Santa Teresinha
 
Dissertação - Introdução e proposta.pptx
BrunoSantiago66
 
ProducaoMudas Sexuada e Assexuada bem elaborado
joilsonbrocha
 
Supervisao de celulas MDA XXXXXXXXXXXXXXX
Andre126038
 
GLOBALIZAÇÃO NOVA ORDEM E CENARIOS SECULO XXI
elioenaigomesfreire
 
POP IT - Calculando multiplicação
Mary Alvarenga
 
casadosefelizesi5abr23-230722164537-1080a97f.pdf
JosiasSilva69
 
Slides Lição 3, CPAD, Uma Igreja Fiel à Pregação do Evangelho, 3Tr25.pptx
LuizHenriquedeAlmeid6
 
POP IT tabuada de Pitágoras - multiplicação.
Mary Alvarenga
 

It's Javascript Time