Embed Size (px)
Citation preview
Pacote WebDesenvolvendo com Padrões Web
Módulo 0 - Introdução
Guilherme [email protected]
@guiocavalcanti
Roteiro
Noções geraisApresentaçõesO que são Padrões Web?
Importância Camadas de desenvolvimento
O CursoMetodologiaFerramentas
Hands onHello WorldEstrutura básica
Quem eu sou
Guilherme Cavalcanti3 anos como freelancerAtualmente engajado no Redu
Do que se Trata o curso?
"Desenvolvimento Web client-side de acordo com os padrões da W3C"
Noções Gerais
O que são padrões Web?
WebTroca livre de infromaçõesAcessível por qualquer pessoa através de qualquer dispositivo
Guerra do Browsers e Origem da W3CNetscape Vs. MicrosoftFalta de PadrõesUsuário saí perdendo
Gambiarras (hacks)Reduzir incompatilidade
O que são padrões Web?
Padrões propostos pela W3CWorld Wide Web Consortium, 1994HTML, CSS, XML
"Uma página deve ser exibida de maneirasemelhante independente de qual dispositivo
esteja visualizando."
Em resumo
3 Camadas
O Curso
O que o curso não éCurso de WebdesignReferência de linguagemCompleto
O Curso: Orientado a Projetos
1. Contexto e Retrospectiva 2. Hands on
Primeiro todos juntosExercício
3. Resultados e Retrospectiva4. (opcional) Mais Exercícios5. (opcional) Referências
Ferramentas
Escrever o códigoPerigo do autocompletarImitar o usuárioTestar, Testar, Testar
Ferramentas: "Editores"
LinuxGEdit + montes de plugins
WindowsNotepad++
http://sourceforge.net/projects/notepadpluspe/EditPlus
http://www.editplus.com/download.htmlMacOS
TextMatehttp://macromates.com/
Codahttp://www.panic.com/coda/
Ferramentas: Firefox
Firefox + PluginsFirebug
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/
Google Groups
http://groups.google.com.br/group/curso-web-citi-2010-2
