1. Desenvolvimento WebDesenvolvimento Web Introduo codificao
para WebIntroduo codificao para Web Carlos Eduardo AlvesCarlos
Eduardo Alves Outubro de 2010Outubro de 2010 I SEMINFO - Semana
Acadmica do Curso Tcnico em Manuteno e Suporte em InformticaI
SEMINFO - Semana Acadmica do Curso Tcnico em Manuteno e Suporte em
Informtica E.T.E. Joo XXIIIE.T.E. Joo XXIII
2. Desenvolvimento Web 2 WebWeb Transporte de informaes entre
uma rede mundial, exibidas atravs de um navegador Endereo Internet
Contedo desenvolvedor Web Trs padres base: URI, HTTP, HTML 3.
Desenvolvimento Web 3 Breve HistricoBreve Histrico Nascimento da
Web Funo de transportar informaes pela rede Tecnologia simples e
flexvel Disseminao dos navegadores 1993: Mosaic (X Window System do
Unix) 1994: adaptao para Windows ~1995: Criadores fundam a Netscape
Communications e o navegador Netscape se torna lder de mercado 4.
Desenvolvimento Web 4 Breve HistricoBreve Histrico Guerra dos
Browsers 1995 a 1999 - Netscape perde sua liderana 5.
Desenvolvimento Web 5 Breve HistricoBreve Histrico A partir de
certo ponto, apresentar o contedo j no era suficiente, era
necessrio format-lo Solues comearam a se tornar complexas e
inviveis Surgem novas tecnologias para resolver problemas antigos
Facilidades Poder, controle e menor flexibilidade Riqueza de
recursos 6. Desenvolvimento Web 6 HTMLHTML Tecnologia central
Linguagem de marcao Interpretada pelos navegadores Inicialmente
formada de regras sintticas flexveis 7. Desenvolvimento Web 7
HTMLHTML Exemplo de cdigo HTML 8. Desenvolvimento Web 8 Novas
TecnologiasNovas Tecnologias Meios de estender as capacidades da
linguagem HTML Ampliaram os recursos das pginas Web Proporcionaram
sites mais dinmicos, ferramentas mais teis, como: Youtube Facebook
e Orkut GoogleDocs e GoogleMaps Acesso a partir de dispositivos
mveis 9. Desenvolvimento Web 9 Novas TecnologiasNovas Tecnologias
LiveScript + Java JavaScript Validao de formulrios Interao com a
pgina Modificao dinmica de elementos e estilos
http://mozilla.org/js 10. Desenvolvimento Web 10 Novas
TecnologiasNovas Tecnologias Exemplo de cdigo JavaScript 11.
Desenvolvimento Web 11 Novas TecnologiasNovas Tecnologias CSS
Cascading Style Sheets Folha de estilos em cascata Linguagem de
estilos Define a apresentao de documentos Web Prov separao entre
formatao e contedo 12. Desenvolvimento Web 12 Novas
TecnologiasNovas Tecnologias Exemplo de cdigo CSS 13.
Desenvolvimento Web 13 Novas TecnologiasNovas Tecnologias Flash
Criada pela Macromedia, comprada pela Adobe uma tecnologia
proprietria (fechada e/ou paga) Animaes interativas Vdeos e jogos
Executado no navegador atravs de plugin 14. Desenvolvimento Web 14
Novos empregos para as novasNovos empregos para as novas
tecnologiastecnologias Pginas web dinmicas Comunicao entre cliente
e servidor automtica Atualizao de contedo dinamicamente Oferta de
produtos baseada nas aes do usurio A Web no mais a mesma: o usurio
tambm gera contedo 15. Desenvolvimento Web 15 Novos empregos para
as novasNovos empregos para as novas tecnologiastecnologias
Ferramentas com recursos prontos para uso AJAX jQuery
(http://jqueryui.com/demos/) Criao e manipulao de recursos grficos
Pginas web ricas Yahoo (http://developer.yahoo.com/) YUI Yahoo User
Interface Library utilitrios e controles YUI compressor YSlow
sugestes para aumento de performance 16. Desenvolvimento Web 16
Embutindo novas solues nasEmbutindo novas solues nas linguagens
principaislinguagens principais HTML5 udio, vdeo, novos campos de
formulrio CSS3 Transparncia, bordas arredondadas SVG e canvas 17.
Desenvolvimento Web 17 FuturoFuturo Internet Explorer 9+
(http://microsoft.com/ie9) Firefox 4
(http://mozilla.com/firefox/beta/) Opera 10
(http://opera.com/browser/) Google Chrome
(http://google.com/chrome) 18. Desenvolvimento Web 18 O que preciso
para comearO que preciso para comear Disposio Atualizao constante
19. Desenvolvimento Web 19 Por onde comearPor onde comear
www.Apostilando.com maujor.com w3schools.com
http://tinyurl.com/modelo-de-padroes (modelo de padres web)
tinyurl.com/jquery-design (tutorial para designers) jQueryUI.com
flowplayer.org/tools 20. Desenvolvimento Web 20 ExemplosExemplos
http://tinyurl.com/html5-video-controls
http://tinyurl.com/css3-show-and-hide
http://tinyurl.com/css3-ui-win7 http://tinyurl.com/pseudo-3d-games
21. Desenvolvimento Web 21 ObrigadoObrigado
http://slideshare.net/kmiksihttp://slideshare.net/kmiksi
