Para ele, é sempre melhor trabalhar com a versão mais recente do JQuery, mas com o devido cuidado ao linkar para a última versão, sob o risco da sua aplicação quebrar quando a biblioteca for atualizada. “É melhor baixar a versão específica com a qual estiver trabalhando, a versão na qual foi desenvolvida a aplicação”, resume. Davidson apresentou no BeagaJS as “boas práticas” para melhorar o desempenho de apps que usam JQuery, com dicas, demos e sugestões de ferramentas que possibilitam ganhos significativos no tempo de execução de aplicações:

- Automatize o processo: combine, minifique e gzipping seus scripts.
- Compacte todos os scripts em apenas 1 arquivo
- Use o YUI compressor para minificar o arquivo
- Muitos browsers não estão aptos a processar mais que um script paralelamente
- Evite uso do seletor universal implícito
- Evite manipulações desnecessárias de DOM (demo)
- Use encadeamento (chaining)
- Use contexto em seus seletores
- Use “For” em vez de “Each”
- Use “id” ao em vez de classes
- Entenda o código-fonte do jQuery

Assista ao vídeo com a íntegra da palestra de Davidson Fellipe no BeagaJS:

Veja também os slides da apresentação:

Se você tem interesse em saber mais sobre JQuery e aprender a criar plugins e widgets, assista também ao vídeo da palestra de Marcos Sousa no BeagaJS:
http://www.gonow.com.br/blog/2012/02/01/dicas-para-criar-plugins-e-widgets-com-jquery/

Reunião entre equipes do RHoK mundial

Interessado em criar soluções para um mundo melhor e mais sustentável mas não sabe como? Então junte-se aos “hackers of kindness” e desenvolva aplicativos “sustentáveis” (sim, programadores também podem e devem pensar na sustentabilidade do mundo!). Além de novos amigos em uma comunidade global de desenvolvedores, você também tem a oportunidade de aprender novas tecnologias e, claro, vivenciar a satisfação maior de contribuir com ideias originais e inovadoras para velhos problemas como: enchentes, furacões, terremotos e uma infinidade de outras questões relacionadas ao aquecimento global e às catástrofes naturais.

Alguns dos problemas apresentados no site oficial incluem gestão de voluntariado para área da saúde após desastres, monitoramento de regiões com estiagem frequente, programa para encontrar pessoas desaparecidas e até um separador de sementes para otimizar a produção e diminuir o desperdício em fazendas comerciais. Mas vale ressaltar que o objetivo do “Random Hacks of Kindness” é totalmente humanitário, ou seja, ajudar aos que mais precisam.
Que tal propor soluções inovadoras para um Brasil melhor?

Acesse o site oficial para infos detalhadas e submeta suas ideias: http://www.rhok.org/

Herberth Amaral, desenvolvedor Python, faz um exame detalhado dos frameworks Backbone.js e Knockout.js, os dois mais “populares” no mercado atualmente, e apresenta um comparativo de ambos, além de exemplos de aplicações e baterias extras para ajudar a escolher o melhor para cada tipo de projeto:

O que é o Backbone.js?

- Lembra um MVC (já que não há na documentação algo que especifique o Backbone como um MVC)
- Views, Models, Collections e Routers (lembra um controller)
- Integra nativamente com o Rails (RESTful API), mas pode integrar com qualquer app com um pouco de configuração

Como ele pode ser útil?

- “Alivia” um pouco o event-driven programming
- Mudanças nos models são automaticamente sincronizadas na DOM
- Convenção estrutural: o Backbone já vem com uma

Routers

- URLs também fazem parte da UI
- Navegabilidade fácil, sem reload (e sem AJAX, necessariamente)
- Routing + Controllers do Rails — URLs + Views do Django
- help e search podem consultar collections, fazer fetch em models e renderizar views
- Funciona de forma desacoplada do Backbone, podendo ser utilizado com outros frameworks tranquilamente

Events

- Boa parte da comunicação entre objetos no Backbone é feita através de eventos
- Quase toda ação (como salvar um model ou mudar uma propriedade) resulta num disparo de evento, que pode ser tratado ou ignorado
- Forma conveniente de desacoplar aplicação

Models

- get e set: obtém/muda propriedades e dispara eventos

Collections

- Conjunto ordenado de models
- Possível fazer “consultas” com a ajuda do Underscore.js;
- Carregamento de objetos do server em massa (com o fetch);
- Delega para o Backbone.sync o trabalho de persistência. Dessa forma, pode-se usar persistência local, remota (padrão, pré-habilitada) ou ambos.

Views

- Não há muita coisa de especial em uma view: é mais uma convenção do que uma entidade realmente necessária
- Uma view geralmente está atrelada a um ou mais models
- Pode renderizar-se automaticamente, quando o model muda (this.model.bind(‘change’, this.render()))
- Vinculação de sentido único (one way binding: do model para a view) por padrão.

Prós do Backbone.js

- Comunidade grande e ativa
- Integração nativa com o Rails
- Flexível: você pode usar somente o que precisa
- Estrutura já bem difundida entre devs web
- Core extremamente reduzido (4.6k empacotado e gzipado)
- Integra facilmente com plugins do jQuery
- “Testabilidade” razoável

Contras do Backbone.js

- Curva de aprendizado ruim no começo, se comparada a outros frameworks
- Múltiplas responsabilidades nas Views e nos Models
- O core é pequeno, mas já há duas dependências por padrão (jQuery, Underscore), e você vai acabar usando mais outras dependências de terceiros

Como o Knockout.js pode ser útil?

- Bindings nativos: text, visible, html, css, style, attr;
- Controle de fluxo: foreach, if, ifnot, with
- Bindings de form: click, event, submit, enable, disable, value, hasfocus, checked, options, selectedOptions, uniqueName
- Renderização de templates

Prós do Knockout.js

- Simples
- Permite criar uma estrutura baseada em objetos JavaScript puros
- Facilmente testável
- Possui uma das melhores documentações de frameworks para JS
- Comunidade consolidada e receptiva
- Não possui dependências

Contras do Knockout.js

- Quatro vezes maior que o Backbone.js (13kb empacotado e gzipado)
- Lentidão (principalmente em renderização de templates e IE)
- Devs podem “torcer o nariz” com o data-bind em elementos HTML

Assista ao vídeo com a íntegra da palestra de Herberth Amaral no BeagaJS:

Aqui no meu post mostro como implementar um tile dinâmico, ou seja, adicionado pela própria aplicação. Isso pode ser feito procurando por um tile que já foi adicionado à tela ou criando um – caso ele não esteja presente na tela inicial do Windows Phone.

Então vamos lá:

- Para criar um tile dinâmico você precisa primeiro criar uma tarefa que será responsável por atualizar seu tile em dois momentos: um, enquanto sua app estiver sendo utilizada pelo usuário e dois, quando ela NÃO estiver sendo utilizada. Essa parte de implementação do código chamamos de “Scheduled Task”.  Na MSDN Library, seção “Background Agents Overview” há uma definição para uma Scheduled Task:

“Uma Scheduled task permite a uma aplicação executar código em background mesmo que a aplicação não esteja rodando em segundo plano. Os diferentes tipos de Scheduled Tasks são projetados para diferentes tipos de cenários”.

- Crie um novo projeto dentro da sua atual solução, o novo projeto é do tipo: Windows Phone Scheduled Agent. Repare que no campo “Name” é uma boa prática colocar a qual projeto a Scheduled Task se refere:

Com os trechos de código fornecidos aqui você já pode criar seu mecanismo para atualizar o tile da sua app. Eu dei um exemplo com a interação do usuário através do clique em um botão na aplicação, mas o mesmo código pode ser usado em outro trecho da aplicação para deixar rodando a task esperando o usuário adicionar a tile da forma padrão e depois a task atualiza o tile, tornando-o dinâmico.

O código está disponível no Github do jungle dev. Acesse, faça o download e contribua!

*Awdren Fontão é desenvolvedor de aplicativos para smartphones e trabalha atualmente na Nokia de Manaus, no Amazonas.

Abaixo um resumo dos tópicos e referências abordados na apresentação:

- Seletores JQuery
- Criando custom selectors
- Criando elementos
- Definindo eventos ao elemento
- Eventos personalizados
- Evitando comportamentos padrão
- Interrompendo programação de eventos
- Carregando diretamente conteúdo
- Filtrando requests
- Customizando widgets existentes
- Usando templates em plugins

Widgets UI x Widget Factory

Algumas dificuldades no gerenciamento de plugins:

- Reverter ao estado inicial
- Permitir os usuários interagir com eventos gerados
- Alterar configurações após ser chamado
- Evitar múltiplas instâncias para um mesmo elemento
- Encapsular tarefas comuns

Marcos Sousa explica que controlar o estado de um objeto não é tarefa fácil, pois exige atenção ao gerenciamento de detalhes como, por exemplo, instâncias de um mesmo plugin para o mesmo elemento. É aí que entra em cena a Widget Factory, usada para criar diferentes objetos por meio de uma interface genérica: o jQuery UI Widget Factory cria, com base em nome e objeto, um plugin jQuery e uma “classe” para encapsular as funcionalidades.

Algumas conveniências do $.widget:

- Cria um namespace (jQuery.gcom)
- Encapsula a classe (jQuery.com.foo.prototype)
- Extende o plugin do jQuery (jQuery.fn.foo)
- Estrutura para setup, teardown e alterar opções
- Fácil de chamar callbacks: .trigger(“evento”)
- Métodos acessíveis via: .foo(“metodo”) ou .metodo()
- Permite métodos “privados”

Acesse o “Capitalize demo” em: https://github.com/marcossousa/bhjs-examples/tree/demo3

Métodos “privados”

Métodos privados com underscore (_foo : function(){}) não são acessíveis pela API, ou seja:
$(“#results”).table(“_hover”):          // não funciona
$(“#results”).data(“table”)._hover():  //funciona

Assim, fica fácil trabalhar com eventos para o usuário do plugin:

- callbackname: Nome do evento que deseja lançar
- eventObject: mock do evento original
- userObject: objeto contendo propriedades úteis

O que fará do seu plugin um sucesso?

1. Qualidade. Faça um código bem escrito.
2. Compatibilidade. Ele é compatível com versões mais novas?
3. Confiança. Bem testado, com suite confiável, CI (QUnit, Jasmine etc)
4. Performance. Consumir o mínimo de recurso possível.
5. Documentação sucinta e concisa: facilite a vida de quem for usá-lo.
6. Manutenção. Responda dúvidas, corrija bugs e aprimore-o sempre.

Assista ao vídeo com a íntegra da palestra de Marcos Sousa no BeagaJS:

Referências:

Plugins/Authoring

JQuery-Plugin-Patterns

JQuery Code Style Guidelines

Creating Highly Configurable jQuery Plugins

Se você também se sente intrigado com essas perguntas e outras tantas relacionadas, acompanhe as dicas e sugestões dele de ferramentas para testes unitários, validadores de sintaxe, cobertura de testes, compactação, testes de integração, scripts de automação, integração contínua etc.

Abaixo um resumo dos tópicos e referências abordados por Iraê na palestra:

Tipos de testes

- White-box [static code analysis / unit / coverage, branch, path, conditional]
- Black-box [integration / acceptance]
- Grey box [black + docs]

Ferramentas

Validadores JSLint e JSHint. “Tanto o JSLint como o JSHint fazem exatamente a mesma coisa: eles analisam a sintaxe do seu JavaScript e ajudam você a manter as ‘boas práticas’ no uso da linguagem”.

Testes unitários e/ou funcionais

- qUnit
- YUI Test
- Jasmine
- Mocha
- Buster.JS

Acesse os slides da apresentação em:
http://irae.github.com/frontend-tests-pt/

Referências:

Para ler:
http://en.wikipedia.org/wiki/Software_testing

https://github.com/guilhermechapiewski/pyccuracy-presentation

Ferramentas:
http://visionmedia.github.com/mocha/

https://github.com/yui/yuitest

Repositórios/projetos:

https://github.com/twada/qunit-tap

https://github.com/joshuaclayton/qunit-examples

Assista ao vídeo com a íntegra da apresentação de Iraê Lambert de Carvalho no BeagaJS:

No conteúdo programático, aspectos básicos do Google Android, como:

- Histórico
- Ambiente de desenvolvimento
- Arquitetura
- Criando um exemplo
- Publicando sua aplicação
- Um rápido bate-papo sobre a plataforma

Este minicurso foi criado pelo instrutor Neto Marin, que também é o autor da Academia Android, com tópicos específicos de desenvolvimento, como: aplicações para Google TV, criação de widgets, games, integração de Arduino e Android com ADK, entre outros assuntos relevantes para quem deseja profissionalizar-se na plataforma Android.

Para inscrever-se no minicurso, acesse: http://www.globalcode.com.br/controller?requisicao=member.WebAlterar

Para mais informações sobre o curso completo de Android na Globalcode, acesse:
http://globalcode.com.br/treinamentos/carreiras/academia-android

“Falando em arquitetura, é diferente por exemplo do PHP, que é um módulo que ‘pluga’ no servidor Apache. O Node.js corresponde a esses dois componentes juntos (runtime e server), você não usa ele com outro servidor, ele é um servidor e ele é um ambiente de execução da linguagem JavaScript”, explica Luciano.

Características principais:

- Noje.js é um ambiente de execução para usar JavaScript fora do navegador, através da linha de comando com console interativo (REPL), que explora conceitos de linguagens mais antigas e maduras como Lisp e Fortran
- Incorpora o engine de JavaScript Google V8 (o mesmo presente no Google Chrome, ECMAScript5)
- Inclui bibliotecas para fazer programação de I/O orientada a eventos (modo assíncrono)

Segundo Luciano, apesar de já ser utilizada por grandes empresas, o Node ainda é experimental. Possui centenas de bibliotecas e um “microframework” chamado Express, comparável ao Flask do Python e ao Sinatra do Ruby, porém ainda não tão completo como Django ou Rails. Mas é uma “novidade” promissora e bastante comentada no mercado atualmente, sobretudo pelas novas possibilidades de desenvolvimento descortinadas com APIs assíncronas. Sobre isso, Luciano apresenta uma série de exemplos para mostrar a eficiência do Node.js, que você confere abaixo no vídeo com a íntegra da palestra dele no BeagaJS:

Referências:

Exemplo utilizado no vídeo:
https://github.com/oturing/nodejs

Tom Hughes-Croucher on Node
http://shop.oreilly.com/product/0636920017080.do

Ryan Dahl: Introduction to Node.js
http://www.youtube.com/watch?v=M-sc73Y-zQA

Plugins para o Node:
https://github.com/joyent/node/wiki/modules

ECMAScript Programming Language
http://www.ecmascript.org/

JavaScript moderno com Node.js e testes automatizados, inscreva-se para a oficina online interativa:
http://pre-node.turing.com.br/

Veja também os slides da apresentação:

1. Hard Lines. Apesar da descrição meio bizarra em português, provavelmente traduzida automaticamente do inglês sem nenhuma revisão, esse jogo remonta àqueles clássicos do Atari de cenários simples – 6 no total – e visual “retrô”. Disponível a partir da versão 2.1, por R$ 5,46.

2. Extreme Road Trip. Descrito como “extremamente viciante”, nesse jogo o que importa são mais as manobras radicais para ir mais longe com o mínimo possível de combustível no tanque. Disponível gratuitamente a partir da versão 2.2.

3. Robo Surf. Robôs surfando nas ondas da superfície totalmente alagada da Terra parece algo improvável, mais ainda se o robozinho encontrar barris de petróleo pelo caminho que o projeta a centenas de metros adiante. Como recompensa, diversos tipos de cenários para desvendar. Disponível a partir da versão 2.0.1, por R$ 1,81.

4. Fruit Ninja. Este jogo ficou tão famoso que ganhou outras versões similares, incluindo uma para iPhone. Uma ótima opção para quem curte cenas de quebra-quebra mas não gosta de ver sangue: por aqui é só suco de fruta pra todo o lado mesmo. Disponível a partir da versão 1.6, por R$ 2,20.

5. Spirit. Imagine-se no interior de uma célula, isolando “corpos estranhos” e levando-os para fora dela. É mais ou menos essa a experiência proporcionada pelo Spirit, só que muito mais emocionante. Disponível a partir da versão 2.1, por R$ 4,09.

6. The Impossible Game. O nome já sugere o vem por aí: um desafio ideal para aqueles que não sossegam enquanto não chegar na próxima fase do jogo, custe o tempo que custar. É também um bom exercício de paciência, já que, “perder uma vida” leva o jogador a começar tudo outra vez, sem segunda chance. Disponível a partir da versão 2.1, por R$ 1,65.

7. OpenTyrian. Os fãs do saudoso “River Raid” vão adorar esse jogo de scrolling vertical com 4 fases e muita ação. Disponível gratuitamente a partir da versão 1.6.

8. Paper Toss. Quem nunca tentou brincar de atirar papel amassado no cesto do lixo? Parece moleza, mas a dificuldade vai aumentando – e viciando o jogador – quando surge um ventinho para atrapalhar a trajetória da “bola”. Disponível gratuitamente a partir da versão 1.5.

9. Seal Force. Defenda o mar do “envenenamento” causado pelo exércio de krills. Apesar de alimento para baleias, esses bichinhos aqui são inimigos mortais do esquadrão, com destaque para a trilha sonora que remonta aos cartoons dos anos 1980. Disponível gratuitamente a partir da versão 1.5.

10. Escape. Aqui você é um ninja com ares de superhomem, com poder e fôlego de sobra para escalar muros, pular obstáculos e fugir de lasers e navalhas afiadas. Disponível a partir da versão 2.2, por R$ 1,74.

Com informações da Mashable.

Seria esse um reflexo do SOPA e PIPA, projetos anti-pirataria que rondam o congresso norte-americano, apesar dos protestos no mundo todo? Pelo sim pelo não, sabemos bem que as megacorporações do mundo digital como Google e Facebook também certamente planejam alterações em suas políticas de compartilhamento de conteúdo, a fim de não se tornarem alvos do FBI, como foi o caso do Megaupload na semana passada.

O Twitter foi na verdade o primeiro a dar o passo nesse sentido. Em sua página oficial, o serviço de microblogging mais famoso do mundo garante que está apenas assegurando o livre fluxo de tweets porém com “responsabilidades e limites”, também esses inerentes à liberdade de expressão. E você, o que acha?