Site hospedado pela RedeHost
JavaScript Reference

PernambucoJS – Resumo

Eventos,JavaScript

Buenas galera, quem acompanha o Blog, viu que postei sobre o PernambucoJS, a conferência Pernambucana de JavaScript.
O evento rolou no último final de semana (21/04/2012) em Recife.
Tive a honra de ser convidado para palestrar por lá e foi muito legal.
Conheci pessoalemente grandes “amigos de Internet”, como o Suissa, Zeno e Keppelen, e pude reencontrar outros que já conhecia de outros eventos, como o Davidson Fellipe, Luiz Thiago e Juarez.
O local do evento tinha uma vista espetacular, as vezes não sabia se olhava pela janela, ou para a palestra :P

Vista #PernambucoJS

Vista #PernambucoJS

Palestras

Como fugir do feijao com arroz usando Canvas, SVG e WebGL
O evento já começou muito bem com a palestra do menino prodígio, Zeno Rocha.
O Zeno trabalha no GloboEsporte.com, obviamente como web dev.
Em sua palestra ele falou sobre Canvas, SVG e WebGL.
Concordo com tudo que o Zeno apresentou, e minhas opniões são bem parecidas em alguns pontos, principalmente no ponto levantado sobre como hoje em dia ainda existem devs que desenvolvem como se estivesse nos anos 90.
HTML5 e tudo que está em volta (CSS3, WEBGL, JSAPIS, etc.) , não são somente para jogos. Seja criativo, e use as novas tecnologias para fazer algo diferente.
Continuando, o Zeno mostrou o que é possível fazer SVG, e como fazer, apresentando os elementos básicos e demos bem legais, como este:
http://www.w3.org/2010/Talks/04-schepers-www2010/themepark.svg e este http://raphaeljs.com/scape/.
Este último é um exemplo utilizando a excelente biblioteca RaphaelJS, também apresentada por ele.
Sobre Canvas, ele mostrou um pouco da API com exemplos simples, como por exemplo desenhar uma linha de um ponto a outro, desenhar formas (círculos, qudrados), além de um pouco de animação http://comofugirdofeijaocomarroz.com/demos/snake/snake.html e http://html5-pro.com/wormz/.
Ele também citou algumas libs para Canvas como a CreateJS e Box2D.
Sobre WebGL, valeu muito a citação da excelente biblioteca ThreeJS, que é uma lib JavaScript para lidar com 3D, além de claro, exemplos muito bons, como esse: http://triggerrally.com/x/Preview/Arbusu/drive Fantástico esse!
Bom, isto foi apenas um resumo da palestra, ainda teve vários outros exemplos, demos, bibliotecas, etc.
Então, da próxima vez, não perca a oportunidade ;)
Link dos slides: http://comofugirdofeijaocomarroz.com/

Zeno e Jaydson

Zeno e Jaydson

Aplicações Mobile com Javascript
A palestra seguinte foi do Luiz Thiago, falando sobre apps mobile com JavaScript.
Para quem não sabe, o Luiz Thiago é um dos organizadores do evento ;)
O luiz começou falando sobre a quantidade de dispositivos móveis existentes hoje no mundo, que é enorme e cresce exponencialmente.
A palestra focou no desenvolvimento de apps Mobile com o jQuery Mobile, onde ele mostrou o porque escolher esta lib na hora de desenvolver uma app mobile.
As vantagens estão em: Multiplataforma e Multidispositivo, isso porque o jQuery Mobile tem um excelente suporte para IOS, Android, BlackBerry, Windows Phone, entre outros.
Outra boa vantagem é o custo em KB, a versão min tem apenas 18KB.
Ainda tem mais, os componentes, o themeroller, e principalmente o fato de não precisar testar no IE. \o/
O Luiz ainda botou a mão na massa, e fez um livecoding mostrando como criou a página mobile do site PernambucoJS.
Link dos slides: http://www.slideshare.net/luiztiago/jquery-mobile-aplicaes-mveis-com-javascript

Luiz Thiago - jQuery Mobile

Luiz Thiago - jQuery Mobile

Extreme Web Performance
Depois do Luiz, foi minha vez de palestrar.
Repeti a palestra do RSJS sobre performance Web, onde apresentei várias técnicas de otimização de um site, além de mostrar um estudo de caso de performance do Terra, onde conseguimos diminuir drasticamente o tempo de carregamento da capa do portal.
Como já fiz um review sobre esta palestra, não vou faze-lo novamente aqui.
Segue o link do post que fiz: http://jaydson.org/rsjs-extreme-web-performance/.
Inlcusive nesta minha apresentação no RSJS tem o vídeo da palestra.
Não foi exatamente a mesma palestra, e o público era bem diferente, mas pra quem não pode comparecer, vale dar uma olhada.
Link dos slides: http://goo.gl/T8x2K

Jaydson #PernambucoJS

Jaydson #PernambucoJS

ActiveRecord com Node.JS
Após a minha palestra foi a vez do Standup Comedy do Suissa.
Sim, a palestra do Suissa mais parece um standup do que uma palestra. Bom para os participantes, que além de ver uma palestra, ainda podem dar umas boas risadas.
Brincadeiras a parte, a palestra do Suissa foi bem boa.
Basicamente ele falou sobre o pattern ActiveRecord, e como isso funciona com NodeJS e com o MongoDB.
O Suissa fez um live-conding, mostrando como é fácil fazer um Blog usando Mongoose, que é um ORM para NodeJS que utiliza como base o MongoDB.
Link dos slides: undefined (O Suissa ainda não liberou)

Suissa e Jaydson

Suissa e Jaydson

Javascript Cross-browser
Depois das lightnings talks (que foram muito boas), foi a vez do Davidson Fellipe.
O Davidson é front-end developer na Globo.com e co-organizador do RioJS.
Ele começou com uma pergunta muito pertinente:
“Um site precisa ter exatamente o mesmo visual em todos os browsers?”
A resposta está aqui: http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Outra coisa interessante que o Davidson mostrou foi a técnica Graded Browser Support, criada pela Yahoo!.
Basicamente o GBS é uma maneira de informar quais Browsers são suportados.
O Davidson também mostrou um projeto bem interessante da Globo.com, o Salve a Web Por Favor (https://github.com/globocom/sawpf).
O projeto, open-source que está no Github, tem como objetivo eliminar browsers antigos.
Sobre estratégias crossbrowser ele falou sobre ter uma boa suíte de testes e sobre as técnicas de feature simulation e object detection.
Link para os slides: http://www.slideshare.net/davidsonfellipe/javascript-cross-browser

Jaydson e Davidson

Jaydson e Davidson

Responsive design sem mitos
A palesra do Bernardo Heynemann foi uma das melhores na minha opnião.
A didática do Bernardo é excelente e o conteúdo foi muito bem apresentado.
O Bernardo é líder técnico da home da Globo.com, além de ter uma vasta experiência, é criador de alguns projetos bem interessantes que podem ser vistos no Github https://github.com/heynemann.
Bom, a palestra dele foi sobre Responsive Design. Ele mostrou como existem mitos em cima deste tema, como por exemplo: ‘Responsive Design é apenas para sites pequenos‘.
A resposta do Bernardo para este mito foi que o portal etc da Globo.com já é responsivo desde outubro de 2011 e apresentou em primeira mão a nova home da Globo.com, que entrou no ar poucos dias depois do evento.
Concordo plenamente com isso, tanto que lá no Terra também temos produtos que já estão sendo desenvolvidos com esta técnica.
Grandes portais e grandes empresas estão cada vez mais utilizando responsive design ;)
Além deste mito, o Bernardo foi desvendando vários outros durante a palestra. Realmente muito boa.
Link para os slides: http://www.slideshare.net/heynemann/responsive-design-sem-mitos

Bernardo Heynemann #PernambucoJS

Bernardo Heynemann #PernambucoJS

Aplicações de grande porte com YUI3 e AlloyUI
Pra fechar com chave de ouro o evento, o Eduardo Lundgren deu uma palestra tão boa quanto a do Bernardo.
O Eduardo trabalha na Liferay e já foi contribuídor do jQuery e do jQueryUI.
Em sua palestra ele falou sobre o YUI(uaiuai), biblioteca JavaScript desenvolvida pela Yahoo! e sobre o AlloyUI, uma espécie de framework criado pela Liferay que fornece uma API simples para criar aplicações web.
O Eduardo mostrou um pouco da YUI, seus componentes e funcionamento, além de fazer um comparativo bem interessante com o jQuery.
Sobre o porque usar o YUI, o Eduardo citou alguns pontos como: Lazyload nativo, widgets, uma atenção especial para gráficos, eventos customizados, entre outros.
Link dos slides: http://www.slideshare.net/eduardolundgren/yui3-and-alloyui-introduction-for-pernambucojs-2012

Eduardo Lundgren - #PernambucoJS

Eduardo Lundgren - #PernambucoJS

Além das excelentes palestras, rolou no final do evento uma mesa redonda, onde os participantes puderam fazer perguntas variadas aos palestrantes.
Depois da mesa redonda teve sorteio de brindes dos patrocinadores.
O Terra enviou para sorteio créditos no SundayTV, estojo, caneta e uma mochila bem bacana.

Mesa Redonda - #PernambucoJS

Mesa Redonda - #PernambucoJS

Finalizando, foi um ótimo evento. A organização está de parabéns, pois sei como é complicado organizar um evento deste porte.
Saliento também que fico muito feliz de ver a comunidade JavaScript crescendo cada vez mais no Brasil, com eventos regionais, pessoas realmente engajadas em transmitir conhecimento, grupos de usuários, etc.
Espero que 2012 continue sendo o ano do JavaScript no Brasil. Estamos mostrando ao mundo que o Brasil tem um potencial enorme.
Inclusive em minha palestra, comentei que no mesmo final de semana do PernambucoJS, estava rolando um encontro da Mozilla na Argentina, e o Leonardo Balter juntamente com o Felipe N. Moura palestraram por lá, falando exatamente sobre isso, comunidades JavaScript no Brasil.
Vejam a apresentação: http://leobalter.github.com/MozCamp-2012-talk/

Até breve!

Nenhum Comentário

Experimento CSS3 3D – The Wall Explosion

CSS3,HTML5,JavaScript,Mozilla

Depois de assistir pela terceira vez a palestra sobre CSS3 do Felipe N. Moura, e ter agumas aulas do próprio, me empolguei com CSS3, principalmente com a possibilidade 3D.
Coincidentemente, neste mês de Março, o Mozilla Dev Derby é sobre CSS3 3D.
Já submeti 2 demos simples para a Mozilla, e agora fiz uma coisa um pouco mais complexa.
Minha ideia foi criar um muro 3D,  com tijolos 3D.
É simples, cada tijolo do muro é um elemento 3D, e o conjunto de tijolos que formam o muro, também é 3D.
Fiz um vídeo, onde fica mais fácil visualizar a proposta do experimento.

No vídeo, usei o Chrome, pois a performance é um pouco melhor que no Firefox. Mas o experimento funciona em ambos, além do Safari.
O código deste experimento, assim como os outros que fiz, está no GitHub:
https://github.com/jaydson/wall-explosion-css3d

Além disso, está publicado nos demos da Mozilla para o DevDerby:
https://developer.mozilla.org/pt-BR/demos/detail/the-wall-explosion

Curtam lá!

Nenhum Comentário

RSJS – Animações com CSS3

CSS3,Eventos,JavaScript,RSJS

Finalizando a série de posts sobre o #RSJS, compartilho agora o vídeo da palestra de animações com CSS3 do Felipe N. Moura.
Esta, como todas as outras é uma excelente palestra, mas ressalto que, quem se interessa por animações, deve parar agora o que estiver fazendo, e assisti-la.
O Felipe dedicou bastante tempo de estudo em cima de animações com CSS3, e o conteúdo que ele apresenta é sensacional, com vários exemplos de animações, mostrando assim o que pode ser feito.
Já assisti algumas vezes a palestra, mas sempre tem algo novo, assistam que vale a pena.

* Cobertura: GoNow Tecnologia – gravação feita pela Laura Lou

1 Comentário

RSJS – CoffeeScript + Node.js

Eventos,JavaScript,nodeJS,RSJS

Mais um vídeo das palestras do #RSJS foi liberado.
Desta vez, quem fala é o Ricardo Tomasi, sem dúvida um dos melhores desenvolvedores Front-End do Brasil.
Na palestra ele mostrou o porque apostar as fichas no CoffeeScript.
Explicou o funcionamento, as vantagens e features do Coffee além de mostrar que coffee é a companhia perfeita para o node.js.
Segue o vídeo:

* Cobertura: GoNow Tecnologia – gravação feita pela Laura Lou

Nenhum Comentário

Sampa JS

Eventos,JavaScript

Falei ontem do PernambucoJS, e acabei esquecendo do SampaJS que acontece agora no dia 17 de Março em São Paulo.
Segue a descrição do evento:
“Esta será a segunda edição do Sampa.js que desta vez começará na parte da tarde para que o pessoal possa dormir um pouco mais.
Os temas abordados nas palestras serão: Design Patterns aplicados, Melhorando Acessibilidade de Aplicações JavaScript, Automatizando testes de Javascript no front-end, REST Client Side, ECMAScript5 e 6, jQuery Mobile e Node.js.
O evento será realizado no Auditório da PUC da Consolação na Rua Marquês de Paranaguá, 111″.

Bom, entre a lista de palestrantes estão vários nomes conhecidos, como o Iraê Carvalho e Alexandre Gaigalas, ambos do Yahoo! Brasil, Thiago Avelino, que é um dos fundadores da Nodegrid, entre outros não menos importantes.
Olhem a grade no site para ver a lista completa: http://www.sampajs.com/

Quem estiver por São Paulo neste dia, vale a pena dar uma conferida no evento, que vai estar muito bom.

Nenhum Comentário

RSJS – Extreme Web Performance

Eventos,JavaScript,RSJS

Buenas, saiu o vídeo da minha palestra no #RSJS \o/
Como o nome diz, falei sobre performance Web. Basicamente transmiti tudo que aprendi durante 6 meses de trabalho em um projeto de performance no Terra, onde conseguimos reduzir em 60% o carregamento da home.
Apesar dos 70 slides, muita coisa que eu gostaria de falar ficou de fora, mas em outra oportunidade falarei mais a respeito.
Recomendo que todos que trabalham com Web assistam a palestra.
Feedbacks são bem vindos ;)

* Cobertura: GoNow Tecnologia – gravação feita pela Laura Lou

Nenhum Comentário