Este repositório contém os códigos-fonte dos programas de exemplo do livro Crie aplicativos web com HTML, CSS, JavaScript, PHP, PostgreSQL, Bootstrap, AngularJS e Laravel.
O livro foi escrito para profissionais, estudantes e autodidatas que já conhecem os elementos básicos de uma linguagem de programação e têm interesse em desenvolver aplicativos web.
Nosso objetivo é desmistificar as principais tecnologias e técnicas envolvidas no desenvolvimento de aplicativos web sob um enfoque abrangente, integrado e prático.
O livro descreve as tecnologias mais usadas pelos desenvolvedores web: HTML, CSS, JavaScript, PHP e os bancos de dados MySQL e PostgreSQL, cobrindo o lado cliente e o lado servidor de um aplicativo web.
Enfatizamos o uso de bibliotecas e frameworks para agilizar e aumentar a produtividade do processo de desenvolvimento. Dentro desta perspectiva, apresentamos a biblioteca CSS Bootstrap, as bibliotecas JavaScript jQuery, MooTools, Chart.js, C3 e jqPlot, o framework PHP Laravel e o framework JavaScript AngularJS.
Destacamos também a importância das ligações com recursos do mundo externo mostrando como integrar o serviço de autenticação do Facebook e o Google Maps a um aplicativo web. Descrevemos também, em instruções passo a passo, como instalar um aplicativo em um serviço comercial de nuvem.
O livro inclui também dicas de uso de ferramentas de desenvolvimento que permitem aumentar a produtividade do desenvolvedor.
Sumário
1. Introdução......................................................1
1.1 A evolução do conteúdo Web.....................................1
1.2 Documentação e referências.....................................3
1.3 Códigos-fonte..................................................4
2. Ferramentas de desenvolvimento..................................7
2.1 Licenciamento..................................................7
2.2 Aptana Studio..................................................8
2.2.1 Criação de um projeto HTML...................................10
2.2.2 Breve lista de comandos......................................13
2.3 Notepad++......................................................14
2.4 Ferramentas do navegador de Internet...........................15
2.5 Servidor Web e banco de dados..................................17
2.6 Ambiente virtual para desenvolvimento..........................17
2.6.1 Instalação e configuração....................................19
2.6.2 Acesso à máquina virtual.....................................20
3. HTML – Hypertext Markup Language................................25
3.1 Marcador HTML..................................................27
3.2 Elementos básicos..............................................29
3.2.1 Texto........................................................29
3.2.2 Referências..................................................29
3.2.3 Listas e tabelas.............................................30
3.2.4 Divisões.....................................................32
3.2.5 Validação da sintaxe HTML....................................33
3.3 Entrada de dados...............................................33
3.3.1 Submissão dos dados..........................................34
3.3.2 Tipo de entrada de dados.....................................35
3.4 A estrutura DOM – Document Object Model........................37
4. CSS – Cascading Style Sheets....................................41
4.1 Declaração CSS.................................................41
4.2 Formatação de elementos........................................43
4.2.1 Tipo do elemento.............................................44
4.2.2 Classe.......................................................44
4.2.3 Identificador................................................45
4.2.4 Descendentes e adjacentes....................................45
4.2.5 Hover........................................................46
4.2.6 Tabela zebrada...............................................46
4.2.7 Formatações específicas......................................48
4.2.8 Exemplo de uso...............................................48
4.3 Hierarquia da formatação CSS...................................50
4.4 Expressões regulares...........................................51
4.4.1 Exatamente igual.............................................52
4.4.2 Inicia com...................................................52
4.4.3 Termina com..................................................53
4.4.4 Contém.......................................................53
4.4.5 Exemplo de uso...............................................53
4.5 Outros recursos CSS............................................55
4.6 Sass – Pré-compilador CSS......................................56
5. Bootstrap – Biblioteca CSS......................................59
5.1 CDN – Content Delivery Network.................................60
5.2 Elementos básicos – Contêiner e grade..........................62
5.3 Elementos HTML.................................................66
5.4 Modificando a aparência dos elementos HTML.....................67
5.4.1 Cores e alinhamento..........................................67
5.4.2 Botões.......................................................67
5.4.3 Tabela.......................................................71
5.5 Menu vertical..................................................73
5.6 Menu horizontal................................................75
5.7 Apresentação de slides (carrossel).............................79
6. JavaScript......................................................85
6.1 Primeiros passos...............................................87
6.1.1 Usando o console do navegador................................90
6.2 Características da linguagem...................................91
6.3 Variáveis e tipos de dados.....................................92
6.3.1 Operadores aritméticos.......................................94
6.3.2 Conversão de tipos...........................................96
6.3.3 Valores numéricos............................................99
6.3.4 Escopo da variável...........................................101
6.3.5 Ambiente de nomes............................................103
6.4 Estruturas de decisão..........................................106
6.4.1 Estrutura if-else............................................106
6.4.2 Estrutura switch-case........................................110
6.4.3 Expressões lógicas...........................................113
6.5 Estruturas de repetição........................................114
6.6 Funções........................................................117
6.7 Arrays.........................................................119
6.7.1 Declaração e acesso aos elementos............................120
6.7.2 Inclusão de elementos........................................123
6.7.3 Exclusão de elementos........................................124
6.7.4 Outras funcionalidades.......................................126
6.8 Programação orientada a objetos................................128
6.8.1 Objetos......................................................128
6.8.2 Classe de objetos............................................131
6.8.3 Derivação de objetos.........................................132
6.8.4 Biblioteca MooTools..........................................134
7. jQuery – Biblioteca JavaScript..................................137
7.1 Introdução.....................................................137
7.2 Função ready().................................................139
7.3 Selecionando elementos na estrutura DOM........................141
7.4 Eventos........................................................144
7.5 Efeitos visuais................................................149
7.6 Navegando na estrutura DOM.....................................150
7.6.1 first() e last().............................................150
7.6.2 each().......................................................151
7.6.3 children()...................................................152
7.7 Exemplo com efeitos visuais....................................153
7.8 Exemplo com formatação CSS.....................................156
8. Gráficos com JavaScript.........................................159
8.1 Biblioteca jqPlot..............................................159
8.1.1 Primeiro exemplo.............................................160
8.1.2 Parâmetros de configuração do gráfico........................161
8.2 Biblioteca Chart.js............................................166
8.2.1 Gráfico de setores...........................................167
8.2.2 Gráfico tipo radar...........................................172
8.3 Biblioteca C3 – Gráficos vetoriais.............................175
8.3.1 Um gráfico simples...........................................176
8.3.2 Parâmetros de configuração do gráfico........................178
9. PHP – Hypertext Preprocessor....................................181
9.1 Primeiros passos...............................................181
9.2 Características da linguagem...................................186
9.3 Variáveis e tipos de dados.....................................188
9.3.1 Escopo.......................................................191
9.4 Arrays.........................................................192
9.4.1 Alteração, inclusão e exclusão de elementos..................193
9.4.2 Funções utilitárias..........................................196
9.4.3 Comparação...................................................199
9.4.4 Ordenação....................................................202
9.5 Estruturas de decisão..........................................206
9.5.1 Operadores de igualdade e identidade.........................206
9.5.2 Dicas sobre a lógica de comparação...........................208
9.5.3 Estrutura switch-case........................................209
9.6 Estruturas de repetição........................................210
9.7 Dados do formulário HTML.......................................213
9.8 Classes e programação OO.......................................215
9.8.1 Herança......................................................216
9.8.2 Classe abstrata..............................................218
9.9 Outros recursos................................................220
9.9.1 Funções de data e hora.......................................220
9.9.2 Incluindo arquivos PHP.......................................222
9.9.3 Ambiente de nomes............................................225
10. PHP – Acesso a banco de dados..................................229
10.1 Gerenciadores de banco de dados...............................229
10.2 Ferramentas de administração..................................230
10.3 Criando um banco de dados.....................................230
10.4 Tipos de dados................................................231
10.5 Chave primária e chave estrangeira............................233
10.6 Operações usando SQL..........................................234
10.6.1 Recuperação de dados........................................237
10.6.2 Inclusão de dados...........................................240
10.6.3 Alteração de dados..........................................240
10.6.4 Exclusão de dados...........................................240
10.6.5 Comando SQL parametrizado...................................241
10.6.6 Indexação...................................................242
10.7 SQLite........................................................242
10.7.1 Tipos de dados..............................................243
10.7.2 Exemplo.....................................................244
10.7.3 Outras características......................................248
11. Aplicativo Ajax com PHP e JavaScript...........................249
11.1 Importando dados da planilha..................................249
11.2 Importando dados XML..........................................256
11.3 Ajax..........................................................264
11.3.1 Formato de dados JSON.......................................265
11.3.2 Lado cliente................................................266
11.3.3 Lado servidor...............................................271
12. Laravel – Framework PHP........................................275
12.1 Instalação....................................................276
12.1.1 Configuração do Aptana......................................277
12.2 Primeiros passos..............................................277
12.3 Projeto cadastro de pessoas...................................278
12.4 Banco de dados................................................279
12.5 MVC – Model View Controller...................................282
12.6 Modelo........................................................284
12.7 Executando o aplicativo.......................................284
12.8 Controlador e rotas...........................................285
12.9 Convenção de nomes............................................290
12.10 Visões.......................................................291
12.10.1 Configuração...............................................292
12.10.2 Sintaxe Blade..............................................293
12.10.3 Layout básico..............................................294
12.10.4 Tela principal.............................................297
12.10.5 Tela de inclusão...........................................299
12.10.6 Tela de edição – alteração e exclusão......................303
12.11 Lógicas......................................................307
12.12 Autenticação do usuário......................................314
12.12.1 Tabela de usuários.........................................314
12.12.2 Controlador................................................316
12.12.3 Visão......................................................318
12.12.4 Rotas e filtros............................................320
13. Laravel – Desenvolvimento de um aplicativo.....................323
13.1 Configuração e preparação das tabelas.........................324
13.2 Preenchimento das tabelas.....................................328
13.3 Página de visualização........................................332
13.4 Menu do aplicativo............................................335
13.5 Conteúdo da página............................................336
13.6 Paginação do conteúdo.........................................337
13.7 Janela modal de pesquisa......................................339
13.8 Localização geográfica da cidade..............................344
13.9 Sites e livros................................................348
14. AngularJS – Single Page Application............................351
14.1 Primeiros passos..............................................352
14.2 Aplicativo de anotações.......................................356
14.3 Serviços......................................................362
14.4 Paginação.....................................................363
14.4.1 Filtragem de dados..........................................363
14.4.2 Monitoração de elementos....................................375
14.4.3 Paginação controlada no lado servidor.......................376
14.5 Interface com banco de dados..................................377
14.5.1 Requisição DELETE...........................................379
14.5.2 Requisição GET..............................................380
14.5.3 Requisição POST.............................................382
14.5.4 Requisição PUT..............................................382
14.5.5 Execução da consulta........................................382
14.5.6 Resposta ao cliente.........................................383
14.6 Aplicativo de anotações aperfeiçoado..........................384
14.6.1 Página HTML.................................................384
14.6.2 Lógicas.....................................................389
14.6.3 Serviço.....................................................390
14.6.4 Controlador.................................................392
14.7 Sites e livros................................................401
15. Autenticação e serviço de nuvem................................403
15.1 Autenticação usando uma conta do Facebook.....................403
15.1.1 Lado cliente................................................404
15.1.2 Lado servidor...............................................407
15.1.3 Aplicativo de anotações com autenticação....................412
15.2 Instalação do aplicativo no serviço de nuvem Heroku...........415
15.2.1 Adequações no código........................................415
15.2.2 Configuração do projeto.....................................417
15.2.3 Processo de deploy..........................................419
15.2.4 Utilitários do Heroku.......................................424
Lista de siglas....................................................425
Índice Alfabético..................................................427