– Informações da vaga

· Programador de Interface Sênior

· Local: Barra Funda, São Paulo – SP

· Área: R7 – Arquitetura

· Tipo da vaga: CLT – 8h48+1h (horário flexível)

– Requisitos

· Experiência mínima comprovada de 6 anos na área de internet;

· Entusiasta de “Web standards” (W3C), XHTML, HTML5, XML, XSL, CSS 3, JavaScript (jQuery é um diferencial), AJAX, JSON, JSONP;

· Implementar interfaces de acordo com o especificado por arquitetura de informação e design;

· Conhecimento com versionamento GIT;

· Ajudar nas decisões de UI e UX;

· Trabalhar em equipe interdisciplinar e gostar disso;

· Programar códigos JavaScript e CSS reutilizáveis e legíveis para outros programadores;

· Noções básicas de Design;

– Desejável

· Formação em Ciências da Computação, Engenharia da Computação ou áreas correlatas;

· Conhecimento ou vontade em aprender SCRUM;

· Inglês fluente;

· Foco em entrega;

– Diferencial

· Conhecimento em banco de dados relacional (MySQL) e não-relacional (MongoDB);

· Estar preparado para aprender e ensinar;

· Disponibilidade na última quinta-feira do mês para comemorar;

– Enviar currículo para: vagas-interface@r7.com

Trata-se da realização de hacks

O evento é realizado simultaneamente em 6 cidades do mundo, que são: Washington (Estados Unidos da América), Jakarta (Indonesia), Syney (Australia), Nairobi (Kenya), Santiago (Chile) e São Paulo (Brasil).

Esta oportunidade só foi possível graças ao Yahoo! Open Hack Day Brazil 2010, momento que serei eternamente grato e servirá de padrão na realização de eventos do gênero.

Para mais informações e inscrições, acesse: http://www.rhok.org/events/rhok-1-0/sao-paolo-brazil/

Ainda, a nova versão do HTML visa a tão pregada Web Semântica, fazendo uso de novas tags que organizam e facilitam o trabalho de mecanismos de busca, navegadores especiais para portadores de algum tipo de deficiência, além da melhor organização do código criado.

Dentre os novos recursos, é possível destacar alguns como o playback de mídia sem uso de nenhum plugin (vídeos e áudio, com formato open-source como ogg e outros), armazenamento de informações offline (que melhora o tratamento de cookies e aumenta ainda mais as possibilidades de desenvolvimento), canvas (ferramenta de gráficos 2D baseado em cálculo), drag-and-drop (clicar e arrastar, para arquivos locais interagirem com sites não só por um botão de “upload“), entre muitos outros novos recursos.

Mas o que isso pode trazer como melhoria?

O fato de não precisar de plugins e de que a maioria dos chamados browsers modernos (as últimas versões de Firefox, Safari, Chrome, Opera) dar suporte, possibilita o desenvolvimento único para mais de um dispositívo.

Por exemplo: se você criar uma página com um vídeo do youTube, utilizando seu código em Flash para exibir, não funcionaria em dispositivos como alguns celulares com Android, também no iPhone, iPod Touch, no recente iPad e outros. Entretanto, se esta página possuir o mesmo vídeo, porém sendo chamado utilizando a tag <video> do HTML5 (e usando o vídeo no formato Theora), ele irá funcionar nos dispositivos acima, pelo simples fato de utilizarem navegadores com o motor baseado em WebKit, que já suporta HTML5.

No link abaixo, você pode ver uma tabela com informações comparativas da disponibilidade de cada recurso, entre os principais navegadores de hoje:

http://www.findmebyip.com/litmus/#target-selector

Existem também muitas melhorias fora da área de experiências ricas, como dizer que tipo de informação um campo de formulário deverá receber; se um telefone, números (com range especificado), datas, e-mail, código de cor etc.

Resumindo

Mais velocidade, compatibilidade entre dispositivos, maior compreensão do conteúdo mostrado, sites mais inteligentes e com mais recursos, aproximando ainda mais a internet do sistema operacional.

Abaixo, um vídeo interessante e introdutório criado por Brad Neuberg sobre HTML5. Em inglês.

Acesse alguns sites que já estão em HTML5 e veja a diferença (mas certifique-se de estar usando um navegador compatível).

• HTML5 Browser Test
• HTML5 Canvas and Audio experiment
• Quake II ported to HTML5

Com uma estrutura de causar inveja há muitos eventos pagos por aí, os hackers foram tratados como estrelas. Muitos flip charts, white boards, água, chá, café e refrigerante sempre  disponíveis, acho que quatro refeições por dia, Wii, PlayStation 3, post-it, banheiros extremamente bem cuidados, time do Yahoo! preparado para qualquer dúvida, internet wireless que nunca havia visto em um evento e muitos outros detalhes.

Dentre todos os colaboradores do evento, destacaram-se Guilherme Chapiewski, Antonio Carlos, Pedro Valente e mais um pessoal que, definitivamente, sabiam o que estavam fazendo.

F1 Results

Eu e Fábio Dan, como é de conhecimento, temos um coletivo para estudos chamado Social Minds, onde colocamos em prática estudos materializados em forma de idéias, que servem basicamente para o uso da internet na melhoria da vida offline.

Existiam duas idéias. Uma complexa, completa e muito boa, mas que com certeza iria demandar mais que 24 horas de desenvolvimento. Pensamos em começar antes do evento mas decidimos fazer absolutamente tudo lá. Neste tempo entre a confirmação de nossa presença e o evento, achamos um link interessante de um designer que criou uma aplicação para os campeonatos de Mario Kart com seus amigos de trabalho. O “Wii Love Mario Kart“, criado por David Desandro.

Já no evento, um colega de trabalho, o Iraê, estava sem projeto e foi integrado a equipe. Pensávamos em fazer um web scraping da página oficial da F1, mas então Pedro Valente nos sugeriu uma API com todas as informações de todas as etapas, desde 1950 até 2009. É a Ergast Developer API.

Daí em diante foi uma maratona em fazer o hacking da aplicação (que comportava poucos competidores e poucas etapas), utilizando as informações da API e adaptar a interface.

O resultado disso tudo foi além da expectativa. Muito além. Fomos premiados como o Melhor Hack do Evento (eleito pelos jurados), Melhor Hack eleito pelos hackers e melhor interface de usuário. Além das recompensas materiais, coloco abaixo as recompensas de valor inestimado pra toda a equipe:

Christian Heilmann: Absolutely stunning Formula One history visualization in Canvas (winner of #brhackday) http://f1results.socialminds.com.br/

David Desandro: Awesome @irae @fabiodan and @danielfilho overclocked @nclud’s silly Mario Kart site with actual F1 racing stats http://bit.ly/9cVdko

Ergast: @danielfilho Congratulations on your success at the Brazil Hack Day!

Pedro Valente: Parabéns @danielfilho, @irae, @fabiodan pelo sensacional hack campeão no #brhackday. Só falta a url, tou louco pra brincar de #f1 tbem

Guilherme Chapiewski: #f1 #formula1 hack ftw!!! What a great project! :) Congrats! #brhackday http://twitpic.com/1a26f4

Tiago Doria: F-1 results, aplicativo que cria infográficos e animações a partir dos resultados da Fórmula 1, foi o grande vencedor

UOL Tecnologia: Profissionais do UOL são premiados no Yahoo! Hack Day por aplicativo de F-1

Entre muitos outros.

Em tempo, o projeto está disponível no github, onde todos estão convidados a fazer um fork e melhorá-lo :D

Mas se só quiser dar uma olhada, basta acessar o F1 Results.

Além disso, você ainda conta com possibilidades de personalizar uma url encurtada, no lugar dos caracteres aleatórios, você pode colocar uma palavra-chave ou tag, como por exemplo: http://encurt.ar/palavrachave.

Em seguida, um exemplo de como encurtar uma URL utilizando a API do bit.ly:
(é importante ter em mente a necessidade de um elemento com id “urlEncurtada” [div, p, input etc.], na página com este script)

Abaixo, o JSON gerado pela api do bit.ly:

Outra grande característica de alguns encurtadores é a possibilidade de ter estatísticas do link encurtado. Sua página de estatísticas de cada link é bem completa e interessante. Basta você adicionar o símbolo de “+” no final da url encurtada e a página com o sumário de acessos é exibida. Ex: http://bit.ly/aJOHzM+. Você pode até ter um sumário de quantas pessoas fizeram retweet de sua url.

Pretendo aqui conversar, opinar e receber opiniões sobre as áreas que conheço. Também, sobre estudos e projetos que levo.

Posso garantir que alguns dos assuntos serão de HTML5 até empreendedorismo, passando por técnicas ágeis de desenvolvimento, back-end e front-end, evoluindo conforme os meios evoluem. Também de alguns projetos paralelos e seus braços open-source, que estou começando com um grande amigo.

O primeiro post já está sendo feito e em breve será postado.

Enquanto isso, assinem o RSS e espero que gostem do que tenho pra compartilhar com vocês.

Olá mundo!