Desde a criação do Pletax o intuito sempre foi criar um meio de difundir informação sobre desenvolvimento web e trocar experiências com os leitores, existem diversos blogs que noticiam o que ocorre no desenvolvimento web, mas com o Pletax queremos mais do que isso, queremos colaboradores, produzir conteúdo de qualidade e tornar-se uma comunidade referência sobre web, servindo como ponto de encontro para especialistas trocarem idéias e também para ensinar os novatos que se interessam pelo assunto.

Pois hoje demos mais um passo neste sentido criando o Fórum Pletax onde você pode tirar suas dúvidas sobre as principais tecnologias que envolvem a web, e compartilhar suas idéias com outros desenvolvedores web.

Cadastre-se agora e ajude-nos a criar esta comunidade!

Se tiver interesse em escrever para o blog, moderar algum grupo ou colaborar de outra maneira, entre em contato conosco a partir do formulário de contato do site.

Abraço,
Equipe Pletax

Escrito por Douglas Crockford, um dos maiores especialistas em JavaScript, este livro é leitura básica para todo desenvolvedor web.

O livro além de falar sobre as principais caracteristicas da linguagem mostra o que a linguagem tem de bom, o que tem de ruim e também o que tem de péssimo, e como estrair o melhor disso tudo. Entre os principais tópicos estão: Escopos de variáveis, objetos, funções, a utilização do objeto this, closure, JSON, prototipação, Expressões Regulares, Heranças, etc… além de muitas dicas de boas práticas na codificação em JavaScript.

Um ponto importante é que Crockford escreve de uma maneira bem humorada e com muitos exemplos, o que facilita muito o aprendizado.

Acabo de ler o livro e fiquei impressionado com a quantidade de coisas que desconhecia do JavaScript ou que não aplicava da melhor maneira, aos poucos vou tentar repassar algum conhecimento aqui no blog, mas com certeza o melhor é você mesmo ler o livro e ver por si só O melhor do JavaScript.

Veja o livro em:

• Submarino
• Amazom (em inglês)

Após algumas discussões sobre HTML5 que participei em uma cadeira da faculdade e conversas com amigos, desenhei um provável cenário sobre quando o HTML5 será realidade e tentei definir também o que considero “virar realidade”.

Antes de tudo! O que é o tal “virar realidade”?

O termo “virar realidade” pode ser definido como: “estar disponível na maior parte dos websites, para a maior parte dos usuários”.

As 5 variáveis

Para que este “virar realidade” aconteça temos que levar em consideração 5 variáveis importantes:

• Especificação (o alicerce do HTML5)
• Grandes corporações da Internet (Google, Yahoo, Microsoft, etc…)
• Principais Browsers (IE, Firefox, Chrome, Safari e Opera)
• Desenvolvedores
• Web sites em geral

A Especificação

Como comentei acima, a principal variável para o sucesso do HTML5 é a especificação, que dará o norte para que todas as outras variáveis tenham certeza que estão no caminho certo. Segundo a W3C a especificação estará pronta a qualquer momento no terceiro quadrimestre de 2010, porém segundo esta mesma previsão o HTML5 já seria uma “Recomendação Candidata” desde o terceiro quadrimestre de 2008, o que até hoje não aconteceu, portanto é provável que haja uma atualização nestas datas em breve.

Já a WHATWG, que é o grupo que iniciou o trabalho sobre o HTML5 e até hoje participa na construção da especificação, tem uma previsão um pouco diferente e fala em “Recomendação Candidata” durante o ano de 2012, o que me parece mais plausível. Existem muitas outras possíveis discussões em torno do HTML5, pois vejo muita gente falando que o HTML5 está ai, já que o YouTube implementou acesso utilizando a tag vídeo, porém isso é 1% de tudo que HTML5 possibilita e provavelmente só veremos as reais aplicações e benefícios daqui a um bom tempo, com as alterações previstas em elementos de formulário, com os novos elementos estruturais, SVG, acesso offline, etc…

Os Browsers

Já os browsers, correm para implementar o que já está definido nas especificações, mesmo com o risco de algo ser alterado ou retirado, mas é um bom sinal pois quando for dada a largada oficial do HTML5 os browsers já estarão com o dever de casa bem adiantado e vai deixar a maior parte da responsabilidade por parte dos desenvolvedores.

E então, quando?

Se fosse para mim apostar quando teremos o HTML5 como realidade, eu chutaria diria durante o ano de 2014, mas claro que são possíveis mudanças de prioridades pelo caminho que podem mudar esta previsão.

Mas vale acompanhar e estudar, pois sem dúvida quem estiver mais avançado no conhecimento sobre a especificação e sobre todos os aspectos que envolvem o HTML5 terá uma vantagem bem importante na carreira.

Contribua conosco, comente o que você acha sobre o HTML5 e sobre quando acha que teremos ele como uma realidade no nosso dia-a-dia.

A mozilla liberou hoje o Firefox 4 beta 1, ele mostra que a guerra dos browsers está cada vez mais acirrada. Os fabricantes estão investindo pesado para suportar HTML5 e CSS3 além é claro de melhorias no layout e na performance do browser para atrair mais usuários.

Veja abaixo as principais melhorias presentes no Firefox 4 beta 1:

Layout

Os usuários do Windows verão suas abas no topo da janela assim como já acontece no Chrome e no Opera.
Se você é usuário do Windows 7 ou do Windows Vista não verá por padrão a barra de menu que foi substituída por um único botão, a Mozilla promete que em breve os usuários de Linux e Mac também receberão estas alterações.

Novo gerenciador de complementos (add-ons)

O gerenciador agora se parece com um site que abre em uma aba do navegador, dando mais espaço ao usuário para gerenciar seus temas, plugins e extensões.

Vídeo em Alta Definição (HD)

Veja vídeos em HD no YouTube utilizando HTML5 e o novo formato de vídeos WebM.

Proteção contra falhas

Previne que o browser trave por causa de uma falha em um plugin, leia mais aqui.

Performance

Algumas melhorias que já podem ser percebidas com relação a performance é tempo para iniciar o navegador e o tempo para carregamento das páginas.

Além disso uma série de tecnologias de desenvolvimento foram melhoradas ou adicionadas nesta nova versão do navegador, entre elas um novo interpretador de HTML5, WebSockets, IndexedDB, CSS3 calc, CSS3 Resizing e várias outras que você pode conferir nesta tabela que mostra as funcionalidades disponíveis em cada uma das 3 útltimas versões do Firefox.

Baixe e teste o novo Firefox, depois conte-nos o que achou dele.

No dia 30 de abril, durante a conferência WWW2010 que ocorreu na Carolina do Norte, EUA, foi divulgada a notícia que a cidade do Rio de Janeiro será a cede da conferência WWW2013.

A WWW é a conferência mais importante sobre web, sua primeira edição foi em 1994 e o intuito é ser o principal fórum para debate e discussão sobre o desenvolvimento da web, as padronizações das tecnologias da web e o impacto dessas tecnologias na sociedade. O evento é organizado pela IW3C2 em conjunto com comites locais do país cede.

Sem dúvida o evento dará uma maior visibilidade para o nosso país e facilitará o contato com especialistas e estudos de ponta sobre a web. Com certeza esta escolha é um feito que merece as devidas parabenizações aos envolvidos na cadidatura, que foram: CGI.br, NIC.br, W3C Escritório Brasil, Ministério das Relações Exteriores, PUC Rio e Universidade Federal de Minas Gerais.

Enquanto a www2013 não chega você pode participar da www2011 em Hyderabad na Índia ou da www2012 em Lyon na frança.

A Universidade de Stanford está oferecendo um curso à distância sobre performance de Web Sites com o mestre no assunto: Steve Souders.

Steve já trabalhou no Yahoo! como Diretor de Performance e hoje trabalha no Google com performance web e em iniciativas open-source, além disso é autor de livros sobre o assunto e é um palestrante assíduo em grandes eventos sobre desenvolvimento web.

O curso é a distância e já está em sua sétima edição, com vagas abertas para a oitava turma, tem como requisitos apenas o conhecimento básico de CSS, HTML e JavaScript, o investimento é de $600,00 é um pouco salgado mas se comparado a outros cursos que já fiz que não eram de Stanford e que não eram ministrados por instrutores considerados mundialmente como mestres no assunto até que não fica tão caro assim.

Para saber mais acesse a página do curso High Performance Web Sites.

Estou pensando em me matricular na próxima turma, e você o que acha de fazer este curso?

A tarefa de hoje é ordenar um Array de objetos através de uma determinada propriedade dos objetos. A solução parece simples, mas veremos aqui que ela pode ser muito mais simples do que você imagina.

Vamos utilizar no nosso exemplo um array de objetos pessoa, que possuem as propriedades nome e idade.

Ex.:

var aPessoas = [{Nome: "João",     Idade: 21},
                {Nome: "Maria",    Idade: 18},
                {Nome: "José",     Idade: 19},
                {Nome: "Carlos",   Idade: 13},
                {Nome: "Felipe",   Idade: 24},
                {Nome: "Vanessa",  Idade: 32},
                {Nome: "Ataulfo",  Idade: 26},
                {Nome: "Arthur",   Idade: 30},
                {Nome: "Astolfo",  Idade: 27},
                {Nome: "Josefina", Idade: 29}];

Para começar você deve saber que existe um método sort no objeto Array do JavaScript e que o método aceita como parâmetro opcional uma função que definirá como o array deverá ser ordenado, caso você não passe este parâmetro a função sort irá ordenar os elementos alfabeticamente e ascendentemente, neste caso ao tentar ordenar números o 10 virá antes do 2.

Para ordernar números corretamente você deve definir uma função conforme segue abaixo:

var meuArray = [40, 5, 8, 90, 110, 223, 22, 3, 8];
function OrdenaNumeros(a,b) {
  return a - b;
}
meuArray.sort(OrdenaNumeros);

Em posse destas informações fica fácil ordenar o nosso array de pessoas, basta utilizar a instrução abaixo:

aPessoas.sort(function(a, b) {
    return a.Idade - b.Idade;
});

Para ordenar descendentemente os objetos do array existem duas maneiras a primeira é inverter a ordem dos fatores como segue abaixo:

aPessoas.sort(function(a, b) {
    return b.Idade - a.Idade;
});

A segunda é para o caso dos elementos já estarem ordenados ascendentemente, assim para inverter a ordem basta utilizar o método reverse:

aPessoas.reverse();

Os métodos sort e reverse são padrões definidos na especificação ECMAScript3 e funcionam nos principais browsers do mercado.

Para quem não sabe o JavaScript também tem um padrão por trás, este padrão, diferente da maioria dos padrões web que são definidos pela W3C, é definido pela ECMA, é conhecido pelo nome de ECMAScript e em dezembro de 2009 chegou a sua quinta versão (isso me lembra HTML5), que veio para substituir a terceira versão (a quarta não chegou a ser publicada) que data do século passado de 1999, este anúncio foi feito com bem menos alarde e rumores do que CSS3 e HTML5, não é difícil entender já que estes dois trazem melhoras muito mais perceptíveis em recursos disponíveis nos browsers, já o padrão ECMAScript define apenas alterações na sintaxe e no comportamento das linguagens que se baseiam nele, entre estas linguagens algumas bem conhecidas como por exemplo:

• O próprio JavaScript, utilizado pela Mozilla, Google, Apple
• JScript, que é uma implementação do JavaScritpt levemente diferente feita pela Microsoft (padrão!?).
• ActionScript, utilizado para criar animações e interatividade no Adobe Flash e no Adobe Flex
• JScript.NET, uma das linguagens disponíveis no framework .NET da Microsoft

Segue algumas das principais novidades do ECMAScript5:

Getters and Setters

var domoid = {
  foo: 'bar',
  get innerHTML() { return ...; },
  set innerHTML(newHTML) { ... }
};

Colisão de palavras chaves
Agora você pode definir a propriedade class em seu objeto foo (Obviamente o DOM não foi alterado)

foo.class = "minhaClasse"

Novos métodos para ordenação de arrays:
forEach(), map(), every(), some(), filter(), reduce(), reduceRight()

// Lista ao quadrado
function sqFnList(a) {
  return a.map(function(ai) {
    return ai * ai;
  });
}
sqFnList([3,4,5])[0]; // Vai retornar 9

JSON nativo
Uma das grandes funcionalidades disponíveis para utilizar JSON nativamente é o comando JSON.parse que irá possibilitar que você criei um objeto a partir de uma string contendo um objeto declarado utilizando a syntaxe JSON, hoje isso é feito utilizando o comando eval que é considerado impróprio e inseguro.

var obj = JSON.parse('{"Nome":"Plets","Idade":"25"}');
print( obj.Nome ); // Resultado será Plets

Modo Strict
É possível declarar um programa ou uma função como sendo strict, o que ocasionará mais exceções que o normal e prevenirá algumas ações de serem executadas, isso pode ser útil para funções que por questões de segurança devem prevenir certas ações de serem executadas, ou ainda prevenir falha por parte do desenvolvedor.

"use strict"; //Definir o use do modo strict para todo o script
function StrictFunction(){
  "use strict"; // Definir apenas dentro de uma determinada função
  alert("Modo strict ativado")
}

Uma coisa interessante é que utilizando o modo strict por exemplo não será possível atribuir um valor a uma determinada variável que não foi inicializada, para saber mais sobre escopo de variáveis no JavaScript veja este post.

Acesse os sites abaixo para saber mais:

https://developer.mozilla.org/en/JavaScript/ECMAScript_5_support_in_Mozilla
http://ajaxian.com/archives/ecmascript-5-changes-to-javascript
http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/
http://ejohn.org/blog/ecmascript-5-objects-and-properties/
http://www.ecma-international.org/memento/TC39.htm

A Mozilla liberou hoje o Firefox 3.6.4, contendo diversas correções de segurança e de estabilidade. A mais importante de todas é a proteção contra falhas de plugins, que já éra esperada a algum tempo, e que já está presente no Safari e no Chrome, isso significa que agora se algum plugin der crash ou congelar não vai mais parar o Firefox junto com ele.

O browser vai avisar o usuário que houve um problema e para o plugin voltar ao normal será necessário atualizar a página, porém é possível navegar normalmente sem a funcionalidade do plugin. Uma pena que por enquanto esta proteção só esteja disponível para usuários de Firefox dos sistemas operacionais Linux e Windows, os plugins que o sistema previne que ferrem fechem o browser ainda não são muitos, mas são os mais usados, são eles: Adobe Flash, Apple Quicktime e Microsoft Silverlight.

Outra coisa legal é que a Mozilla disponibilizou uma página onde é possível verificar quais plugins instalados no seu Firefox estão atualizados e quais possuem atualizações disponíveis: Plugin Check.

Hoje mesmo tive um problema, enquanto desenvolvia utilizando um arquivo flash apareceu a janela de crash report, avisando que o plugin do flash tinha travado e precisava atualizar a página para continuar utilizando o mesmo, ponto para o pessoal da Mozilla. Baixe você também o Firefox 3.6.4 e pare de sofrer com crashs e congelamento de plugins (assim esperamos).

Atualizado em 28/06/2010 01:15

Liberad0 Firefox 3.6.6, a versão 3.6.4 as vezes identificava uma falha de plugin equivocadamente, isso por quê a proteção contra falhas éra ativada após 10 segundos sem conseguir comunicar-se com um plugin, porém em maquinas mais lentas esta falta de resposta em 10s poderia ser normal, por isso este tempo para identificação de “crash” do plugin foi aumentado para 45 segundos na nova versão.

Já faz um certo tempo que a Mozilla apresentou o projeto Open Web Tools Directory, na época dei uma olhada, achei interessante mas caiu no esquecimento, agora estava procurando algumas ferramentas e lembrei que havia este repositório e decidi ver como estava, está meio lento pela quantidade de informação mas vale a pena aguardar um tempinho para ver o resultado, totalmente HTML5 + CSS3, o resultado é muito legal e bem inspirador.

Veja você mesmo: http://tools.mozilla.com/