(tecno)Blog do Jerônimo

Bem, em primeiro lugar, porque não tenho dinheiro sobrando pra gastar em um “mimo” desses.
Mas mesmo que tivesse, pensaria duas vezes antes de comprar.

Todos ouvimos falar muito bem do iPhone 3G, de todos os recursos que tem, a interface moderna, etc etc, afinal, se é Apple, tá na moda. Mas o que muitos não estão ouvindo são as desvantagens do aparelho em relação a outros já existentes no mercado.
Recomendo ler a matéria do O Globo sobre promessas que a Apple não cumpriu para o iPhone 3G. É uma ótima análise sobre as desvantagens do aparelho.
As que mais me chamaram a atenção foram:

• Não ter copy and paste
• Câmera de apenas 2 megapixels
• Não permite gravar vídeo
• Não tem discagem por voz
• Não manda MMS
• Não tem um flash player
• É caro demais, visto que não tem todos os recursos que poderia ter

Será que vale mesmo a pena comprar um iPhone 3G só porque é da Apple? Ou vale mais a pena comprar um smartphone de outra marca, com mais recursos, e preço semelhante ao do iPhone?
Eu certamente ficaria com a segunda opção. Se eu tivesse dinheiro, claro.

Não é de hoje que várias pessoas utilizam a 5ª edição do JavaScript - The Definitive Guide do David Flanagan (ed. O’Reilly) como referência principal de JavaScript. Eu mesmo utilizo.
Mas temos de concordar que o livro já está um pouco desatualizado. A 5ª versão é de agosto de 2006, ou seja, já tem mais de dois anos.

Uma editora da qual tenho comprado alguns livros é a Sitepoint. Estou gostando bastante do estilo de livro deles, e sempre achei o conteúdo muito bom. Comprei a referência de CSS deles, que é excelente; o que mais me conquistou no livro é a tabela de compatibilidade de atributos CSS por navegador, incluindo a versão. A versão online da referência pode ser vista gratuitamente aqui.
Outra referência muito boa que eles lançaram recentemente é a referência de HTML. Já comprei a minha, mas ainda não chegou pelo Correio. A versão online também conta conta com o mesmo recurso: tabela de compatibilidade por versão de navegadores, logo, creio que a versão impressa também seja assim.

Contudo, o que faz falta mesmo é uma tabela de compatibilidade de JavaScript, com navegadores e versões. Não temos isso no livro do Flanagan, infelizmente.
Mas podemos ver no site de referências da Sitepoint uma referência de JavaScript com a marca “Coming soon”. Se esta referência seguir a linha das outras duas, poderemos, quem sabe, ter a tabela de compatibilidade por propriedade/método de JavaScript, com os principais navegadores e versões. Além disso, quem sabe tenhamos também a versão impressa (e se houver, certamente comprarei).

Se isso se confirmar, será que teremos um concorrente de peso (e atualizado) para o The Definitive Guide? Resta aguardar e torcer.

Dois objetos são extremamente importantes no JavaScript: window e document.
O objeto window premite acessar propriedades e métodos relativos à janela toda do navegador. Por exemplo, o método window.resize redimensiona a janela do navegador, se as configurações de segurança permitirem isso.
Já o objeto document é o mais utilizado. Ele corresponde ao corpo do documento HTML em questão. Cada div, tabela, célula de tabela, campo de texto, checkbox, enfim, tudo que forma seu documento é acessível pelo objeto document.

Para pegar um elemento específico de sua página, basta chamar o método getElementById do objeto document. Para isso, é necessário que o elemento que queremos pegar tenha um atributo id definido. Lembre-se que não pode haver mais de um elemento com o mesmo id na mesma página. Há alguns problemas com versões mais antigas do IE, compreenda todo o problema clicando aqui.

Então, para pegarmos, por exemplo, um campo de texto (input type=text) cujo id seja “meu_texto”, basta fazer no JavaScript:
document.getElementById(”meu_texto”)
A partie disso você pode acessar propriedades desse elemento. No caso do nosso exemplo:
document.getElementById(”meu_texto”).value - Acessa a propriedade value do elemento, tanto em leitura como escrita. Para escrita, basta colocar a expressão citada, o sinal de igual, e o novo valor entre aspas. Assim:
document.getElementById(”meu_texto”).value = “Um texto qualquer”
Para acessar o atributo disabled, podemos fazer:
document.getElementById(”meu_texto”).disabled
E assim vai.

Para uma referência completa sobre quais atributos podes acessar, quais permitem leitura e escrita, quais são apenas escrita, etc, recomendo consultar o livro JavaScript - The Definitive Guide, de David Flanagan, 5ª Edição (O’Reilly). Caso não possa ter acesso ao livro, procure referências diversas no seu buscador favorito; mas recomendo dar uma olhada na W3Schools.

Encerro aqui a parte 2 do tutorial. Quando me der na telha escrevo uma parte 3.

A partir de hoje postarei mini-tutoriais de JavaScript com dicas básicas para iniciantes na linguagem. Se você já sabe JavaScript, provavelmente não vale a pena ler. Se você não sabe nada da linguagem e está querendo aprender o básico, talvez seja um bom guia.

O que é JavaScript?

JavaScript é uma linguagem interpretada para criação de scripts de propósito geral. Contudo, é utilizada mais comumente em navegadores como linguagem para manipulação de páginas. Os tutoriais que serão postados aqui, começando por esse, vão se referir justamente à linguagem sendo executada nesse tipo de ambiente: navegadores.

JavaScript tem capacidades de Orientação a Objetos (OO), e é fracamente tipada. E principalmente: JavaScript não tem NADA a ver com a linguagem JAVA, da Sun.

Usando JavaScript em sua página

Para colocar código JavaScript em suas páginas, há basicamente duas formas:

1. Escrever o código dentro do próprio arquivo HTML

   Não é uma opção lá muito elegante, mas é útil. Para fazer isso, basta colocar o código JavaScript desejado dentro de uma tag script. exemplo:

   <script type="text/javascript">
   window.alert("Hello World!");
   </script>

   Como se pode ver acima, é necessário especificar o tipo de script que o navegador deve interpretar com o atributo “type”, com valor igual a “text/javascript”. Antigamente, era usado também um atributo “language” com valor igual a “JavaScript”, mas esse atributo foi deprecado em favor do type pelo W3C.

2. Escrever código em um arquivo separado e importá-lo no HTML

   Esta forma é a mais elegante. Basta escrever seu código JavaScript em um arquivo com extensão “.js”, e importá-lo no HTML assim:

   <script type="text/javascript" src="meu_codigo_javascipt.js"></script>

   Você vai encontrar por aí muitas recomendações que o código JavaScript deve ser importado/escrito no início da página, dentro da tag HEAD. Contudo, aconselho o oposto: colocar todo o código (se possível) no fim da página. Esse meu conselho não é infundado, pois é o que aconselha o guia de boas práticas para melhoria de performance de páginas web escrito pelo Yahoo!.

Escrevendo o Hello World em JavaScript

Para colocar algum código a rodar, vamos fazer um Hello World. O exemplo dado acima é um bom código para isso:

window.alert("Hello World!");

Aqui, podemos ver um importante objeto, o “window”. O objeto window refere-se à janela do navegador na qual o script está sendo executado. Então, chamamos o método “alert”, um método do objeto window que serve para mostrar uma popup na tela com uma mensagem e um botão de “Ok”. O parâmetro é a mesagem que a janela deve exibir.

Para ver esse código rodando, clique aqui.

Encerro aqui a parte 1 do mini-tutorial de JavaScript. Em breve posto a parte 2.

Todos andam falando, quem sou eu para não falar também.

O Google lançou recentemente um novo browser no mercado: o Google Chrome. Beta, pra variar, como quase tudo no Google. Mas no Google, beta não é sinônimo de ruim.

Infelizmente, ainda não tive o prazer de experimentá-lo, visto que sou um linux guy, e o Chrome só foi lançado para Windows, por enquanto. Mas pelo que pude ler, dizem ser um excelente navegador em termos de velocidade, o que é ótimo. É bom ver um navegador rodando JavaScript mais rápido também.

Lendo o post do Diego Eis no Tableless, não pude deixar de notar que muita gente torce para que o Chrome desbanque o Internet Explorer, principalmente a versão 6. Não posso discordar que também detesto essa versão do navegador.

Contudo, nesse aspecto, sou um pouco pessimista. Há tempos o Firefox está aí, é bem melhor que o IE, e as pessoas resistem em migrar de um navegador para outro. Muita gente sequer atualiza a versão do próprio navegador que usam. Uns, por comodidade; outros, por não saber como fazê-lo, ou por desconhecer a existência de outros navegadores. Mas o pior, e creio que é o fator principal de não haver a migração: muita gente não sabe o que é um navegador; eles simplesmente sabem que “clicaram no ícone da internet”. O Internet Explorer vir junto com o Windows é o maior problema (e que desbancou o finado Netscape).

Torço que a Microsoft adote uma solução mais rígida para o IE6: forçar a atualização para o IE7 em todos os computadores, obrigatoriamente. Não que o IE7 seja bom, mas é menos pior que o 6. E torço para que venha por aí um IE8 no mínimo razoável.

Não creio que o Chrome vai desbancar o IE. Mas creio que será mais uma boa opção de navegador, e com tantas boas opções, quem sabe faça a MS pensar e melhorar o velho IE.

Mas, de minha parte, viva Firefox.