JavaScript Descomplicado

Visualizações: 59
Classificação: (0)

Este livro apresenta os conceitos fundamentais que possibilitam aplicações para a web, além de ferramentas e frameworks mais empregados, incluindo o uso de sistemas de bancos de dados para realizar o armazenamento das informações. Trata das mudanças tecnológicas atuais, do desenvolvimento de soluções para a Internet das Coisas (IoT) e, também, do uso da linguagem JavaScript no desenvolvimento de aplicativos para dispositivos móveis.

FORMATOS DISPONíVEIS

12 capítulos

Formato Comprar item avulso Adicionar à Pasta

Sumário

PDF Criptografado

8

JavaScript Descomplicado – Programação para Web, IoT e Dispositivos Móveis

Sumário

Capítulo 1

HTML....................................................................................................................15

1.1  Cabeçalhos................................................................................................18

1.2  Parágrafos.................................................................................................19

1.3  Fontes........................................................................................................21

1.4  Imagens.....................................................................................................22

1.5  Links..........................................................................................................23

1.6  Listas.........................................................................................................27

1.7  Tabelas.......................................................................................................29

 

Apresentação

PDF Criptografado

Capítulo 10

Desenvolvimento para Dispositivos Móveis........................................................195

10.1  Framework Ionic................................................................................... 196

10.2  Nosso Primeiro Aplicativo..................................................................... 198

10.3  Desenvolvendo uma Calculadora Básica.............................................. 200

10.4  Aplicativo para Cálculo de Índice de Massa Corporal (IMC)................. 204

10.5  Aplicativo de Contatos Telefônicos........................................................ 209

Vamos praticar!.............................................................................................214

Referências Bibliográficas..................................................................................215

12

JavaScript Descomplicado – Programação para Web, IoT e Dispositivos Móveis

Apresentação

A internet é cada vez mais utilizada no mundo todo, e está presente nos mais diversos aspectos do cotidiano das pessoas. Redes sociais, comércio eletrônico, cotação de produtos e serviços, serviços bancários, agendamento de serviços públicos e consultas dos mais diversos tipos são alguns poucos exemplos diários de utilização da internet. Dessa forma, há uma gigantesca demanda para o desenvolvimento desse tipo de aplicação, e a linguagem JavaScript tem sido amplamente utilizada, tanto para o desenvolvimento do front-end, em que está fortemente integrada ao HTML e ao CSS, como para back-end, por meio do Node.js.

 

Capítulo 1: HTML

PDF Criptografado

14

JavaScript Descomplicado – Programação para Web, IoT e Dispositivos Móveis

1

HTML

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, serão apresentados os conceitos da linguagem HTML, que é o elemento fundamental de qualquer página desenvolvida para a web. Também serão abordados os principais elementos utilizados para realizar a definição do aspecto visual e do conteúdo de uma página HTML.

A linguagem HTML é a base de criação de qualquer página para a web, porém se trata de uma linguagem composta por elementos estáticos e está fortemente focada na composição e na formatação de documentos.

HTML é a sigla para HyperText Markup Language ou Linguagem de Formatação de Hipertexto. De modo geral, são documentos de texto escritos em códigos que podem ser interpretados pelos navegadores que, por sua vez, exibem as páginas devidamente formatadas.

Todo documento HTML apresenta os comandos delimitados pelos sinais de maior (>) e menor (<), sendo esses elementos denominados tags ou etiquetas.

 

Capítulo 2: Cascading Style Sheets

PDF Criptografado

2

Cascading

Style Sheets

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, mostraremos como utilizar as Folhas de Estilo em Cascata (CSS ou Cascading Style Sheets) para expandir as possibilidades de formatação do conteúdo de páginas HTML. Além disso, o seu uso é fundamental para a padronização e a definição de uma identidade visual das diversas páginas de um website.

As Folhas de Estilo em Cascata (CSS ou Cascading Style Sheets) permitem customizar a formatação dos elementos HTML. Dessa forma, ampliam as possibilidades de exibição das páginas e oferecem bastante versatilidade para a diagramação das páginas e a construção da identidade visual de um site. Outra vantagem de adotarmos CSS em nossos sites é a possibilidade de separar o conteúdo das páginas de sua formatação, o que facilita o processo de manutenção e atualização das páginas.

Vamos abordar as três formas de utilização do CSS em nossas páginas HTML.

2.1  CSS Inline

A primeira opção mostrada consiste em utilizar o atributo style das etiquetas para inserir diretamente o elemento CSS. Essa opção é interessante apenas quando temos pouco conteúdo no site ou para fazer algum teste rápido para avaliar alterações na diagramação da página. Mas, de forma geral, deve ser evitada nos sites que já estão publicados.

 

Capítulo 3: Programação para a Web

PDF Criptografado

3

Programação para a Web

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, apresentaremos, de forma suscinta, a linguagem HTML, considerada base para o desenvolvimento de páginas web, bem como sua classificação.

 

Capítulo 4: JavaScript

PDF Criptografado

A linguagem HTML é a base de criação de qualquer página para a web. Mas se trata de uma linguagem composta por elementos estáticos, sendo fortemente focada na composição e na formatação de documentos.

Com a expansão do uso da internet nas últimas décadas, houve a necessidade de criar linguagens que conseguissem agregar conteúdo dinâmico às páginas, além de recursos, como a validação de dados e o acesso a banco de dados, entre outras funcionalidades.

Nesse contexto, surgem as linguagens como PHP, ASP.net, JSP, JavaScript, entre outras. Essas linguagens não substituem o HTML, que é a base de qualquer documento para a web, mas atuam em conjunto, suprindo os recursos que não estão disponíveis no HTML.

Essas linguagens são classificadas em:

��

Server Side, ou seja, são executadas no servidor web.

��

Client Side, que são as linguagens executadas no cliente (navegador web).

Nas linguagens Server Side, os programas criados são executados no servidor e os resultados são enviados em HTML para o cliente que está acessando o servidor por meio de um programa navegador (Figura 3.1). Como principais linguagens Server Side, podemos citar PHP, ASP, ASP.Net e JSP (Java).

 

Capítulo 5: jQuery

PDF Criptografado

5 jQuery

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, apresentaremos uma breve introdução à biblioteca jQuery.

Essa é umas das bibliotecas mais populares e amplamente utilizadas para

JavaScript. Seu uso facilita a implementação de muitos aspectos do JavaScript, possibilitando melhor produtividade no desenvolvimento para a internet.

Uma biblioteca de funções JavaScript muito utilizada e, provavelmente, a mais popular é a jQuery. Foi criada com o objetivo de simplificar a seleção de elementos, a criação de efeitos visuais e a manipulação de eventos. É uma ferramente bastante versátil, que possibilita inclusive a criação de plugins.

Os arquivos necessários para o funcionamento do jQuery estão disponíveis no link e podem ser instalados no seu servidor. Uma página que usa o

Bootstrap deve carregar os seguintes arquivos:

 

Capítulo 6: Bootstrap

PDF Criptografado

Figura 5.3 – Página após a requisição AJAX.

Vamos praticar!

1. Desenvolva uma página web com JavaScript e jQuery. A página deve receber quatro números reais digitados pelo usuário e, em seguida, calcular e exibir o valor da média dos números digitados.

2. Crie uma página web com JavaScript e jQuery para uma determinada loja que precisa calcular o preço de venda de um produto. O cálculo deve ser efetuado por meio da multiplicação do preço unitário × quantidade vendida e, posteriormente, subtrair o valor do desconto. Considere todas as variáveis do tipo de dado real que serão digitadas pelo usuário.

3. Desenvolva uma página HTML, com conteúdo definido a seu critério, que apresente o título formatado com a etiqueta

e dois subtítulos formatados com a etiqueta . O conteúdo associado ao primeiro subtítulo deve ser apresentado na cor azul, fonte tamanho 12 px, alinhado à direita. O conteúdo relacionado ao segundo subtítulo deve estar alinhado à esquerda.

 

Capítulo 7: Node.js

PDF Criptografado

7

Node.js

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, estudaremos o interpretador JavaScript chamado Node.js, que tem como principal objetivo criar uma plataforma de execução de aplicações na linguagem JavaScript no lado servidor (e não apenas no lado cliente, executado em navegadores, como é comumente utilizado). Esse ambiente de execução no lado servidor abre a possibilidade de criação de diversos tipos de aplicações, com as facilidades e a escalabilidade que a linguagem JavaScript proporciona.

O Node.js é um ambiente de servidor de código aberto que possibilita a execução do JavaScript como uma linguagem de programação server side. Trata-se de uma multiplataforma gratuita, cujos instalador, tutoriais e documentação estão disponíveis no link .

ATENÇÃO!

Os programas que serão desenvolvidos a seguir presumem que o Node.js está devidamente instalado e configurado no seu computador.

7.1  Olá Node.js

 

Capítulo 8: Interação com Banco de Dados

PDF Criptografado

8

Interação com

Banco de Dados

I N I C I A N D O

O S

E S T U D O S

Neste capítulo, abordaremos aspectos fundamentais de uma aplicação que utiliza sistemas de banco de dados. Para isso, foi escolhido o banco de dados nãorelacional MongoDB, um dos mais utilizados atualmente. Um banco de dados nãorelacional tem como principais vantagens escalabilidade, simplificação do projeto e melhor desempenho nas consultas. Também estudaremos a formatação de dados JSON (JavaScript Object Notation), adotada em larga escala para aplicações que necessitam organizar dados, realizar transferência entre plataformas e em banco de dados nãorelacionais, como o MongoDB.

Uma das principais vantagens de processar o JavaScript no lado servidor, por meio do Node.js, é a possibilidade de acesso aos Sistemas Gerenciadores de

Banco de Dados (SGBDs).

8.1  MongoDB

A partir de agora, vamos desenvolver uma aplicação que usará como banco de dados o MongoDB, isto é, um banco de dados do tipo noSQL, que usa o JSON

 

Capítulo 9: Internet das Coisas (IoT)

PDF Criptografado

Vamos praticar!

1. Descreva utizando JSON uma estrura que possibilite representar o CNPJ de uma determinada empresa, razão social, nome fantasia, endereço e patrimônio líquido.

2. Considerando a estrutura desenvolvida no exercício anterior, utilize o console do MongoDb para realizar a inclusão de um documento na coleção

"empresas".

3. Considerando a estrutura desenvolvida no Exercício 1, crie uma aplicação

Node.js que possibilite a inclusão de um documento no MongoDB, dentro da coleção "empresas". Os dados devem ser digitados por meio do console do Node.js.

4. Considerando a estrutura desenvolvida no Exercício 1, crie um servidor

Node.js que mostre uma página contendo um formulário HTML. E, em seguida, por meio de uma requisição AJAX, realize a inclusão de um documento no MongoDB, dentro da coleção "empresas".

5. A partir da estrutura desenvolvida no Exercício 1, crie um servidor Node.js que mostre uma página HTML, sendo que todos os documentos existentes na coleção "empresas" devem ser armazenados no MongoDB.

 

Capítulo 10: Desenvolvimento para Dispositivos Móveis

PDF Criptografado

Relação de materiais

��

1 Arduino Uno R3 (ou qualquer outro modelo).

��

1 Resistor de 220 Ohms (vermelho, vermelho e marrom) ou 330 Ohms (laranja, laranja e marrom).

��

1 Resistor de 10 kOhms (marron, preto e laranja).

��

1 Led (qualquer cor).

��

1 Chave táctil.

��

1 Protoboard.

��

Cabos de ligação.

2. Considerando ainda a Figura 9.23, crie uma aplicação Node.js que ative o

LED quando o usuário pressionar a chave tátil e o mantenha aceso até que ela seja pressionada novamente.

3. A partir do diagrama apresentado na Figura 9.23, utilize o Node.js para implementar um servidor que tenha uma página web capaz de mostrar o estado da chave tátil, ou seja, se ela está pressionada ou não.

4. Adotando como base a Figura 9.23, elabore uma aplicação Node.js que, sempre que a chave tátil for pressionada, insira em uma tabela no MariaDB um registro que contenha a data e a hora do em que foi pressionada.

 

Detalhes do Produto

Livro Impresso
Book
Capítulos

Formato
PDF
Criptografado
Sim
SKU
BPDP000311101
ISBN
9788536533100
Tamanho do arquivo
9,6 MB
Impressão
Desabilitada
Cópia
Desabilitada
Vocalização de texto
Não
Formato
PDF
Criptografado
Sim
Impressão
Desabilitada
Cópia
Desabilitada
Vocalização de texto
Não
SKU
Em metadados
ISBN
Em metadados
Tamanho do arquivo
Em metadados