Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Introdução à Programação Web com JavaScript
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
JavaScript 1
JavaScript
Semestre 2022.2
Disciplina Programação Web Coding
Tipo Anotação de Aula
Data
Introdução
Conjunto de normas (sintaxe) que permite criar comandos para o computador
TypeScript → linguagem transpiladora
JavaScript x Java
JavaScript Java
@17/10/2022
Introdução
JavaScript x Java
Linkando o arquivo JS no HTML
Variáveis
Declaração
Nomeação
Tipos de Variáveis
String
Numbers
Arrays
Boolean
Comandos
Imprimindo no terminal
Pedindo informações para o usuário
Exemplos
Exemplo 1
Exemplo 2
JavaScript 2
JavaScript Java
Fracamente tipada Fortemente tipado
Linguagem de scripts orientada a objetos
Linguagem de programação orientada a
objetos
Interpretado pelo navegador Necessita ser compilado
Não faz parte da plataforma java Cria aplicações independentes
Não cria aplicações independentes
Executa suas aplicações em uma máquina
virtual ou browser
Se encontra dentro do documento HTML
É responsável pela lógica que o site deve ter
Lidar com interação do usuário (clicks, inputs…)
Determina o que deve ser mostrado no site
Permite criar, modificar ou retirar elementosdo layout
Linkando o arquivo JS no HTML
É possível escrever scripts de um código no HTML de duas formas:
Externo ao elemento, no próprio HTML
<head>
<script>
console.log("Olá, mundo!")
</script>
</head>
Externo ao HTML, por meio de um arquivo .js
<head>
<script type="text/javascript" src="nome.js"></script>
</head>
Variáveis
São estruturas que permitem guardar e acessar quaisquer informações do
código;
JavaScript 3
Funcionam como caixas ou gavetas;
Antes de usar as variáveis, é preciso declará-las (criá-las);
Variáveis que não tem uso no código, não devem ser declaradas
O nome da variável deve ser a regra de camel case
Declaração
Const: declara um valor fixo, ou seja, que nunca poderá ser alterado na
execução do código. Ex: cpf
const nomeVariavel = x
Let ou var: permitem alterar o valor ao longo da execução do código. Ex: idade
var nomeUsuario = "Maria";
nomeUsuario = "Luiza"
Nomeação
(…)
Tipos de Variáveis
String
Representam textos, palavras, frases;
Precisam estar entre aspas duplas ou simples
const nome = "Bia";
Numbers
Representam numeros que podem ser inteiros, negativos ou decimais (não precisa
especificar o tipo)
var idade = 21;
var altura = 1.64;
var temperatura = -5;
JavaScript 4
Arrays
São maneiras de guardar e acessar mais de uma informação ao mesmo tempo
dentro de uma variável;
Podem receber informações com variáveis distintas;
As posições que o array ocupa começa do 0;
A posição sempre é lenght - 1
var dadosDoUsuario = ["Beatriz", "Chalegre", 21];
//acessando valors do array
dadosDoUsuario[0];
//começa a contar do zero
//pegar o segundo elemento
dadosDoUsuario[1];
//guardando informação de um array em uma variável
const sobrenome = dadosDoUsuario[1]
console.log(sobrenome)
Boolean
Comandos
Imprimindo no terminal
console.log("Olá, mundo!");
Pedindo informações para o usuário
const nomeInput = prompt("Informe seu nome");
Exemplos
JavaScript 5
Exemplo 1
Imprimindo na tela nome, sobrenome e idade:
const name = "Ana Beatriz";
const surname = "Chalegre Pastick";
var age = 21;
console.log(name, surname, age)
Mudando o valor da variável age
const name = "Ana Beatriz";
const surname = "Chalegre Pastick";
var age = 21;
age = age + 2;
console.log(name, surname, age)
Exemplo 2
Criar um array com os valores 1, 2, 3, 4, 5, e 6
Imprimir no console o primeiro, terceiro e último elemento do array
Alterar o array de tal forma que os valores ímpares sejam substituídos pelos
seus respectivos dobros 2, 2, 6, 4, 10 e 6.
var arrayDeNumeros = [1, 2, 3, 4, 5, 6];
console.log(arrayDeNumeros);
console.log(
arrayDeNumeros[0],
arrayDeNumeros[2],
arrayDeNumeros[5]
);
arrayDeNumeros[0] = 2;
arrayDeNumeros[2] = 6;
arrayDeNumeros[4] = 10;
console.log(arrayDeNumeros);Materiais relacionados
75 pág.
3 pág.
93 pág.
Perguntas relacionadas
Compartilhar