0 introducao padroes_web
1 gostou248 visualizações
Este documento apresenta um curso sobre desenvolvimento web usando padrões da W3C. O curso discute noções gerais sobre padrões web, sua importância e as três camadas de desenvolvimento. Ele será conduzido de forma orientada a projetos com ferramentas como editores de texto e o navegador Firefox com plugins.
0 introducao padroes_web
- 1. Pacote Web Desenvolvendo com Padrões Web Módulo 0 - Introdução Guilherme Cavalcanti [email protected] @guiocavalcanti
- 2. Roteiro Noções gerais Apresentações O que são Padrões Web? Importância Camadas de desenvolvimento O Curso Metodologia Ferramentas Hands on Hello World Estrutura básica
- 3. Quem eu sou Guilherme Cavalcanti 3 anos como freelancer Atualmente engajado no Redu
- 4. Do que se Trata o curso? "Desenvolvimento Web client-side de acordo com os padrões da W3C"
- 6. O que são padrões Web? Web Troca livre de infromações Acessível por qualquer pessoa através de qualquer dispositivo Guerra do Browsers e Origem da W3C Netscape Vs. Microsoft Falta de Padrões Usuário saí perdendo Gambiarras (hacks) Reduzir incompatilidade
- 7. O que são padrões Web? Padrões propostos pela W3C World Wide Web Consortium, 1994 HTML, CSS, XML "Uma página deve ser exibida de maneira semelhante independente de qual dispositivo esteja visualizando."
- 8. Em resumo
- 9. 3 Camadas
- 10. O Curso O que o curso não é Curso de Webdesign Referência de linguagem Completo
- 11. O Curso: Orientado a Projetos 1. Contexto e Retrospectiva 2. Hands on Primeiro todos juntos Exercício 3. Resultados e Retrospectiva 4. (opcional) Mais Exercícios 5. (opcional) Referências
- 12. Ferramentas Escrever o código Perigo do autocompletar Imitar o usuário Testar, Testar, Testar
- 13. Ferramentas: "Editores" Linux GEdit + montes de plugins Windows Notepad++ http://sourceforge.net/projects/notepadpluspe/ EditPlus http://www.editplus.com/download.html MacOS TextMate http://macromates.com/ Coda http://www.panic.com/coda/
- 14. Ferramentas: Firefox Firefox + Plugins Firebug https://addons.mozilla.org/en-US/firefox/addon/1843/ Web Development Toolbar https://addons.mozilla.org/en-US/firefox/addon/60/ Validação W3C (on-line e off-line) http://validator.w3.org/