Entre os dias 23 e 26/05 ocorreu na sede do CGI.br/NIC.br o curso de certificação de HTML5 pela W3C. E é com grande satisfação que eu, Renan Bulgueroni, front-end da AO5 estive lá para participar do curso.
Foram 4 dias intensivos de curso ministrado pelo pessoal da Visie, Elcio (@elcio) e Diego (@diegoeis), que trataram dos mais diversos assuntos do HTML5, como as tags novas, o CSS3, as APIs, Microdados, etc.
Muita coisa melhorou com o HTML5, agora escrevemos menos código e de quebra damos muito mais semântica ao conteúdo.
Uma das grandes novidades do HTML5 está relacionada aos formulários, pois além de dar uma maior semântica aos campos, também é possível utilizar uma validação nativa de cada browser, ao invés de utilizar scripts para isso. E a validação é feita utilizando expressões regulares dentro do próprio input.
SVG e Canvas também fizeram parte do curso. Uma das (várias) diferenças entre os dois é que o SVG é vetorial (podendo ampliar as imagens sem perda de definição) e o Canvas é bitmap (composta por pixels). Muito utilizado para animações (controlados por DOM) eles são vistos como substitutos do flash, o que não é 100% verdade, acredito que essa tecnologia continuará tendo seu espaço no mercado.
Um dos assuntos que achei mais interessante foi o de microdados, a sua utilização dá uma semântica ainda maior ao conteúdo, e o melhor, o Google "lê" esses códigos e os interpreta. Técnica que também já utilizamos há algum tempo aqui na AO5 e com resultados bastante satisfatórios.
Essa semântica do HTML5 é muito importante não só para ter um código mais acessível para as pessoas, como também para os mecanismos de busca.
Outro tópico interessante foi o sistema de produção das agências e a importância da especialização em cada área. A tendência é acabar com o conhecido "webmaster-faz-tudo" e segmentar as áreas como designer, back-end, front-end, etc. Contudo, principalmente agora com o HTML5, é muito importante que todas as áreas tenham um conhecimento básico geral de HTML/CSS/Usabilidade, para falarem a mesma língua.
Por exemplo, aqui na AO5, estamos cada vez mais aumentando a comunicação entre front-ends e designers, para saber em qual caso é melhor utilizar bordas arredondadas (border-radius), sombras (box-shadow), fontes especiais (font-face), além de outros elementos visuais que agora são oferecidos pelo CSS3.
No geral, o curso foi muito bom. Tudo sobre HTML5 foi discutido, testado e colocado em prática. E eu não poderia terminar essa matéria sem comentar sobre o SENSACIONAL coffe-break da W3C... Um dos pontos altos do curso, diga-se de passagem. ;)
Para quem se interessa pelo assunto e quiser estudar mais HTML5, o material do curso foi disponibilizado em PDF
pelo pessoal da W3C:
HTML5 - http://www.w3c.br/Cursos/CursoHTML5
CSS3 - http://www.w3c.br/Cursos/CursoCSS3
Quem quiser também pode acompanhar tudo o que foi discutido durante o curso pelo twitter procurando pela hashtag #cursow3cbr
E vale lembrar, o foco disso tudo, de toda essa "revolução" do HTML5 é tornar a web mais semântica e acessível para TODOS.
Renan Bulgueroni
@renanbulgueroni