Fluent Conference - Highlights
por Davidson Fellipe e Guilherme Souza
https://fellipe.com/slides/fluent2012/pt

Jun 12, 2012

Fluent Conference highlights

Slides feitos para apresentar os pontos mais relevantes da conferência

fluent conference 2012

Conferencia da O'Reilly
Focada em desenvolvimento frontend
1 dia (workshop) + 2 dias (talks)
apresentou diversos cases e o estado da arte do desenvolvimento Javascript

Nomes que passaram por esse palco...

(Twitter) Angus Croll , Jacob Thornton
(Google) Paul Irish, Steve Souders
(Mozilla) Brendan Eich
(Facebook) James Pearce
Nicole Sullivan, Lea Verou, Nicolas Zakas...

Breaking HTML5 limits on mobile JavaScript

Maximiliano Firtman (ITMaster Professional Training)

Breaking HTML5 limits on mobile JavaScript

Maximiliano Firtman (ITMaster Professional Training)

Ferramentas de debug
- iWebInspector
- Remote web inspector
- Adobe Shadow

https://www.slideshare.net/firt/breaking-html5-limits-with-mobile-javascript

Breaking HTML5 limits on mobile JavaScript

O estado atual do desenvolvimento para mobile
Android Fragmentation Visualized
- Muitos aparelhos
- Muitas tamanhos
- Muitos browsers

Breaking HTML5 limits on mobile JavaScript

Who killed my battery - https://www.mobilexweb.com/go/battery

Canvas Boot Camp

Gerred Dillon (Hardmode Studios)

Canvas Boot Camp

Gerred Dillon (Hardmode Studios)

https://github.com/gerred/canvastalk

wtf.js: JavaScript as a First Language

Ryan Bubinski (Codecademy)

wtf.js: JavaScript as a First Language

Ryan Bubinski (codecademy)

Codecademy.com
(plataforma para ensino via tutoriais interativos)
Onde você pode aprender:
JavaScript... Python... Ruby... Web...
Foco no conceito que está ensinando
Feedback mais amigável, pois dificilmente mensagens de erro ajudam iniciantes

vídeo da palestra: https://www.youtube.com/watch?v=OlkW5DKr6G8

wtf.js: JavaScript as a First Language

Ryan Bubinski (codecademy)

Nearly everyone
has a browser installed,
very few people have gcc

Ryan Bubinski

vídeo da palestra: https://www.youtube.com/watch?v=OlkW5DKr6G8

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Clipboard.com (app onde você pode guardar pedaços de uma página)
Bookmarklets são apps armazenada como uma URL nos Favoritos
Verifica login, analisa a DOM, envia dados, reporta status, preview, rescreve a página
Desafios: deteção rápida, renderização de UI e segurança das chamadas a api

vídeo da palestra: https://www.youtube.com/watch?v=e5dJVfipkhY

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Problemas de fatores de desambiguação, z-index, aninhamento e tamanhos
Uso do metodo: document.elementFromPoint
Importação de um css reset especifico e um outro para aplicação
- !important na p*** toda
- Ambos com um id ou classe especifica
Evitar que chamadas a API sejam fraudadas (spoofed)

vídeo da palestra: https://www.youtube.com/watch?v=e5dJVfipkhY

Bookmarklets as Applications
easyXDM (easy X-Domain Messaging)

mais sobre: https://github.com/davidsonfellipe/easyXDM

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Bookmarklets are one of the few methods for creating in-browser mashups between services

Gary Flake

vídeo da palestra: https://www.youtube.com/watch?v=e5dJVfipkhY

Your Script Just Killed My Site

Steve Souders (Google)

Your Script Just Killed My Site

Steve Souders (Google)

Scripts que podem representar um SPOF:
widgets, analytics, ads
Uso de carregamento não-bloqueante para widgets, analytics e Ads
Problema? Imagine o usuário acessando a página de onde o twitter é bloqueado?
- bloqueante? Espera até o timeout
- não-bloqueante? Tem um first view mais rápido

vídeo da palestra: https://www.youtube.com/watch?v=aHDNmTpqi7w

Mobile Device APIs for Fun and Profit

James Pearce (Facebook)

Mobile Device APIs for Fun and Profit

James Pearce (Facebook)

Em que pé está o desenvolvimento web para mobile
@media screen and (max-width:320px)

I had rather hoped that the web would be more awesome than this by now

James Pearce

Keynote: https://speakerdeck.com/u/jamesgpearce/p/mobile-device-apis-for-fun-and-profit

Mobile Device APIs for Fun and Profit

Um mundo de possibilidades!

Maintainable JavaScript

Nicholas Zakas (WellFurnished)

Maintainable JavaScript

Nicholas Zakas (WellFurnished)

Manutenabilidade de código
https://github.com/rwldrn/idiomatic.js/

vídeo da palestra: https://www.youtube.com/watch?v=aHDNmTpqi7w

Curiosidades

B2G: Boot2Gecko
performance.timing
navigator.battery
notification API
mozVibrate
datalist
html2canvas:
https://html2canvas.hertzen.com/
lista com vários simuladores mobile:
https://www.mobilexweb.com/blog/emulators-simulators-mobile-web

Obrigado!

Davidson Fellipe (@davidsonfellipe)
Guilherme Souza a.k.a. Galinho (@gvideo)

https://fellipe.com/slides/fluent2012/pt

Fluent Conference - Highlights por Davidson Fellipe e Guilherme Souza https://fellipe.com/slides/fluent2012/pt

Fluent Conference highlights

fluent conference 2012

Nomes que passaram por esse palco...

Breaking HTML5 limits on mobile JavaScript

Maximiliano Firtman (ITMaster Professional Training)

Breaking HTML5 limits on mobile JavaScript

Maximiliano Firtman (ITMaster Professional Training)

Breaking HTML5 limits on mobile JavaScript

Breaking HTML5 limits on mobile JavaScript

Canvas Boot Camp

Gerred Dillon (Hardmode Studios)

Canvas Boot Camp

Gerred Dillon (Hardmode Studios)

wtf.js: JavaScript as a First Language

Ryan Bubinski (Codecademy)

wtf.js: JavaScript as a First Language

Ryan Bubinski (codecademy)

wtf.js: JavaScript as a First Language

Ryan Bubinski (codecademy)

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Bookmarklets as Applications easyXDM (easy X-Domain Messaging)

Bookmarklets as Applications

Gary Flake (Clipboard Inc.)

Your Script Just Killed My Site

Steve Souders (Google)

Your Script Just Killed My Site

Steve Souders (Google)

Mobile Device APIs for Fun and Profit

James Pearce (Facebook)

Mobile Device APIs for Fun and Profit

James Pearce (Facebook)

Mobile Device APIs for Fun and Profit

Maintainable JavaScript

Nicholas Zakas (WellFurnished)

Maintainable JavaScript

Nicholas Zakas (WellFurnished)

Curiosidades

Obrigado!

Davidson Fellipe (@davidsonfellipe) Guilherme Souza a.k.a. Galinho (@gvideo)

Fluent Conference - Highlights
por Davidson Fellipe e Guilherme Souza
https://fellipe.com/slides/fluent2012/pt

Bookmarklets as Applications
easyXDM (easy X-Domain Messaging)

Davidson Fellipe (@davidsonfellipe)
Guilherme Souza a.k.a. Galinho (@gvideo)