1. DOUGLAS LOPES
WEBSTANDARDS_

2. 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_

3. O QUE SÃO WEBSTANDARDS?

4. PARA SEMANTICA
HTML

5. PARA ESTILO
CSS

6. PARA COMPORTAMENTO
JAVASCRIPT

7. POR QUE ELES SÃO IMPORTANTES?
• Fácil manutenção
• Performance
• Acessibilidade
• SEO
• Custo de suporte

8. POR ONDE EU COMEÇO?

9. • W3School - http://w3schools.com/
• W3C (em Português) - http://www.w3c.br/
• W3C (em Inglês) - http://www.w3.org/

10. QUAIS AS MELHORES FERRAMENTAS?

11. • 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…

12. DEPOIS DE TUDO ISSO… ALGUMA DICA?

13. CLARO ;)

14. DICA NUMERO 1

15. 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

16. DICA NUMERO 2

17. 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

18. DICA NUMERO 3

19. 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

20. DICA NUMERO 4

21. USE JQUERY COMO FRAMEWORK
• O código javascript fica muito mais limpo
• Não “suja” o html com eventos nos elementos
• Excelente documentação

22. DICA NUMERO 5

23. 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

24. DICA NUMERO 7

25. 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

26. DICA NUMERO 8

27. NOMEIE SEUS ELEMENTOS HTML DE FORMA INTELIGÍVEL
• Ajuda muito na hora de trabalhar com Javascript
• Facilita na hora da serialização dos documentos

28. DICA NUMERO 9

29. ECONOMIZE BYTES UTILIZANDO MINIFICATION
• Reduz o tamanho dos arquivos
• Evita hackers amadores de ler seu scripts

30. DICA NUMERO 10

31. PENSE RESPONSIVO
• Afinal de contas seu site pode ser acessado por qualquer device

32. MAS E O SEO?

33. 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

34. Obrigado
DOUGLAS LOPES