JavaScript – Melhores Práticas para Iniciantes I

Filed Under (Dicas, Javascript) by Cristian Trentin on 20-07-2009

Esse é o primeiro post de uma série de três, onde estou fazendo a tradução parcial e trazendo o melhor do post original “24 JavaScript Best Practices for BeginnersLink Externo” de Jeff WayLink Externo.

1 – Use === ao invés de ==

O JavaScript utiliza dois diferentes operadores de igualdade, quando precisamos comparar dois valores e também seus tipos de dados se faz necessário o uso ===, agora quando precisamos comparar apenas seus valores mas não o tipo de dados podemos usar ==.

No PHP também é possível o uso desses dois operadores!

2 – Não use o Eval

Para quem não conhece o eval vamos dar um exemplo:


eval("alert(2+2)")

Quando executamos o script acima teremos como saída o valor 4, pois bem, o eval permite que tenhamos acesso ao compilador do Javascript, com isso baixando o desempenho do seu script e criando riscos de segurança.

3 – Use { } e ;

Muitos desenvolvedores preferem escrever seus scripts omitindo as { } e os ; no final de cada linha, pois bem, prefira fazer uso dessa técnica apenas quando seu script não passar de uma linha

if(2 + 2 === 4) return 'nicely done';

Mas mesmo assim imagine que você poderá um dia precisar acrescentar algumas linhas a esse código e ai terá que reestruturar essa parte. O ideal é escrever seu script da maneira mais completa possível e lembrando sempre que uma boa indentação é muito importante.


if(someVariableExists) {
     x = false;
}

leia mais »

Freelas precisam de outros Freelas

Filed Under (Dicas, Papo Furado) by Cristian Trentin on 09-07-2009

A muito tempo faço ‘freelas’ como desenvolvedor web, mas no começo a entrega de um projeto era demorada, sem falar que no final o preço cobrado não pagava as horas gastas.

Projetos passaram, cobrava mais caro, afinal a experiência era maior e agora estava formado em Desenvolvimento de Sistema para Web. Passei a fazer uso de metodologias de controle de horas com base em processos, controlando tudo em planilhas e pude perceber que perdia muito tempo desenvolvendo tarefas em que outros profissionais poderiam me ajudar.

Pensando em repassar parte dos processos dos projetos eu fui logo buscando contatos, esses eram de profissionais nas áreas de Design e Codificador de HTML e CSS, logo obtive um ganho muito bom em horas nos finais dos projetos.
leia mais »

Novas versões do PHP, Firefox e PostgreSQL

Filed Under (Dicas, PHP, PostgreSQL) by Cristian Trentin on 02-07-2009

Novidades foram varias no mundo tecnológico, sendo o lançamento do PHP 5.3Link Externo, Firefox 3.5Link Externo e do PostgreSQL 8.4Link Externo.

O Firefox 3.5
Até o momento desse post, pouco mais de 24h do lançamento, já tínhamos 6.5 milhões de downloads do Firefox, veja a quantidade de downloads nesse momentoLink Externo.
As melhorias que temos nessa versão são:

  • suporte a HTML 5Link Externo ( a grande novidade é poder executar audios e videos apenas usando HTML e tendo controle sobre eles)
  • Navegação ciente de localizaçãoLink Externo
  • Suporte nativo a JSON
  • Navegação anônima
  • Nova engine para compilação de Javascript
  • E li em algum lugar que ficou até 250% mais rápido do que a versão anterior

PHP 5.3
Essa é uma das versões mais aguardadas pelos desenvolvedores PHP, algumas das funcionalidades só seriam disponibilizadas na versão 6 do PHP, porém é com muito gosto que digo que agora podemos usar namespaces, vamos a lista de novidades.
leia mais »

Enviar email com o PHP

Filed Under (PHP) by Cristian Trentin on 25-06-2009

Muitos desenvolvedores fazem uso da função mail Link Externo do PHP para o envio de e-mail, já a galera da programação Orientada a Objetos monta suas classes de envio.

Porem não é todo mundo que conhece a classe PHPMailerLink Externo, com ela é possível o envio de emails sem autenticação e com autenticação no servidor, ela é simples e muito fácil de usar. Envie anexos em seus email de olhos fechados!

Vamos a um exemplo, lembrando que não vou mostrar como montar um formulário e pegar esses dados por $_POST ou $_GET no PHP, Cristian mas eu não sei fazer isso! Não sabia, aqui você irá aprenderLink Externo
leia mais »

Smarty é seu amigo

Filed Under (PHP) by Cristian Trentin on 25-06-2009

O Smarty Link Externo - Abre em outra Janela é uma excelente Template Engine, facilitando assim o desenvolvimento de projetos PHP e fazendo com que seja mantido um padrão.

Uso Smarty a um bom tempo em meus projetos, com ele é possível fazer um bom uso do conceito MVC, ou seja, separar o projeto em camadas Model, View e Controller (Mas isso é um papo para um outro post).

Mas o Smarty é o único Template Engine para o PHP?

Não, porem é o melhor!

Vamos listar alguns dos itens pelos quais eu uso smarty

  • Separar conteúdo lógico de regra de negócio
  • Cache
  • Instalação e uso muito fácil
  • Plugins
  • Facilidade de uso (já falei isso)
  • Montadores de HTML e CSS alteram o TPL e não o seu PHP
  • É possível criar novos métodos para o Smarty, customizando assim a ferramenta para o seu projeto
  • Os arquivos não compilados toda vez que executados
  • O Smarty é experto o bastante para notar que tem alterações no template e compilar novamente

Outra grande vantagem do uso do Smarty é a manutenção nos seus códigos, digamos que é necessário alterar toda a parte visual do projeto, isso pode ser facilmente resolvido e o melhor sem alterar nada do seu PHP, pois o que irá precisar ser alterado são os TPLs, o contrário também é válido, podendo mudar a regra de negócio sem alterar o visual.
leia mais »

Resultado do sorteio (livros)

Filed Under (Papo Furado) by Cristian Trentin on 23-04-2009

No final do dia 23 realizei o sorteio dos dois livros, o ganhador foi o Carlos Eduardo com o comentário abaixo:

Acho que muitas empresas ainda veem essas ações como gasto e não investimento, por isso acabam deixando de lado para não encarecer o projeto. Posted on: 27/mar/2009@13:37

O ganhador receberá em sua casa os dois livros, o mesmo deverá enviar uma foto para esse blog comprovando o recebimento.

Parabéns!

Ferramentas Corretas

Filed Under (Acessibilidade, Dicas) by Cristian Trentin on 12-04-2009

Olás, sou o Rochester Oliveira. Já escrevi no rochester.wordpress.com, Web Bem Feita, e atualmente escrevo no Já Leu Isso Hoje?.

Vamos começar o estudo de acessbilidade escolhendo as ferramentas corretas.

Navegadores

Ao contrário do que se pensa não é preciso testar o site em TODOS os navegadores para verificar se ele está funcionando corretamente.

Eu utilizo o padrão de desenvolver no Firefox e verificar regularmente no IE6 / IE7, Opera, e Safari. Não me preocupo muito com o Chrome, já que sua Engine é a mesma do Safari (WebKit). O segredo nessa parte é escolher um navegador de verdade pra “representar” cada engine e testar em todos os IE’s possíveis (testar no IE nunca é demais). Claro que se for identificado um público de 90% no seu site que utiliza Flock você tem que testar nele também. O mesmo vale para os mobiles.

Sempre faça teste em sistemas operacionais diferentes, pois ao se utilizar tamanhos em “em” (o recomendado para acessibilidade) a fonte utilizada é a referência de tamanho, se no sistema não tiver a fonte que você utilizou, perdeu preibói.

Pra testar o IE6 utilizo o IE tester. Porém, antes de lançar o site teste ao menos uma vez nos IE’s nativos, pra evitar surpresas.

Complementos do Firefox

  • Web Developer: O mais interessante nele é a utilização de css alternativo, verificações de HTML e CSS facilitadas e outlines. Além do porrilhão de outras ferramentas escondidas.
  • Firebug: É o tipo de extensão que te deixa viciado. Um clique e você sabe (quase) tudo sobre um elemento.
  • HTML Validator: Validação rápida do código e também com opções de validar a acessibilidade.
  • Outras Extensões: Cada caso é um caso. Visite o site de extensões de acessibilidade para firefox e veja qual você precisa :) .

Ledores de Tela

Antes de mais nada, sim você leu leDores. É o termo mais comum para se referir a quem lê para outro (no caso, um programa), e quando a pessoa lê por si mesmo é leitor.

Não tenho números, mas pelas conversas com amigos da área, no Brasil o WebVox (do projeto DosVox) é utilizado por quase a metade dos deficientes visuais. O complicado aí é que o webvox é um navegador em modo texto, as limitações do IE são fichinha perdo das dele.

JAWS é líder mundial, e é muito completo. Ele abre como um programa secundário, ou seja, para navegar você vai utilizar o seu navegador normalmente (firefox…) e ele vai ler o que conseguir dali. O NVDA é a alternativa 100% free ao JAWS. Foque-se nesses três (ou escolha no máximo mais um) e você vai conseguir atingir boa parte do seu público.

O objetivo com essas “seleções” não é deixar o site inacessível pra ninguém, e sim deixar ele acessível para todos e extremamente acessível para seu público-alvo.

Alguma ferramenta recomendada por vocês?

[]’s
rochester.

Uma web feita por TODOS

Filed Under (Papo Furado) by Cristian Trentin on 06-04-2009

No ato de deixar sempre esse blog atualizado e trazendo material de qualidade para todos, convidei o Rochester Oliveira para escrever nesse blog.

O Rochester era mantenedor do blog Web bem feita, era possível encontrar diversos post sobre acessibilidade e reviews de sites.

Esse post é apenas para informar e desejar excelentes posts para o Rochester.

Portal Nacional da Educação Profissional e Tecnológica

Filed Under (Acessibilidade, Dicas) by Cristian Trentin on 28-03-2009

O Portal Nacional da Educação Profissional e Tecnológica oferece um gama de informações bastante vasta sobre o desenvolvimento de sites acessíveis.

Listando a documentação encontrada
Vídeo Aulas

Vídeo em Libras – Sobre a importância da disponibilização de vídeos em Libras

Manuais de Desenvolvimento Web

Dicas de Navegação


Material para Testes

  • Validadores em Português
  • Validadores em Inglês
  • Checklist para Teste Manual
  • Acessibilidade para Usuário com Baixa Visão ou Daltonismo
  • Selo de Acessibilidade

Lembrando que a validação e o selo em sua página não querem dizer muita coisa, para um bom desenvolvimento é um projeto de sucesso é importante fazer testes com pessoas com limitações sensoriais, cognitivas ou físicas.

Fica a dica

Sorteio de Livros

Filed Under (Papo Furado) by Cristian Trentin on 27-03-2009

Para comemorar a volta do nosso blog o Web para todos, faremos um sorteio de dois livros, são eles:

Não me Faça Pensar:  Excelente livro sobre usabilidade -  Steve Krug

Construindo Sites com CSS e (X)HTML: Esse livro é incrível, pela qualidade, exemplos e linguagem utilizada - Maujor

Data do sorteio: 23 de Abril de 2009.

Como será o sorteio: com base no número do seu post, usando o random.org

Como participar: simples!

Responda a pergunta

Mesmo sabendo que acessibilidade + usabilidade + arquitetura da informação + código semântico são o começo para um projeto de sucesso, muitas agências e empresas ainda não desenvolvem dessa maneira, por quê?

[update] Ambos os livros são para a mesma pessoa. [/update]