Quando comecei a programar, a linguagem de programação ensinada na minha faculdade era PASCAL. Logo no início arrumei emprego para trabalhar com páginas HTML e para deixar as páginas mais dinâmicas, tive que aprender Javascript. Com o tempo, imaginei que a linguagem ia logo cair em desuso por conta da evolução das tecnologias utilizadas para construção de página. Ledo engano! As novas tecnologias utilizam javascript(frameworks como JQuery, entre outros). O objetivo deste Post é fazer um resumo de javascript na forma mais básica.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Página 1</title>
</head>
<body>
<p>Programação web Com Javascript</p>
<script>
//variáveis
var nome = "Hugo"; //string
var idade = 48;//inteiro
var altura = 1.73; //ponto flutuante
var ativo = true; //boleano
var alunos =["Hugo", "Fernanda"]; //vetor
var aluno ={
nome:"Hugo",
idade:48,
altura:1.73,
ativo:true,
}; //objeto
console.log("Imprimindo a variável nome: " + nome);
console.log(alunos[0]);
//listando um array
for(i=0;i<alunos.length;i++){
console.log(alunos[i]);
}
console.log(aluno.nome + aluno.idade);
//Operadores aritméticos operações matemáticas
var numero1 = 20;
var numero2 = 10;
var soma = numero1 + numero2;//soma
var subtracao = numero1 - numero2;//subtração
var multiplicacao = numero1 * numero2;//multiplicação
var divisao = numero1 / numero2;//divisão
var modulo = numero1 / numero2; //resto da divisão
var potenciacao = numero1 ** 2
console.log(soma);
console.log(subtracao);
console.log(multiplicacao);
console.log(divisao);
console.log(modulo);
console.log(potenciacao);
//estruturas de condição
if(numero1 >= numero2){
console.log("condição verdadeira");
}else{
console.log("condição falsa");
}
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
}
console.log(day);
//operação ternária
console.log(day > 6 ? "opção inválida":day);
// estruturas de repetição
for(var i = 0;i <=10; i++){
console.log(i);
}
while(i <=10){
console.log(i);
i = i + 1;
}
var contador = 0;
do{
contador = contador + 1;
console.log(contador);
}while(contador <=10);
//operadores lógicos
console.log(10>20 && 20>10);
console.log(10>20 || 20>10);
//operadores relacionais
console.log(5 == 5);
console.log(5 != 5);
//Funções
function somar(num1,num2){
var res = num1 + num2;
return res;
}
function escrever(){
console.log("teste");
}
console.log(somar(1,2));
// intervalo
setInterval(escrever,1000);
//timeout Delay
setTimout(escrever,1000);
//escopo de variáveis
function subtrair(num1 - num2){
var valor = 5;
return valor = num1 - num2;
}
console.log(valor);
//
</script>
</body>
</html>
Nenhum comentário:
Postar um comentário