sexta-feira, 14 de novembro de 2008

HTML - O básico do básico

Considere as linhas abaixo:

<html>
<head>
<title>Título do documento</title>

Cabeçalho do documento

</head>

<body>

Corpo do documento

</body>
</html>

Ele não possui alguns atributos que a w3c exige (DocType por exemplo), mas retirei-os propositalmente para não complicar o exemplo (serão abordados aos poucos). O HTML é composto por elementos chamados tag's que em grande parte, possuem o que chamamos abertura e fechamento. Observe os elementos que compõem a página:
  • html
  • head
  • title
  • body

Note que não mencionei </head>, </title>, </body> e </html>, isso porque,  quando falo  na tag html, isso implica em seu fechamento também. Se deixarmos sem o fechamento uma tag, estaremos criando uma situação de erro que pode complicar bastante o funcionamento do código, ou mesmo a exibição da página(isso será melhor abordado futuramente). A tag html diz ao seu navegador que esse é o início do documento. A última tag no documento é </html>. Essa tag diz ao seu navegador que esse é o fim do documento. O código entre <head> e </head> é o cabeçalho, e não é mostrado no interior da janela do browser. O texto entre as tags <title> e </title> é mostrado na barra de títulos da janela, e por fim, o conteúdo entre <body> e </body> são oque efetivamente o browser mostrará ao usuário. 

Posteriormente, os dados dessas tag's poderão ser alterados dinamicamente(não significa que seja uma boa prática, mas é possível).

Tenho um desafio para você: procure sobre o docType. Falarei dele posteriormente.

terça-feira, 11 de novembro de 2008

Com o que programar em JavaScript


Estou meio afastado do blog, mas venho trazendo a primeira dica relacionada ao desenvolvimento em JavaScript.

Apesar da pseudo simplicidade do JavaScript permitir que criemos código usando qualquer editor de textos, é importante termos uma ferramenta de apoio que agregue funcionalidades e agilidade no desenvolvimento. Dessa forma, venho recomendar o Aptana Studio para essa tarefa.

O Aptana é um programa (IDE) de desenvolvimento em HTML, JavaScript e CSS que permite edição desses formatos de maneira eficaz e rápida. Além disso, possui plugins de desenvolvimento para PHP, Python e Ruby. Além dessas características, permite o uso do SVN(controle de versões), e desenvolvimento para o iPhone. 

Na realidade o Aptana é uma distribuição do eclipse, voltada para o front-side do site, portanto, quem já utilize o eclipse para outro tipo de programação pode usá-lo como plugin para sua versão do eclipse, mantendo apenas uma IDE. Eu o utilizo como IDE separada, até porque dificilmente edito html junto com Java. 

Tenho um desafio para você: Depois de usar o Aptana Studio, dê uma olhada no Jaxer