SlideShare uma empresa Scribd logo

Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel

Marcelo Linhares
Marcelo Linhares
Marcelo LinharesCEO & Co-founder Onfly em Onfly

Minicurso de ajax ministrado no dia 11 de outubro de 2008 na 5. Semana de Informática da PUC Minas São Gabriel

Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel

1 de 93
Baixar para ler offline
minicurso Desenvolvimento Web  com  Ajax Marcelo Linhares – UOL
Quem vos fala... - 5 anos de experiência com webdevelopment - Webmaster @UOL S/A - marcelolinhares.com // pessoal - algumas brincadeiras: > vagasem.info // oportunidades em TI > marcelolinhares.com/bolsa // gestão de portfólio online
Sobre o minicurso... Apresentar os principais conceitos de construção de interfaces ricas para web utilizando Ajax..... ...em apenas 3 horas! ?
Agenda - Um pouco de história da WWW - WWW hoje! (vide Web 2.0 ou blá,blá,blá,blá...) - Interfaces ricas - Ajax?  - Javascript, CSS, EcmaScript, xHTML... - Hora do Café - Mão na massa... - Brindes
Um detalhe... Perguntas, dúvidas, sugestões, e comentários são  SEMPRE  bem vindos, a sua  participação  no mini-curso é  fundamental
Um pouco de história... - Um cara legal chamado Tim Berners Lee criou a WWW em 1991 - Em 1993 o mesmo nerd criou o HTML - Ainda em 93, surge o Mosaic

Recomendados

Ajax para quem_ouviu_falar
Ajax para quem_ouviu_falarAjax para quem_ouviu_falar
Ajax para quem_ouviu_falarCharleston Anjos
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryHarlley Oliveira
 

Mais conteúdo relacionado

Mais procurados

Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDaniel Paz
 
Desenvolva rapidamente utilizando o framework Desenvolva rapidamente utiliz...
Desenvolva rapidamente
utilizando o framework
Desenvolva rapidamente utiliz...Desenvolva rapidamente
utilizando o framework
Desenvolva rapidamente utiliz...
Desenvolva rapidamente utilizando o framework Desenvolva rapidamente utiliz...Renato Shirakashi
 
Melhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação WebMelhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação WebMaurício Linhares
 
Introdução a Big Data e Apache Solr
Introdução a Big Data e Apache SolrIntrodução a Big Data e Apache Solr
Introdução a Big Data e Apache SolrJuliano Martins
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Apresentação Java Web Si Ufc Quixadá - MVC
Apresentação Java Web Si Ufc Quixadá - MVCApresentação Java Web Si Ufc Quixadá - MVC
Apresentação Java Web Si Ufc Quixadá - MVCZarathon Maia
 
Apresentação sobre MVVMC
Apresentação sobre MVVMCApresentação sobre MVVMC
Apresentação sobre MVVMCAlisson Agiani
 
Navegadores por de baixo dos panos - Ana Luiza Bastos
Navegadores por de baixo dos panos - Ana Luiza BastosNavegadores por de baixo dos panos - Ana Luiza Bastos
Navegadores por de baixo dos panos - Ana Luiza BastosiMasters
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryReinaldo Junior
 
Aprender CSS (UFCD0154) v2
Aprender CSS (UFCD0154) v2Aprender CSS (UFCD0154) v2
Aprender CSS (UFCD0154) v2Afonso Gomes
 
Introdução à MEAN Stack
Introdução à MEAN StackIntrodução à MEAN Stack
Introdução à MEAN StackBruno Catão
 
Arquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaArquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaBreno Vitorino
 
Consumindo dados via web service no android
Consumindo dados via web service no androidConsumindo dados via web service no android
Consumindo dados via web service no androidAlexandre Antunes
 
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo BranasNode.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo BranasRodrigo Branas
 
Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Afonso Gomes
 
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...clesiojunior
 
PHP RESTful Web Services
PHP RESTful Web ServicesPHP RESTful Web Services
PHP RESTful Web ServicesFelipe Ribeiro
 

Mais procurados (20)

Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi Builder
 
Desenvolva rapidamente utilizando o framework Desenvolva rapidamente utiliz...
Desenvolva rapidamente
utilizando o framework
Desenvolva rapidamente utiliz...Desenvolva rapidamente
utilizando o framework
Desenvolva rapidamente utiliz...
Desenvolva rapidamente utilizando o framework Desenvolva rapidamente utiliz...
 
Melhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação WebMelhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação Web
 
8159540 Tutorial De Ajax
8159540 Tutorial De Ajax8159540 Tutorial De Ajax
8159540 Tutorial De Ajax
 
Introdução a Big Data e Apache Solr
Introdução a Big Data e Apache SolrIntrodução a Big Data e Apache Solr
Introdução a Big Data e Apache Solr
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Apresentação Java Web Si Ufc Quixadá - MVC
Apresentação Java Web Si Ufc Quixadá - MVCApresentação Java Web Si Ufc Quixadá - MVC
Apresentação Java Web Si Ufc Quixadá - MVC
 
Apresentação sobre MVVMC
Apresentação sobre MVVMCApresentação sobre MVVMC
Apresentação sobre MVVMC
 
Navegadores por de baixo dos panos - Ana Luiza Bastos
Navegadores por de baixo dos panos - Ana Luiza BastosNavegadores por de baixo dos panos - Ana Luiza Bastos
Navegadores por de baixo dos panos - Ana Luiza Bastos
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQuery
 
Web Performance Client Side
Web Performance Client SideWeb Performance Client Side
Web Performance Client Side
 
Aprender CSS (UFCD0154) v2
Aprender CSS (UFCD0154) v2Aprender CSS (UFCD0154) v2
Aprender CSS (UFCD0154) v2
 
Introdução à MEAN Stack
Introdução à MEAN StackIntrodução à MEAN Stack
Introdução à MEAN Stack
 
Arquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaArquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em Java
 
Consumindo dados via web service no android
Consumindo dados via web service no androidConsumindo dados via web service no android
Consumindo dados via web service no android
 
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo BranasNode.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
 
Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2
 
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
 
PHP RESTful Web Services
PHP RESTful Web ServicesPHP RESTful Web Services
PHP RESTful Web Services
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
 

Destaque

Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016
Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016
Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016FPA
 
16050514 apostila-programacao-php-e-my sql-exatasweb
16050514 apostila-programacao-php-e-my sql-exatasweb16050514 apostila-programacao-php-e-my sql-exatasweb
16050514 apostila-programacao-php-e-my sql-exataswebWesley Ferreira
 
Las redes sociales,el nuevo reto sindical de CGT
Las redes sociales,el nuevo reto sindical de CGTLas redes sociales,el nuevo reto sindical de CGT
Las redes sociales,el nuevo reto sindical de CGTMoisès Rial Medina
 
Tecniche di localizzazione
Tecniche di localizzazioneTecniche di localizzazione
Tecniche di localizzazioneFulvietta Favore
 
Software livre para leigos - VII SIECOMP
Software livre para leigos - VII SIECOMPSoftware livre para leigos - VII SIECOMP
Software livre para leigos - VII SIECOMPAnderson Ferraz
 
PHP e Ajax com XAJAX
PHP e Ajax com XAJAXPHP e Ajax com XAJAX
PHP e Ajax com XAJAXRafael Dohms
 
Banco de Dados MySQL
Banco de Dados MySQLBanco de Dados MySQL
Banco de Dados MySQLMarcus Couto
 
Visual Basic 2010 - Criando uma aplicação de Controle de Notas
Visual Basic 2010 - Criando uma aplicação de Controle de NotasVisual Basic 2010 - Criando uma aplicação de Controle de Notas
Visual Basic 2010 - Criando uma aplicação de Controle de NotasETEC Monsenhor Antonio Magliano
 
Nella mente dell'hacker: da Wargames all'Underground Economy
Nella mente dell'hacker: da Wargames all'Underground EconomyNella mente dell'hacker: da Wargames all'Underground Economy
Nella mente dell'hacker: da Wargames all'Underground Economymadero
 
Apostila completa (php my sql e ajax)
Apostila completa (php   my sql e ajax)Apostila completa (php   my sql e ajax)
Apostila completa (php my sql e ajax)Paulo Kons
 
Apostila PHP5 + MySQL + AJAX
Apostila PHP5 + MySQL + AJAXApostila PHP5 + MySQL + AJAX
Apostila PHP5 + MySQL + AJAXDaniel Brandão
 
Pcmso modelo.doc
Pcmso modelo.docPcmso modelo.doc
Pcmso modelo.docLuis Araujo
 
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARES
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARESPROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARES
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARESTancredo Almeida
 
Programação c# - banco de dados
Programação   c# - banco de dadosProgramação   c# - banco de dados
Programação c# - banco de dadosdouglasschaefler
 
Php e mysql aplicacao completa a partir do zero
Php e mysql   aplicacao completa a partir do zeroPhp e mysql   aplicacao completa a partir do zero
Php e mysql aplicacao completa a partir do zeroFred Ramos
 
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e AjaxDesenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e AjaxAlmir Neto
 

Destaque (20)

Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016
Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016
Digital first: gli appuntamenti sulla PA digitale a FORUM PA 2016
 
16050514 apostila-programacao-php-e-my sql-exatasweb
16050514 apostila-programacao-php-e-my sql-exatasweb16050514 apostila-programacao-php-e-my sql-exatasweb
16050514 apostila-programacao-php-e-my sql-exatasweb
 
PHP MySQL Aula 03
PHP MySQL Aula 03PHP MySQL Aula 03
PHP MySQL Aula 03
 
Mini Curso de PHP
Mini Curso de PHPMini Curso de PHP
Mini Curso de PHP
 
Las redes sociales,el nuevo reto sindical de CGT
Las redes sociales,el nuevo reto sindical de CGTLas redes sociales,el nuevo reto sindical de CGT
Las redes sociales,el nuevo reto sindical de CGT
 
Tecniche di localizzazione
Tecniche di localizzazioneTecniche di localizzazione
Tecniche di localizzazione
 
Software livre para leigos - VII SIECOMP
Software livre para leigos - VII SIECOMPSoftware livre para leigos - VII SIECOMP
Software livre para leigos - VII SIECOMP
 
Revista programar 2
Revista programar 2Revista programar 2
Revista programar 2
 
PHP e Ajax com XAJAX
PHP e Ajax com XAJAXPHP e Ajax com XAJAX
PHP e Ajax com XAJAX
 
introdução a ajax
introdução a ajaxintrodução a ajax
introdução a ajax
 
Banco de Dados MySQL
Banco de Dados MySQLBanco de Dados MySQL
Banco de Dados MySQL
 
Visual Basic 2010 - Criando uma aplicação de Controle de Notas
Visual Basic 2010 - Criando uma aplicação de Controle de NotasVisual Basic 2010 - Criando uma aplicação de Controle de Notas
Visual Basic 2010 - Criando uma aplicação de Controle de Notas
 
Nella mente dell'hacker: da Wargames all'Underground Economy
Nella mente dell'hacker: da Wargames all'Underground EconomyNella mente dell'hacker: da Wargames all'Underground Economy
Nella mente dell'hacker: da Wargames all'Underground Economy
 
Apostila completa (php my sql e ajax)
Apostila completa (php   my sql e ajax)Apostila completa (php   my sql e ajax)
Apostila completa (php my sql e ajax)
 
Apostila PHP5 + MySQL + AJAX
Apostila PHP5 + MySQL + AJAXApostila PHP5 + MySQL + AJAX
Apostila PHP5 + MySQL + AJAX
 
Pcmso modelo.doc
Pcmso modelo.docPcmso modelo.doc
Pcmso modelo.doc
 
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARES
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARESPROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARES
PROPOSTA DE UM SISTEMA PARA AUTOMATIZAR ROTINAS ADMINISTRATIVAS ESCOLARES
 
Programação c# - banco de dados
Programação   c# - banco de dadosProgramação   c# - banco de dados
Programação c# - banco de dados
 
Php e mysql aplicacao completa a partir do zero
Php e mysql   aplicacao completa a partir do zeroPhp e mysql   aplicacao completa a partir do zero
Php e mysql aplicacao completa a partir do zero
 
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e AjaxDesenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
 

Semelhante a Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel

Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Rodrigo Kono
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaAlexandre Tarifa
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScriptThiago Poiani
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Gustavo Corrêa Alves
 
Fsi8a Sistemas Internet
Fsi8a Sistemas InternetFsi8a Sistemas Internet
Fsi8a Sistemas InternetLuiz Domingues
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software LivreRuan Carvalho
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livreRuan Carvalho
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsitaniamaciel
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info
 
LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04Carlos Santos
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Rodrigo Kono
 

Semelhante a Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel (20)

Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
HTML5
HTML5HTML5
HTML5
 
Conceitos de Ajax
Conceitos de AjaxConceitos de Ajax
Conceitos de Ajax
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScript
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
 
Fsi8a Sistemas Internet
Fsi8a Sistemas InternetFsi8a Sistemas Internet
Fsi8a Sistemas Internet
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Minicurso Smsi
Minicurso SmsiMinicurso Smsi
Minicurso Smsi
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsi
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
 
LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04
 
Hands-On – ExtJS
Hands-On – ExtJSHands-On – ExtJS
Hands-On – ExtJS
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
Encet 2008-ajax java
Encet 2008-ajax javaEncet 2008-ajax java
Encet 2008-ajax java
 
Mashups: Criando Valor na Web 2.0 (BandTec)
Mashups: Criando Valor na Web 2.0 (BandTec)Mashups: Criando Valor na Web 2.0 (BandTec)
Mashups: Criando Valor na Web 2.0 (BandTec)
 

Mais de Marcelo Linhares

getninjas-sa-prospecto-pre.pdf
getninjas-sa-prospecto-pre.pdfgetninjas-sa-prospecto-pre.pdf
getninjas-sa-prospecto-pre.pdfMarcelo Linhares
 
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdf
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdfBRASIL-TRAVEL-PRELIMINAR-V20-online.pdf
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdfMarcelo Linhares
 
20201019_Minuta do Prospecto Preliminar_tokstok.pdf
20201019_Minuta do Prospecto Preliminar_tokstok.pdf20201019_Minuta do Prospecto Preliminar_tokstok.pdf
20201019_Minuta do Prospecto Preliminar_tokstok.pdfMarcelo Linhares
 
20201204 Minuta do Prospecto Preliminar_kalunga.pdf
20201204 Minuta do Prospecto Preliminar_kalunga.pdf20201204 Minuta do Prospecto Preliminar_kalunga.pdf
20201204 Minuta do Prospecto Preliminar_kalunga.pdfMarcelo Linhares
 
20201008_Prospecto Preliminar_wine.pdf
20201008_Prospecto Preliminar_wine.pdf20201008_Prospecto Preliminar_wine.pdf
20201008_Prospecto Preliminar_wine.pdfMarcelo Linhares
 
20210727_Minuta do Prospecto Preliminar_vix.pdf
20210727_Minuta do Prospecto Preliminar_vix.pdf20210727_Minuta do Prospecto Preliminar_vix.pdf
20210727_Minuta do Prospecto Preliminar_vix.pdfMarcelo Linhares
 
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdf
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdfbluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdf
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdfMarcelo Linhares
 
20211021_Minuta do Prospecto Preliminar_cantu.pdf
20211021_Minuta do Prospecto Preliminar_cantu.pdf20211021_Minuta do Prospecto Preliminar_cantu.pdf
20211021_Minuta do Prospecto Preliminar_cantu.pdfMarcelo Linhares
 
20201123_Minuta do Prospecto Preliminar_cortel.pdf
20201123_Minuta do Prospecto Preliminar_cortel.pdf20201123_Minuta do Prospecto Preliminar_cortel.pdf
20201123_Minuta do Prospecto Preliminar_cortel.pdfMarcelo Linhares
 
20210422_Minuta do Prospecto Preliminar_hortifruti.pdf
20210422_Minuta do Prospecto Preliminar_hortifruti.pdf20210422_Minuta do Prospecto Preliminar_hortifruti.pdf
20210422_Minuta do Prospecto Preliminar_hortifruti.pdfMarcelo Linhares
 
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdfMarcelo Linhares
 
20201023_Minuta do Prospecto Preliminar_emmcamp.pdf
20201023_Minuta do Prospecto Preliminar_emmcamp.pdf20201023_Minuta do Prospecto Preliminar_emmcamp.pdf
20201023_Minuta do Prospecto Preliminar_emmcamp.pdfMarcelo Linhares
 
20200904_Minuta do Prospecto Preliminar_nissei.pdf
20200904_Minuta do Prospecto Preliminar_nissei.pdf20200904_Minuta do Prospecto Preliminar_nissei.pdf
20200904_Minuta do Prospecto Preliminar_nissei.pdfMarcelo Linhares
 
20210802_Minuta do Prospecto Preliminar_madero.pdf
20210802_Minuta do Prospecto Preliminar_madero.pdf20210802_Minuta do Prospecto Preliminar_madero.pdf
20210802_Minuta do Prospecto Preliminar_madero.pdfMarcelo Linhares
 
20220201_Minuta do Prospecto Preliminar_senior.pdf
20220201_Minuta do Prospecto Preliminar_senior.pdf20220201_Minuta do Prospecto Preliminar_senior.pdf
20220201_Minuta do Prospecto Preliminar_senior.pdfMarcelo Linhares
 
20211018_Minuta do Prospecto Preliminar_superbid.pdf
20211018_Minuta do Prospecto Preliminar_superbid.pdf20211018_Minuta do Prospecto Preliminar_superbid.pdf
20211018_Minuta do Prospecto Preliminar_superbid.pdfMarcelo Linhares
 

Mais de Marcelo Linhares (20)

getninjas-sa-prospecto-pre.pdf
getninjas-sa-prospecto-pre.pdfgetninjas-sa-prospecto-pre.pdf
getninjas-sa-prospecto-pre.pdf
 
UberCab_Dec2008.pdf
UberCab_Dec2008.pdfUberCab_Dec2008.pdf
UberCab_Dec2008.pdf
 
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdf
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdfBRASIL-TRAVEL-PRELIMINAR-V20-online.pdf
BRASIL-TRAVEL-PRELIMINAR-V20-online.pdf
 
track_field.pdf
track_field.pdftrack_field.pdf
track_field.pdf
 
privalia_ipo.pdf
privalia_ipo.pdfprivalia_ipo.pdf
privalia_ipo.pdf
 
picpay_filling.pdf
picpay_filling.pdfpicpay_filling.pdf
picpay_filling.pdf
 
20201019_Minuta do Prospecto Preliminar_tokstok.pdf
20201019_Minuta do Prospecto Preliminar_tokstok.pdf20201019_Minuta do Prospecto Preliminar_tokstok.pdf
20201019_Minuta do Prospecto Preliminar_tokstok.pdf
 
20201204 Minuta do Prospecto Preliminar_kalunga.pdf
20201204 Minuta do Prospecto Preliminar_kalunga.pdf20201204 Minuta do Prospecto Preliminar_kalunga.pdf
20201204 Minuta do Prospecto Preliminar_kalunga.pdf
 
20201008_Prospecto Preliminar_wine.pdf
20201008_Prospecto Preliminar_wine.pdf20201008_Prospecto Preliminar_wine.pdf
20201008_Prospecto Preliminar_wine.pdf
 
20210727_Minuta do Prospecto Preliminar_vix.pdf
20210727_Minuta do Prospecto Preliminar_vix.pdf20210727_Minuta do Prospecto Preliminar_vix.pdf
20210727_Minuta do Prospecto Preliminar_vix.pdf
 
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdf
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdfbluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdf
bluefit-academias-de-ginastica-e-participacoes-sa-prospecto-pre_bluefit.pdf
 
20211021_Minuta do Prospecto Preliminar_cantu.pdf
20211021_Minuta do Prospecto Preliminar_cantu.pdf20211021_Minuta do Prospecto Preliminar_cantu.pdf
20211021_Minuta do Prospecto Preliminar_cantu.pdf
 
20201123_Minuta do Prospecto Preliminar_cortel.pdf
20201123_Minuta do Prospecto Preliminar_cortel.pdf20201123_Minuta do Prospecto Preliminar_cortel.pdf
20201123_Minuta do Prospecto Preliminar_cortel.pdf
 
20210422_Minuta do Prospecto Preliminar_hortifruti.pdf
20210422_Minuta do Prospecto Preliminar_hortifruti.pdf20210422_Minuta do Prospecto Preliminar_hortifruti.pdf
20210422_Minuta do Prospecto Preliminar_hortifruti.pdf
 
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf
20210910_PROSPECTO PRELIMINAR_CAPTALYS.pdf
 
20201023_Minuta do Prospecto Preliminar_emmcamp.pdf
20201023_Minuta do Prospecto Preliminar_emmcamp.pdf20201023_Minuta do Prospecto Preliminar_emmcamp.pdf
20201023_Minuta do Prospecto Preliminar_emmcamp.pdf
 
20200904_Minuta do Prospecto Preliminar_nissei.pdf
20200904_Minuta do Prospecto Preliminar_nissei.pdf20200904_Minuta do Prospecto Preliminar_nissei.pdf
20200904_Minuta do Prospecto Preliminar_nissei.pdf
 
20210802_Minuta do Prospecto Preliminar_madero.pdf
20210802_Minuta do Prospecto Preliminar_madero.pdf20210802_Minuta do Prospecto Preliminar_madero.pdf
20210802_Minuta do Prospecto Preliminar_madero.pdf
 
20220201_Minuta do Prospecto Preliminar_senior.pdf
20220201_Minuta do Prospecto Preliminar_senior.pdf20220201_Minuta do Prospecto Preliminar_senior.pdf
20220201_Minuta do Prospecto Preliminar_senior.pdf
 
20211018_Minuta do Prospecto Preliminar_superbid.pdf
20211018_Minuta do Prospecto Preliminar_superbid.pdf20211018_Minuta do Prospecto Preliminar_superbid.pdf
20211018_Minuta do Prospecto Preliminar_superbid.pdf
 

Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel

  • 1. minicurso Desenvolvimento Web com Ajax Marcelo Linhares – UOL
  • 2. Quem vos fala... - 5 anos de experiência com webdevelopment - Webmaster @UOL S/A - marcelolinhares.com // pessoal - algumas brincadeiras: > vagasem.info // oportunidades em TI > marcelolinhares.com/bolsa // gestão de portfólio online
  • 3. Sobre o minicurso... Apresentar os principais conceitos de construção de interfaces ricas para web utilizando Ajax..... ...em apenas 3 horas! ?
  • 4. Agenda - Um pouco de história da WWW - WWW hoje! (vide Web 2.0 ou blá,blá,blá,blá...) - Interfaces ricas - Ajax? - Javascript, CSS, EcmaScript, xHTML... - Hora do Café - Mão na massa... - Brindes
  • 5. Um detalhe... Perguntas, dúvidas, sugestões, e comentários são SEMPRE bem vindos, a sua participação no mini-curso é fundamental
  • 6. Um pouco de história... - Um cara legal chamado Tim Berners Lee criou a WWW em 1991 - Em 1993 o mesmo nerd criou o HTML - Ainda em 93, surge o Mosaic
  • 8. Este é o “cara”....
  • 9. Coleção de documentos - A Web era nada mais que uma coleção de documentos hipertexto interligadas entre si - Web como plataforma? Ainda não...
  • 11. 10 anos depois - Estouro da bolha, - Espuelas enriqueceu ;-) - A AOL Brasil fracassou! - O Google apareceu - Banda Larga, SOA, Web 2.0....
  • 12.  
  • 13. Enfim.... 10 anos depois, a internet se reiventou...
  • 14.  
  • 15. A modinha da Web2.0 - Sem especulação, internet realmente começou a dar dinheiro ! - Usuário criando conteúdo - Interfaces mais ricas - Internet como plataforma
  • 16. no ponto que queria chegar... Interfaces mais ricas
  • 17. Por um momento, esqueça... Python, C++, C-Ansi, JSP, Java, Smaltak, PHP, ASP, C#, Ruby, TCL, Perl, Pascal, Zope, Plone, ABAP, AWK, Lua, Cobol, Assembly, Haskell, Prolog, Cold-Fusion, Ada, Fortran, Clipper, BASIC, Caché, dBase, Shell-Script..
  • 18. Isto não importa para o usuário!
  • 19. não acredita em mim... “ o que distingue uma empresa de outra num mesmo segmento de atuação? Eu afirmo a vocês que o que diferencia as empresas no século XXI é a ergonomia. ” Jorge Steffens – Presidente DataSul
  • 20. continua não acreditando.... - Orkut foi escrito em .NET - WikiPedia , FaceBook foi escrito em PHP - Plataforma base do Google é essencialmente Java e Python - Twitter é feito em Ruby pergunto: Esta informação é relevante para você ?
  • 22. uma plataforma...?? - SOA - Mashups - Acessibilidade - Computação Ubíqua - Cloud Computing
  • 23. uma plataforma...?? - GMail/YahooMail x Outlook Express - GoogleDocs x MsOffice - Salesforce.com x RM Corpore
  • 24. uma plataforma...?? - Novo modelo de licenciamento de software: - ASP (Application Service Provider)
  • 27. tudo isto seria possível, se ainda estivéssemos usando isto?
  • 28. E se nossa conexão dependesse do famigerado kit multmídia?
  • 29. Isto só foi possível porquê: A Lei de Moore funcionou!
  • 31. 5 minutos para o café....
  • 32. Mas o minicurso não é de AJAX?
  • 33. Onde Ajax entra nesta história?
  • 34. conceituando... “ Uma técnica para criação de interfaces web mais ricas” Ou melhor... A synchronous J avaScript A nd X ML
  • 35. conceituando...?? - Muitos desenvolvedores já programavam usando Ajax - Termo criado por James Garret em 2005 - Mérito? Ficou mais fácil vender Ajax para os clientes!
  • 38. Navegadores carregam não apenas o conteúdo!
  • 39. Navegador lê os dados , a aplicação trata a sua exibição .
  • 40. Transferência de dados transparente para o Usuário
  • 42. Se bem utilizado, melhora muito a experiência do usuário !
  • 49. Nem tudo são flores se mal utilizado, ajax pode dar dor de cabeça para o usuário!
  • 50. Não dar feedback após a ação
  • 51. Usuário não pode voltar, nem adicionar página nos favoritos
  • 54. Tudo isto pode ser resolvido claro, basta apenas o desenvolvedor ser menos preguiçoso!
  • 56. tecnologias - xHTML e CSS - DOM Document Object Model - XML e JSON - Javascript - Linguagem server-side
  • 58. xHTML e CSS - Web standards e CSS. Sites preparados conforme os padrões da w3c (World Wide Web Consortium), utlizando xHTML para o conteúdo e CSS para o comportamento visual
  • 59. xHTML - linguagem de marcação (báh..) - “evolução” da HTML... - Objetivo? Aumentar a acessibilidade
  • 60. DOM
  • 61. DOM - Document Object Model - Interface para acessar/modificar a estrutura de um documento XML/xHTML - exemplo? document.getElementById(“curso-sg”)
  • 62. DOM
  • 64. XML XML (Extensible Markup Language). Um padrão de linguagem para tornar mais fácil a transferência de dados entre aplicações.
  • 65. XML <pessoa> <nome> José </nome> <idade> 16 </nome> <emprego> Analista de Sistemas </emprego> <apelido> Zezé do Pagode </apelido> </pessoa>
  • 66. JSON &quot; JavaScript Object Notation &quot; , é um formato para a transferência de dados entre aplicações.
  • 67. JSON - Simples - Tem a vantagem de ser mais leve que o XML - Normalmente utilizado quando os dados trafegados entre as aplicações são críticos
  • 68. JSON { &quot; nome &quot;:&quot;José&quot;, &quot; idade &quot;:&quot;16&quot;, &quot; emprego &quot;:&quot;Analista de Sistemas&quot;, “ apelido”:”Zezé do pagode” }
  • 69. JSON { &quot; nome &quot;:&quot;José&quot;, &quot; idade &quot;:&quot;16&quot;, &quot; emprego &quot;:&quot;Analista de Sistemas&quot;, “ apelido”:”Zezé do pagode” }
  • 71. Linguagem Client-Side responsável por agilizar interações entre o usuário e a página, baseado no padrão EcmaScript.
  • 72.  
  • 73. Javascript - Linguagem interpretada - Roda no cliente (client-side) - Criada pela Netscape inicialmente para fazer validações client-side nos formulários HTML - A intenção do JavaScript é prover maior interatividade entre o sistema e o usuário document.getElementById(“curso-sg”)
  • 74. Javascript - Todo comando javascript dentro do HTML é delimitado pela tag <script> - <script> alert(&quot;Janela do Javascript&quot;) <script> -
  • 75. Javascript/dom/css - Atribuindo borda vermelha a um elemento xHTML cujo ID seja “curso-sg” <script> document.getElementById(“curso-sg”).style.border = “5px solid red” <script>
  • 76. Javascript / XMLHttpRequest - Objeto XMLHttpRequest - Objeto responsável por fazer as requisições assíncronas
  • 77. Javascript / XMLHttpRequest - Primeiro problema! a criação do Objeto é diferente no Internet Explorer, neste (pseudo)browser o objeto é criado através de um ActiveX
  • 78. Javascript / XMLHttpRequest var objeto = new XMLHttpRequest(); // firefox / ópera / konqueror / safari var objeto = new ActiveXObject(&quot;Msxml2.XMLHTTP&quot;); // Internet Explorer
  • 79. Javascript / XMLHttpRequest function getXML() { var objeto; // declara o objeto try { // tenta criar objeto XMLHTTPRequest objeto = new XMLHttpRequest() }catch(e) { // caso dê erro, tenta criar o ActiveXObject objeto = new ActiveXObject(&quot;Msxml2.XMLHTTP&quot;); } return objeto }
  • 81. server-side - linguagem de programação executada no servidor - exemplo: php, ruby, python, asp, c, c++, Java...
  • 82. Produtividade sempre é legal!
  • 83. Produtividade em JS - existem frameworks JS que irão melhorar muito sua produtividade - jquery , script.acu.lo.us , mototools , dwr (Java), Spry (Adobe) - Fique atento ao uso de frameworks, não deixem elas dominarem você!
  • 84. Produtividade - Firefox Firefox não é apenas um navegador, ele é um poderoso ambiente de desenvolvimento
  • 85. Produtividade - Firefox - Console de Erros eficiente (Nativo) - DOM Inspector - verifica Árvore de Objetos DOM (Nativo) - Extensão FireBug para Depurar Scripts/CSS/HTML e verificar Árvore de Objetos DOM - Extensão WebDeveloper ( CSS/ JavaScript / xHTML / Validadores )
  • 86. Quero saber mais, Como faço?
  • 87. - Não se esqueça, o Google é seu amigo ;-); - Participe de listas de discussão, blogs, fóruns, interaja; - Já existem bons livros na área - Qualquer dúvida, beba direto da fonte W3C, Especificação EcmaScript
  • 88. Só lembrando Ajax já virou commodity, para quem trabalha com web, dominar Ajax é tão essencial quanto matemática para um contador !
  • 89. Brindes e sorteios - Livro de Ajax - Lindas camisetas do PagSeguro - Bolinha anti-stress (para ser utilizada logo depois da prova de ATP) - Baralhos de SCRUM... o que é SCRUM?
  • 90. sorteio do livro... <script> alert(&quot;sorteado é: &quot; + parseInt(Math.random()*70)) </script>
  • 91. Brindes do PagSeguro - Simplesmente a melhor opção para disponibilizar meios de pagamento no seu site ;-) - Pagamento seguro - Cartão de crédito, boleta ou transferência....
  • 92. Brindes do UOL - UOL precisa de pessoas inteligentes, estimuladas e criativas, envie seu currículo! - Adoção do SCRUM como metodologia de desenvolvimento dos projetos de internet!