WEBSTANDARDS_DOUGLAS LOPES

QUEM VOS FALA?

• Iniciou na programação 2001 com Pascal, Clipper e C

• Formado em Ciências da Computação pela UNIP em 2007

• Pós-graduado em Gestão de Inovação pela FEUP

• Especialista .NET C# na GFT Brasil

• 2 Artigos publicados em revistas cientificas da Europa

• Programador web boladão_

O QUE SÃO WEBSTANDARDS?

HTMLPARA SEMANTICA

CSSPARA ESTILO

JAVASCRIPTPARA COMPORTAMENTO

POR QUE ELES SÃO IMPORTANTES?

• Fácil manutenção

• Performance

• Acessibilidade

• SEO

• Custo de suporte

POR ONDE EU COMEÇO?

• W3School - http://w3schools.com/

• W3C (em Português) - http://www.w3c.br/

• W3C (em Inglês) - http://www.w3.org/

QUAIS AS MELHORES FERRAMENTAS?

• Notepad++ - http://notepad-plus-plus.org/

• Aptana Studio - http://www.aptana.com/

• Sublime Text - http://www.sublimetext.com/

• Amaya (W3C) - http://www.w3.org/Amaya/

• Notepad, Grep, Kate, Gedit, qualquer editor de texto básicamente…

DEPOIS DE TUDO ISSO… ALGUMA DICA?

CLARO ;)

DICA NUMERO 1

USE TABLE APENAS PARA DADOS TABULARES!

• Tabelas são renderizadas de formas diferentes em navegadores diferentes

• Tabelas não foram feitas para fazer design

• Isso comprometerá o SEO

• Definitivamente fica impossível de se manter

DICA NUMERO 2

TODA APLICAÇÃO WEB DEVE SER STATELESS

• Armazenar estados no HTML compromete a segurança

• Evite utilizar hidden fields

• Lembre-se o usuário tem acesso ao seu código

DICA NUMERO 3

CHAME OS JAVASCRIPTS NO FINAL DA PAGINA

• Caso um script de erro isso não afetará o download da página

• Visivelmente a página carrega mais rápido

DICA NUMERO 4

USE JQUERY COMO FRAMEWORK

• O código javascript fica muito mais limpo

• Não “suja” o html com eventos nos elementos

• Excelente documentação

DICA NUMERO 5

EVITE O USO DE TRY, CATCH E FINALLY

• Não é uma boa prática em nenhuma linguagem

• Mostra que você é preguiçoso

• Alguns browsers podem não funcionar como você espera

DICA NUMERO 7

USE FIREBUG

• Ajuda a navegar no HTML, CSS e Javascript

• Mostra o tempo das requisições feitas

• Permite que você faça debug dos seus scripts

• Permite que você execute javascript em uma página através do Console

DICA NUMERO 8

NOMEIE SEUS ELEMENTOS HTML DE FORMA INTELIGÍVEL

• Ajuda muito na hora de trabalhar com Javascript

• Facilita na hora da serialização dos documentos

DICA NUMERO 9

ECONOMIZE BYTES UTILIZANDO MINIFICATION

• Reduz o tamanho dos arquivos

• Evita hackers amadores de ler seu scripts

DICA NUMERO 10

PENSE RESPONSIVO

• Afinal de contas seu site pode ser acessado por qualquer device

MAS E O SEO?

FAÇA UM SEO BEM FEITO

• Utilize a meta de description

• Defina bem seu texto do title

• Escolha bem o texto dos seus h1

• Utilize tags específicas para redes sociais (caso seja seu foco)

• Utilize paragrafos

• Pense bem nas suas chamadas assíncronas

DOUGLAS LOPES

Obrigado