Ajax na Prática é um livro focado essencialmente na produtividade do desenvolvimento de aplicações ricas em interatividade, utilizando frameworks AJAX independentes do servidor, aliados ao poder do PHP 5 com banco de dados MySQL.
Neste livro, alguns dos frameworks AJAX mais famosos do mundo foram colocados em análise, com exemplos similares, auxiliando assim o desenvolvedor a tomar a melhor decisão: Prototype, Script.aculo.us, Dojo Toolkit, Yahoo! User Interface (YUI) Library, jQuery e Ext.
Além de uma análise de cada framework AJAX, o leitor aprenderá a criar um mesmo carrinho de compras com sistema de arrastes (Drag'n Drop), utilizando os frameworks Prototype e Script.aculo.us, jQuery e Dojo Toolkit.

Sumário

Agradecimentos ...............................V
Introdução ...... VII
Quem Deve Ler Este Livro? .......... VIII
Antes de Começar .................. VIII
Códigos dos Exemplos Criados no Livro .. IX
Entrando em Contato com o Autor ....... IX
Visão Geral dos Capítulos ........ IX
Capítulo 1: Preparando-se para Trabalhar com AJAX ................... IX
Capítulo 2: Um Pouco de AJAX ............ IX
Capítulo 3: Prototype e Script.aculo.us . X
Capítulo 4: JSON ..................... X
Capítulo 5: Dojo Toolkit ........... XI
Capítulo 6: Yahoo! UI ............... XI
Capítulo 7: jQuery .............. XII
Capítulo 8: Ext ................ XII
Capítulo 9: Arrastando e soltando com frameworks ................................ XIII

1 Preparando-se para Trabalhar com AJAX ....... 1
Como Surgiu a Palavra AJAX ............... 1
O (X)HTML .................................... 2
O JavaScript ................................. 3
A CSS......................................... 3
O DHTML e objetos DOM ................... 4
O XML ........................................ 4
O XSLT ....................................... 5
Como o Ajax Trabalha ................ 5
Ajax Básico .................... 6
Os Pedidos via HTTP .................... 7
Os Pedidos via Método GET .............. 7
O Pedido via POST .................... 9
As Respostas do HTTP .............. ......... 9
Como Executar os Pedidos via AJAX .......... 11
O Principio ................................. 11
Entendendo o Funcionamento do XMLHttp ou XMLHttpRequest .. 12
Na Prática do Uso de AJAX ................... 14
Um Detalhe a Respeito de AJAX e a Web 2.0 .. 15
Resumo ..................................... 15

2 Um Pouco de AJAX.......................... 17
O que Preciso Conhecer? .................... 17
A Aplicação Servidora ...................... 18
O Seu Ambiente de Trabalho ................. 18
Desenvolvendo o Lado Servidor .............. 19
O Banco de Dados ........................ 19
A Aplicação Web PHP ..................... 20
Desenvolvendo o Lado Cliente ............ 22
A Página HTML ........................... 22
A CSS do Lado Cliente ................... 23
O JavaScript ............................ 25
Trabalhando com XML ..................... 32
Conhecendo o XML ......................... 32
Criando um Exemplo com XML na Prática .. 34
O Lado Servidor ...................... 34
Adicionando Métodos ao JavaScript Existente .. 37
Exibindo para o Usuário o Resultado Final ... 40
O Uso do XML em AJAX ...................... 41
Resumo .................................... 41

3 Prototype e Script.aculo.us ............. 43
O Prototype .............................. 43
O Script.aculo.us ........................ 44
Onde Conseguir a Biblioteca Prototype ... 44
Baixando Script.aculo.us ................. 44
Criando um Exemplo Simples com Prototype.. 45
O Lado Servidor .......................... 45
O Lado Cliente ........................... 46
O JavaScript Utilizando Prototype
Criando um Exemplo Simples com Script.aculo.us 49
Integrando Prototype e Script.aculo.us em uma aplicação Ajax ............................ 51
Usando Ajax com Prototype e animando com Script.aculo.us ........................... 53
O Lado Servidor ....................... 55
Uma Visão Geral sobre o Prototype framework 58
O Objeto Ajax .............................. 58
Usando Prototype para Resposta em XML ..... 62
O Lado Servidor............................ 62
O JavaScript ........................... 62
A Página que Exibirá os Dados .......... 65
Toda a Beleza das Animações com Script.aculo.u.s ........................72
Effect ............................... 72
Colocando na Prática ..................... 73
A Página que Apresentará os Efeitos ..... 74
O JavaScript que Criará os Efeitos ...... 76
Opções Comuns em Todos os Efeitos........ 78
Como Aplicar as Opções em um Efeito ..... 79
Opções Individuais de Alguns Efeitos .... 79
O Efeito Highlight ...................... 79
O Efeito Scale .......................... 80
O Efeito MoveBy ......................... 81
Control ................................ 82
O Lado Servidor ......................... 82
O Lado Cliente .......................... 84
Outros Parâmetros de Ajax.Autocompleter( ) . 88
Utilizando Alguns Parâmetros na Prática .... 88
Resumo ............. 90


4 JSON .............................. 91
Mas o que é JSON?.................... 91
Arrays Literais...................... 92
Objetos Literais .................... 93
Um Conjunto de Literais ............. 94
A Sintaxe de JSON ................... 95
Comparando JSON com XML ............. 95
Gerando JSON no lado servidor........ 96
Usando JSON-PHP...................... 96
JSON na Prática ..................... 96
Usando JSON Nativo no PHP ........... 98
Na Prática Usando JSON com PHP e Banco de Dados ................................98
Utilizando Prototype para Visualizar os Dados em JSON ............................... 100
O JavaScript ...................... 100
Comparação com Outras Bibliotecas JSON para o PHP.........................................106
Resumo .................................... 107

5 Dojo Toolkit .................... 109
Baixando e Configurando o Dojo Toolkit ..110
Para Configurar o Dojo Toolkit ......... 110
Criando um Cadastro com Dojo Toolkit ... 110
O lado servidor ........................ 111
O JavaScript ........................... 111
A Página do Usuário .................. 113
Conhecendo Dojo Toolkit .............. 115
AJAX com Dojo ........................ 117
Upload com Dojo ........................ 117
O Lado Servidor ........................ 118
O JavaScript ......................... 120
A Página que o Usuário Fará upload ... 125
Conhecendo os Widgets de Dojo Toolkit. 126
Criando um DataGrid com Dojo.......... 126
O Lado Servidor ...................... 127
O JavaScript ....................... 127
A CSS Usada ........................... 130
A Página que Irá Renderizar a Tabela .. 132
Gerando um DataGrid Através de Uma Tabela Já Existente ........................ 133
Capturando Valores da Linha Selecionada no DataGrid.............................. 135
Criando um Auto-Completar com Dojo ... 138
O JavaScript ......................... 138
A Página ......................... 138
Criando um Combo Box com AJAX ....... 140
O Lado Servidor com Acesso a Banco de Dados .141
Criando um Combo Box Programaticamente ..... 142
Capturando a Seleção com JavaScript ........ 143
Capturando o Valor da Seleção Através do Servidor .................... 144
Filtrando a Seleção no Servidor com a Cláusula LIKE ............... 144
Outros Atributos do Combo Box .......... 145
Calendário com Dojo Toolkit .......... 146
DropDown DatePicker ................... 147
Caixas de Diálogo com Dojo ........... 149
O JavaScript ...................... 149
A Caixa de Diálogo .............. 150
A Página que Chamará o Diálogo Criado .. 151
Defi nindo Um Temporizador ............. 154
Defi nindo Uma Caixa de Diálogo Programaticamente ............... 155
Depurando com Dojo Toolkit ..... 156
Criando um Console de Depuração Programaticamente ..........161
Juntando as Peças ................ 161
Criando um Cadastro de Produtos . 161
O JavaScript ............ 161
A Página do Cadastro ............. 163
A CSS da Página .................. 165
Entendendo as Validações em Dojo ...... 167
Referência de Validações Widget com Dojo Toolkit ..................... 169
O Editor com Dojo Toolkit ........... 170
Alterando a Validação para o Modo Programático ..................... 171
O JavaScript...................... 171
As Validações .................... 176
Submetendo o Formulário ao Servidor ..178
A Página Cliente .................... 179
A Tabela no Banco de Dados ......... 180
O Lado Servidor ................... 181
Para Saber Mais ........................ 184
Resumo ............................. 184

6 Yahoo! UI .......................... 187
Baixando e Configurando o YUI ....187
Configurando o YUI ............... 188
Criando um Cadastro AJAX com YUI .. 188
O Lado Servidor .......................... 189
O JavaScript ......................... 189
A Página do Lado Cliente........................... 192
Fazendo Upload de Arquivos com YUI .... 193
O Lado Servidor .................... 193
O JavaScript........................... 193
A Página que o Usuário Fará Upload ..195
Criando um DataTable .................. 196
O Lado Servidor ...................... 196
O JavaScript ......................... 197
A CSS de Formatação do DataTable ..... 201
A Página que Exibirá o DataTable....... 201
Tornando os Campos Editáveis .......... 203
A CSS .......................... 204
Capturando o Valor de uma Célula ..205
Paginando Grande Quantidade de Resultados ...206
Layouts com YUI ....................... 208
Adicionando o Template a Página ..... 211
Criando um Menu com YUI ................. 213

O JavaScript ....................... 215
Resumo ............................. 218

7 jQuery ...... 221
Baixando e Configurando o jQuery ..... 221
Criando um Cadastro com jQuery ........ 222
O Lado Servidor ..................... 222
O JavaScript ........................ 222
A Página do Usuário ................ 226
A CSS .............................. 227
Upload de Arquivos com jQuery ...... 228
O Lado Servidor .................... 228
O JavaScript ..................... 229
A Página que o Usuário Fará Upload ..... 230
Usando jQuery para Resposta em XML com AJAX . 231
O Lado Servidor ........................ 231
O JavaScript ...................... 231
A Página que Exibirá os Dados ..... 234
Usando jQuery para Respostas JSON com AJAX . 234
O JavaScript ...................... 234
A Página que Exibirá os Dados ...... 237
Criando um Auto-Completar com jQuery . 238
O Lado Servidor ................... 239
O JavaScript ..................... 240
A CSS ........................... 244
A Página que Exibirá o Auto-completar .245
Resumo ............................. 246

8 Ext ........................... 247
Baixando e Configurando Ext ....... 248
Cadastro de Produtos com Ext com Yahoo! UI 248
O Lado Servidor ................... 249
O JavaScript ............................ 252
A Página do Usuário .................. 263
Criando um DataGrid com Ext Paginável no Servidor ........ 265
O Lado Servidor ...................... 266
O JavaScript ........................ 268
A Página para Exibir o Grid ao Usuário ... 273
Cadastro de Departamentos Usando Ext com jQuery ......... 274
O Lado Servidor .......... 274
O JavaScript ................. 274
A Página do Usuário ......... 276
Resumo ...................... 277

9 Arrastando e Soltando comFrameworks ..... 279
A Base do Projeto ..................... 279
O Lado Servidor .................... 280
A CSS .......................... 281
A Aparência do Carrinho de Compras ... 283
Um carrinho com Prototype e Script.aculo.us .284
O Lado Servidor para Exibir todos os Produtos 284
O Lado Servidor com o Carrinho de Compras . 285
O JavaScript para Exibir os Produtos Iniciais.. 289
A Página ................ 290
Para Arrastar ............. 292
Para Soltar ................ 293
Um Carrinho com Dojo Toolkit ..... 295
O Lado Servidor para Todos os Produtos .. 295
O Carrinho de Compras no Servidor ...... 296
O JavaScript ........................... 298
A Página ............................... 306
Um Carrinho com jQuery ........................... 307
O Lado Servidor para Todos os Produtos . 307
O Carrinho de Compras no Servidor ..... 307
O JavaScript .......................... 308
A Página .............................. 317
Resumo ................................ 318

A O MySQL ............................. 319
O que é um Banco de Dados Relacional? ..319
Instalando no Windows................ 320
Instalando o MySQL no Linux ........ 320
Acessando o Banco de Dados MySQL ......321
No Windows .......................... 321
No Linux ............................ 322
Os Comandos CREATE e DROP ........ 322
O Comando CREATE ................ 322
O Comando USE .................. 323
O Comando DROP ................. 323
Criando Tabelas ............... 323
O Comando SHOW ............... 324
O Comando DESCRIBE............ 324
Alterando Tabelas Existentes .. 325
Alterando o Nome da Coluna ... 325
Alterando o Tipo de Coluna ... 326
Renomeando uma Tabela ....... 326
Excluindo / Adicionando Colunas e Tabelas ..326
Eliminando Tabelas e Colunas ........ 326
Adicionando Colunas.................... 327
Adicionando Colunas Após uma Outra Determinada ........... 327
Utilizando Índices ....... 327
Decidindo quais Colunas Incluir no Índice 327
Criando um Índice................. 328
Excluindo Índices .............. 328
Tipos de Tabelas .............. 328
O Tipo MyISAM................. 329
O Tipo InnoDB .................. 330
Alterando o Tipo de Uma Tabela . 330
Tipo de Dados ............... 330
Tipos Numéricos ............... 331
AUTO_INCREMENT .............. 332
UNSIGNED ................... 333
ZEROFILL .................. 333
Tipos de Caractere ou de Dados de String .333
CHAR e VARCHAR ............. 334
TEXT e BLOB ................ 334
Tipos Variados ............. 335
Tipo ENUM ................. 335
Tipo SET ................. 335
Tipos de Data E Hora (DATE/TIME) .. 335
Modificadores Adicionais de Coluna.. 336
Sintaxe Básica da SQL ....... 337
Comando INSERT ............. 337
Comando SELECT ............ 337
A Cláusula WHERE ........ 338
Funções que Trabalham com a Instrução SELECT .339
LIMIT ......................... 339
COUNT( ) ......................... 340
ORDER BY .......................... 340
ORDER BY DESC ..................... 340
LIKE ........................... 341
Comando UPDATE ................. 341
Comando DELETE ................ 341
Trabalhando com Junções ......... 342
Criando uma Junção com INNER JOIN .... 342
Chaves Variadas do MySQL ........... 342
O que é Uma Chave? .................... 342
Como as Chaves Funcionam ........ 343
Benefícios de Usar Uma Chave ... 343
Suporte de Chaves do MySQL ...... 343
Chaves Primárias (Primary Key) ... 344
Chaves Estrangeiras (Foreign Key) ..... 345
Excluindo Uma Chave Estrangeira ... 345
Administrando o MySQL ............. 345
Entendendo o Sistema de Privilégios do MySQL .345
Configurando Usuários .................. 346
Confirmando o Novo Usuário ............. 346
Revogando Privilégios .................. 347
Obtendo Informações com SHOW ........ 347

B O que é PHP? .................. 349
Como Surgiu a Linguagem PHP? .... 349
Instalando e Configurando o PHP .350
O Apache ....................... 350
Instalando o Apache no Linux.... 351
Instalando o Apache no Windows...351
Instalando o PHP ............ 351
No Linux .................... 352
No Windows ................. 353
Testando a Instalação ..... 354
A Sintaxe ............... 355
Variáveis ................ 355
Regras para Nomear as Variáveis .. 355
Passagem por Referência .. 356
Tipos .......... 356
Booleanos ...... 357
Inteiros ......... 357
Overflow de Inteiros ............... 357
Números de Pontos Flutuantes .............. 357
Strings ........................ 357
Arrays ......................... 357
Objetos ....................... 358
Resource ..................... 358
NULL ......................... 358
Variáveis HTTP GET: $_GET ............ 358
Variáveis HTTP POST: $_POST ...... 358
$_REQUEST ......................... 359
Operadores .................. 359
Operadores Aritméticos..... 359
Operadores de Atribuição ..... 359
Operadores de Comparação .... 360
Operadores de Incremento/Decremento .. 360
Operadores Lógicos ................... 360
Operadores de String .............. 361
Condições if, else, elseif e Operador Ternário ... 361
A Sintaxe do if, else, elseif ... 361
A Sintaxe do while .............. 361
A Sintaxe do…while ............... 362
A Sintaxe for..................... 362
Exceções ........................ 362
Conectando-se a um Banco de Dados . 363
Usando MySQLi ..................... 363
Executando Uma Query .............. 364
Manipulando os Resultados de Uma Query ... 364
Bibliografia ............... 367
Livros Nacionais .......... 367
Livros Internacionais ..... 367
Sites ................... 368

Gonçalves, Edson - O Autor



Edson Gonçalves é natural de Santo André-SP. Como sócio e um dos fundadores da empresa Integrator Technology and Design, é responsável pela área técnica de desenvolvimento de sistemas, tanto em ambiente Cliente/Servidor como em sistemas distribuídos.

Com conhecimento em diversas linguagens de programação, trabalha há vários anos na área de treinamento, consultoria e desenvolvimento.

Atualmente, sua empresa presta serviços de consultoria a diversas empresas estabelecidas em várias regiões do Brasil e também na Europa.

Na área de treinamento e ensino, presta consultoria a diversas escolas de informática, dado a seu conhecimento e experiência profissional na área de desenvolvimento de sistemas e sites de comércio eletrônico.

Contatos com o autor podem ser feitos pelo site http://www.integrator.com.br ou pelo e-mail edson@integrator.com.br

>> Site: http://