Aproveite esse título agora mesmo, além de milhares de outros, com um período de teste gratuito

Apenas $9.99 por mês após o período de teste gratuito. Cancele quando quiser.

Javascript Progressivo

Javascript Progressivo

Ler a amostra

Javascript Progressivo

Duração:
858 páginas
3 horas
Lançados:
Sep 18, 2021
Formato:
Livro

Descrição

Saia do mais absoluto básico, até o nível profissional em linguagem JavaScript. Esse material tem o propósito de ser o maior, melhor e mais completo, não deixando nada a desejar a cursos, universidades e outros livros do mercado. Seu propósito é te ensinar todos os conceitos da linguagem JavaScript, até o nível profissional caso deseje trabalha
Lançados:
Sep 18, 2021
Formato:
Livro


Relacionado a Javascript Progressivo

Livros relacionados

Artigos relacionados

Amostra do livro

Javascript Progressivo - Francisco J M De Matos

 

Índice

Sumário 2

Introdução ao JavaScript 9

JavaScript - O que é e Para que serve 10

JavaScript – Uma linguagem de Script e Interpretada 10

JavaScript – Uma linguagem do lado do cliente (client side) 11

As vantagens do JavaScript 12

O necessário para começar 14

HTML e CSS – Como criar sites 15

Onde estudar HTML & CSS 15

Navegador (Browser) 16

Editor de Texto para escrever o código JavaScript 16

Como criar um script em JavaScript – A tag < script > – Tutorial Olá Mundo 17

Como colocar o código JavaScript no HTML – A tag 18

Como fazer o Olá, mundo em JavaScript 19

Onde colocar o JavaScript em um site 20

Como o JavaScript funciona no navegador 21

JavaScript na tag do HTML 22

JavaScript na tag do HTML 22

JavaScript em arquivo externo .js 23

Exemplo de código em JavaScript 25

Erros em JavaScript – Como usar o Console 26

Erros em programação JavaScript 27

Abrindo o Console de Comando 27

Encontrando erros no JavaScript 28

Variável em JavaScript – O que é e Para que serve 29

Variável em Programação 30

Variáveis em JavaScript 30

Como declarar uma variável em JavaScript – var 32

Como declarar uma variável em JavaScript: var 33

Como declarar mais de uma variável em uma linha 33

Como escolher o nome de uma variável em JS 34

Regras para declarar variáveis em JavaScript 34

Lista de palavras reservadas 35

Palavras reservadas do JavaScript 35

Palavras reservadas pelo browser 36

Palavras reservadas para propósitos futuros 36

Tipos de Dados em JavaScript 37

Dados em Programação JavaScript 38

Tipo de dado: Número 38

Tipo de dado: Strings 39

Tipo de dado: Boolean 39

Tipo de dado: Null 40

Tipo de dado: Objetos 40

Tipo de dado: Função 40

Atribuindo e Acessando valores de Variáveis: = e document.write() 40

Atribuição em JavaScript: = 41

Acessando Variáveis 41

Olá mundo usando variável 42

O Método document.write() - Exibindo coisas no documento 43

Exercício de JavaScript 44

Recebendo Dados e Informações do Usuário - Método prompt() 44

Troca de Informações em Programação 45

O método prompt() do JavaScript 45

Exemplo de uso do prompt() 46

Exemplo de uso do prompt() 47

Converter String para Número e vice-versa em JavaScript 48

Trabalhando com Dados do Usuário 49

String para Inteiro: parseInt() 50

String para Decimal: parseFloat() 51

Conversão de Números para Strings 52

Operadores Matemáticos em JavaScript: Somar +, Subtrair -, Multiplicar *, Dividir / e Exponenciação (math.pow) 53

Operação Matemática em JS 53

Código JavaScript comentado 54

Exercício de JavaScript 55

Exponenciação em JavaScript (elevado a): método pow() 55

Exercícios Básicos de JavaScript 57

Exercícios de Introdução ao JavaScript 57

Soluções 58

Testes condicionais: IF, ELSE e SWITCH 62

Formulário input - Recebendo valores do usuário no JavaScript 63

Formulário de input - Receber dados do usuário no JS 63

Código JavaScript comentado 64

Operadores de Comparação em JS: == , != , > , >= , < e <= 65

Comparação em JavaScript 65

Operador de igualdade: == 66

Diferença entre comparação e atribuição: = e == 66

Operador de diferente: != 67

Operador de maior que: > 67

Operador maior ou igual: >= 68

Operador menor: < 68

Operador menor ou igual: <= 69

Exercício 1 de JavaScript 69

Exercício 2 de JavaScript 69

IF - Teste Condicional em JavaScript 70

Comando IF : Como Usar 70

Teste condicional IF : Exemplos de Uso 71

Operadores de comparação no Teste Condicional IF 73

IF e ELSE em JavaScript - O que é, Como Usar, Para que serve e Exemplos de Código 74

IF e ELSE em JavaScript - Como Usar 74

O que é e Para que serve o IF e ELSE em JavaScript 74

Exemplos de código de IF e ELSE em JS 75

Exemplo de código 1: 75

Exemplo de código 2: 76

Exemplo de código 3 77

IF ELSE dentro de IF ELSE – Aninhamento 79

Usando Vários IF e ELSE em JavaScript 79

IF e ELSE aninhados 80

IF ELSE aninhados e Indentados 82

Positivo ou Negativo em JavaScript 84

Como saber se um número é positivo ou negativo em JavaScript 84

Exercício de JS 84

Questão resolvida 84

Código JavaScript da questão 85

Qual o maior número ? 87

Exibindo o Maior Número em JavaScript 87

Operadores Lógicos AND ( && ), OR ( || ) e NOT ( ! ) em JavaScript 89

Operadores Lógicos em JavaScript 89

Operador lógico AND: && 89

Tabela verdade: AND && 90

Exemplo de uso do operador && 90

Código HTML + JavaScript: 91

Operador lógico OR: || 91

Tabela verdade: OR || 92

Código HTML + JavaScript: 93

Operador lógico NOT: ! 94

Exemplo de uso do operador NOT em JavaScript 94

Switch em JavaScript - O que é, Como Usar e Para que serve 96

Comando SWITCH - O que é ? Para que serve? 96

Como usar o switch em JavaScript: case 97

Exemplo de uso do comando SWITCH em JavaScript 97

Exercício de JavaScript 97

A instrução break no JavaScript 99

Exercícios de IF e ELSE 103

Exercícios de Teste Condicional IF ELSE em JavaScript 103

Soluções 109

Código HTML + JavaScript 110

Exercício hacker 110

Código HTML + JavaScript 111

Código HTML + JavaScript 113

Código HTML + JavaScript 115

Código HTML + JavaScript 119

Equação do 2º grau: Bháskara 120

Equação do 2º grau em JavaScript 120

Ano Bissexto: Quando acontece ? 122

JavaScript - Como saber se o ano é bissexto 123

Enxugando o código: 125

Datas válidas 125

Validando uma data em JavaScript 126

Múltiplos em JavaScript 129

Laços e Loops 131

Laço WHILE 132

Laço WHILE: O que é e Como funciona 132

Como usar o Laço While 132

Exemplo de laço While 134

Exemplo de uso do Laço While 134

Operadores de Atribuição em JavaScript: ++. --. +=, -=, *=, /= e %= 136

Operadores de Incremento e Decremento: ++ e -- 136

Operadores de atribuição aritmética: +=, -=, *=, /= e %= 137

Pré e Pós incremento e decremento 138

Exercício de Operadores de Atribuição 139

Laço FOR 141

Laço FOR: O que é? Para que serve? 141

Como Funciona o Laço FOR 141

Exemplo de uso do Laço For: contando de 0 até 10 142

Diferença entre WHILE e FOR 143

Exemplo de uso do Laço FOR: somando de 1 até 1000 143

Exemplo de uso de laço FOR 145

Exemplo de uso do laço FOR 146

Tabuada em JavaScript 147

Exemplo de Tabuada 147

Tabuada de Qualquer Número 148

Progressão Aritmética (PA) em JavaScript 150

PA: Progressão Aritmética na Matemática 150

Progressão Aritmética em JavaScript 150

Calcular Fatorial com laços FOR e WHILE 153

Fatorial na Matemática 153

Calcular Fatorial usando Laço FOR 153

Fatorial com Laço WHILE 154

Sequência de Fibonacci em JavaScript 155

A Sequência de Fibonacci 155

Série de Fibonacci em JavaScript 155

Fibonacci com laço WHILE 157

Exercício de JavaScript 157

Números Primos 158

Números Primos na Matemática 158

Testar se o número é primo em JS 158

Exibir todos os primos em um intervalo 159

Loop DO WHILE 161

Loop DO ... WHILE: O que é? Como usar ? 161

Exemplo de uso do loop DO WHILE 161

Instruções BREAK e CONTINUE em Laços 164

Instrução break em Laços 164

Exemplo de uso da instrução break 164

Instrução continue em Laços 165

Exemplo de uso da instrução continue 165

Função 167

O que são, para que servem e como funcionam ? 168

Função: O que é? 168

Funções: Para que servem? 168

Função: Vantagens de usar 169

Parâmetro, Argumento e Retorno 171

Como Declarar uma Função 171

Exemplo de uso função 172

Exemplo de uso de função 173

Parâmetro, Argumentos e Return 174

Números Aleatórios: Como gerar 176

A Função random(): Math.random() 176

Gerar números de 0 até 1 176

Gerar números de 0 e até 9: Math.floor 177

Gerar número de 1 até 10 178

Simular Lançamento de Dados em JavaScript 179

Gerando Números de 1 até 6 179

Simular Lançamento de Dados 180

Função chamando Função: Criando uma calculadora com Função 182

Função chamando função 182

Como Criar uma Calculadora em JavaScript 182

Variável Global – Como criar um Jogo em JavaScript 185

Variável Global em JavaScript 185

Exemplo de uso de Variável Global 186

Como Fazer um Jogo em JavaScript 188

Função Recursiva: Fatorial e Fibonacci 190

Recursividade em JavaScript 190

Função recursiva: Somatório 190

Recursividade: Fatorial 192

Função Recursiva: Fibonacci 193

Exercícios de Funções 194

Script de Conversão de temperatura 196

Jogo da Velha em JavaScript 201

Código HTML do Jogo da Velha 201

Código JavaScript: velha.js 201

O Jogo da Velha em JavaScript 204

Código HTML do Jogo da Velha 204

Código JavaScript do Jogo da Velha 205

Arrays 208

Arrays ou Vetores: O que são? Para que servem ? Onde são usados? 208

Array - O que é? 208

Array - Para que serve? 208

Array - Como funciona ? 209

Arrays em JS: Como declarar, Inicializar e Acessar elementos 211

Como Declarar Arrays: new Array() 211

Como Acessar Elementos de um Array em JavaScript 211

Como Inicializar Elementos de um Array 212

Tamanho de um Array: .length 213

Como Usar Arrays com Laços FOR JavaScript 214

Como usar Arrays com Laços 214

Exemplo de uso de Array 214

Exemplo de uso de Arrays 216

O laço FOR IN para Arrays em JavaScript 218

O laço FOR ... IN para Arrays 218

Exemplo de uso de Arrays com laço FOR IN 218

Exercício usando Array, laço FOR e FOR ... IN 220

Resolução comentada 221

Código da questão resolvida 222

Como Manipular Radio Buttons (Arrays e Laço FOR IN) com JavaScript 223

Relembrando Radio Buttons 223

Como Manipular Radio Buttons com JavaScript 224

Exercício de JavaScript 226

Arrays e Funções - Passagem por Valor e Referência 228

Passagem por Valor e Passagem por Referência em JavaScript 228

Passando um Array para uma Função em JS 229

Como Ordenar um Array - O método sort 231

Por que ordenar ? 231

Ordenar um Array - Método sort 231

Como Ordenar Números com o Método sort 232

Como fazer busca em Array - Métodos indexOf e lastIndexOf 234

Como Achar Elementos de um Array 234

Como Buscar um Elemento em Arrays: Método indexOf 234

Exemplo de uso do indexOf 235

Como achar o último Índice - lastIndexOf 236

Matriz em JavaScript - Array de Arrays 238

Matriz em JavaScript - O que é ? 238

Matriz - Para que serve? 238

Matriz - Array de Array 239

Matriz - Como Criar, Inicializar, Exibir e Alterar 241

Como Declarar uma Matriz 241

Como acessar elementos de uma Matriz 242

Como exibir uma Matriz 242

Resumo: Métodos de Array 244

Exercícios de Arrays 246

Código COMPLETO do Jogo da Velha em JavaScript (Código HTML e JS) 247

Código HTML do Jogo da Velha 247

Código JavaScript: velha.js 247

Jogo da Velha em JavaScript - Código comentado 251

Código HTML do Jogo da Velha 251

Código JavaScript do Jogo da Velha 252

Objetos 255

Classes, Objetos, Propriedades e Métodos em JavaScript 256

Classes e Objetos em JavaScript 256

Propriedades de Objetos 257

Métodos em Objetos 258

Objetos e Variáveis 258

Como declarar Objetos, Criar Propriedades e Métodos em JavaScript 260

Como declarar e Criar um Objeto em JavaScript 260

Como Adicionar e Acessar propriedades em um Objeto 260

Como criar um método num Objeto 261

Criando Objetos com chave:valor 262

Como Deletar Propriedades 263

Objeto Math: Trabalhando com Matemática em JavaScript 264

Raiz Quadrada: Math.sqrt(x) 264

Elevado: pow(x,y) 264

Trigonometria em JavaScript: sin(), cos() e tan() 265

Método exponencial: exp(x) 265

Logaritmo: log(x) 266

Arrendondar: ceil(x), floor(x) e round(x) 266

Máximo e Mínimo: max(x,y) e min(x,y) 267

Módulo ou valor absoluto: abs(x) 267

Constantes Matemáticas 268

Objeto String - Caracteres, Strings e Textos em JavaScript 269

Caracteres e Strings em JavaScript 269

Métodos de Caracteres 270

Métodos de Busca 270

Quebrando e Formando novas strings 270

Objeto Date - Datas e Tempo em JavaScript 271

Datas e Tempo em Programação 272

Métodos do Objeto Date do JavaScript 272

Dia, Mês e Ano 273

Milissegundos, Segundos, Minutos e Horas 273

Obtendo Informações 274

Objetos Boolean e Number - Números e Booleanos 275

O Objeto Booelan: Booleanos em JavaScript 276

Métodos do objeto Boolean: 276

Objeto Number - Métodos e Propriedades 276

Objeto document: DOM em JavaScript (Modelo de Objeto de Documentos) 277

DOM - O que é? Para que serve? 278

Árvore DOM e seus Nós 278

Objeto document 279

Eventos 281

Evento em JavaScript - O que é ? Para que serve? 281

Eventos - O que são? Para que servem ? 281

Eventos - Como fazer ? 281

O Evento onload 283

Atributo do evento onload 283

Checando se os Cookies estão ativos 284

onload inline 284

onload externo 284

Evento onchange - Evento de mudança de um elemento 286

O Evento onchange 286

Exemplo de uso do evento onchange 286

Eventos de Mouse - onmousedown, onmouseup, onclick, onMouseOver e onMouseOut 288

Eventos onmousedown, onmouseup e onclick- Apertando, soltando e clicando 288

Eventos onMouseOver e onMouseOut - Passando e Tirando o mouse de um elemento 290

Tratando Eventos (Event Handler) e o método addEventListener 292

Tratadores de Eventos - Event Handlers 292

O Método addEventListener 293

Tratamento de eventos em arquivo externos 294

Eventos de Teclado - onkeydown, onkeyup e onkeypress 295

Eventos de teclado: onkeydown, onkeyup e o onkeypress 295

Detectando uma tecla pressionada 297

Propriedades do objeto KeyboardEvent 298

Eventos de formulário: onfocus e onblur (focus e blur) 299

Eventos onfocus e onblur de Formulários 299

Event Handler: focus e blur 300

Canvas 302

Introdução ao Canvas - Desenhando um Retângulo 302

Introdução ao Canvas: elemento 302

Sistema de Coordenada do Canvas 303

Renderizando e Definindo o Contexto no Canvas: getContext() 304

Desenhando um Retângulo: fillRect() 304

Pintando um retângulo: fillStyle 305

Cor e Espessura da borda: strokeStyle e lineWidth 305

Desenhando retângulos transparantes 306

Tutorial de Canvas - Como desenhar Linhas 308

Como Desenhar Linhas: beginPath(), moveTo() e lineTo() 308

Como fazer path no Canvas 310

Desenhando um triângulo 311

Como desenhar um Cubo 312

Como desenhar Arcos e Círculos no Canvas 315

O que é uma Circunferência e um Arco 315

Entendendo os Arcos e seus ângulos 316

Como desenhar Arcos no Canvas: arc() 317

Exercício de Canvas 320

Como Desenhar Textos - Escrevendo no Canvas 322

Textos no Canvas: fillText() 322

Alinhamento de texto: Atributos textBaseline e textAlign 323

Estilizando textos em Canvas: font 323

Diferença do fillText e strokeText 324

Efeito de Sombra no Canvas: Shadows 326

Nível de Sombra: shadowBlur 326

Deslocamento e Direção da sombra: shadowOffsetX e shadowOffsetY 327

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Introdução ao JavaScript

 

Nesta seção iremos aprender o que é o JavaScript, para que serve, como baixar, o que instalar, onde escrever códigos e tudo que se refere a preparação para começarmos a programar em JavaScript, ou seja, toda a base e introdução ao assunto.

Os tutoriais desta seção são voltados para leigos, tanto na linguagem JavaScript, como em programação de um modo geral.

Assim, se você nunca contato com nenhuma linguagem de programação, você poderá entender perfeitamente as aulas desta seção de nosso curso.

Ao final deste seção, você vai aprender a criar seus scripts, declarar variáveis, fazer operações Matemática e até pedir informações dos usuários de seus sites.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JavaScript - O que é e Para que serve

JavaScript – Uma linguagem de Script e Interpretada

Como o próprio nome pode sugerir, o JavaScript é uma linguagem de script, e afinal, iremos criar diversos (milhares) de scripts ao longo de todos os tutoriais de nosso curso.

 

Mas você realmente sabe o que é uma linguagem de script?

A característica básica de uma linguagem de script, é que seu código é executado dentro de outro programa. O JavaScript, por exemplo, vai ser executado dentro do navegador (browser) de seu sistema, ou seja, sem um navegador, o JavaScript não serve de nada.

 

A linguagem C ou C++, por exemplo, não são linguagens de scripts, elas são linguagens compiladas. Ou seja, assim que terminamos de programar, temos que compilar e o resultado será a criação de um novo programa, um novo aplicativo, um executável.

 

Os códigos, chamados scripts, que iremos estudar em nossos tutoriais de JavaScript, são ditos serem interpretados. Ou seja, eles não são compilados.

Eles serão escritos, e um programa (navegador ou browser) vai ler cada um destes comandos do script e vai interpretar eles.

Esses programas são chamados também de interpretadores, pois eles vão ler cada comando, interpretar o que eles querem dizer e executar esses códigos, sem haver a necessidade de um processo de compilação pelo processador do computador.

 

JavaScript – Uma linguagem do lado do cliente (client side)

Outro termo técnico que é comum de ser dito sobre a linguagem JavaScript, é que ela é client side, ou seja, ela age no lado do cliente.

Mas que lado? Que cliente? Hã?

 

Vamos lá. Vamos dividir a Internet em dois pedaços: o lado do cliente, que são os usuários, pessoas comuns navegando na internet, como você agora, lendo este tutorial de JavaScript.

 

O outro lado da internet é o lado dos servidores.

Sempre que você acessa um site, como o da Globo.com, por exemplo, seu navegador fazer um pedido para os servidores (computadores) da Globo: Hey, Globo! Me manda as notícias, quero ler.

 

Aí os servidores vão e te enviam as informações.

Então você clica em um link, e seu navegador conversa de novo com os servidores: Ei servidor da Globo, ele clicou no link de esportes, quer ler sobre MMA, então me envie as informações sobre isso.

 

E assim vai funcionando a internet, nessa conversa entre o lado do cliente e o lado dos servidores. Pois bem, o JavaScript vai ser maravilhosamente útil no lado dos clientes. Os scripts vão rodar no navegador dos usuários.

Vejamos um exemplo disso.

 

Vamos supor que você vai se cadastrar no site de um banco, para ver se pode financiar um carro. Então você vai preencher um formulário onde tem que dizer sua data de nascimento, isso é necessário pois somente quem tem mais de 18 anos pode pedir um financiamento.

 

Então você preenche, seu browser envia as informações para o servidor do banco.

Mas se você for de menor, lá no servidor eles vão ver: Opa, esse cara aqui é de menor, não vai dar pra ele receber financiamento. Vamos mandar e-mail pra ele explicando isso.

 

Agora imagine milhares ou milhões de pessoas fazendo isso, quanto trabalho vai ter o servidor, em checar se são maiores de idade, em responder aos inscritos etc etc. É aí que entra o JavaScript.

 

Você cria

Você chegou ao final dessa amostra. Cadastre-se para ler mais!
Página 1 de 1

Análises

O que as pessoas acham de Javascript Progressivo

0
0 notas / 0 Análises
O que você achou?
Nota: 0 de 5 estrelas

Avaliações do leitor