Introdução ao JavaScript em 12 lições

Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22
Sumário: Introdução ao JavaScript

Lição n°
Introdução ao Javacript
JavaScript é uma linguagem de programação que permite a implementação de elementos

complexos e dinâmicos em páginas da internet. Por meio dele, é possível manipular,
calcular e validar informação, além de atualizar e aperfeiçoar códigos feitos
em HTML e CSS.
É uma linguagem de programação voltada para aplicações web, de fácil execução e que
pode ser rodada a partir de um navegador de internet. Hoje, ela é uma das mais populares
do mundo, o que a faz ser considerada fundamental para programadores. O mercado tem
cada vez mais se direcionado para web, o que ressalta o quanto a JavaScript ganhou papel
de protagonismo.
Parte desse seu destaque se dá pela maneira como ela permite realizar integrações e a
comunicação dentro de um site. A linguagem é utilizada em documentos HTML, gerando
essas comunicações que são a base de qualquer atividade dentro de uma página.
JavaScript é responsável por escrever comandos de layouts, animações, respostas a
cliques e até mesmo ambientes em 3D.
Características
 E uma linguagem de alto nível

 Os códigos criados em JavaScript são mais voltados para uma linguagem humana,
de fácil interpretação.
 Exerce controle sobre o HTML e o CSS para manipular comportamentos de

páginas web.
 É independente de plataforma
 Permite a criação de funcionalidades para sites que não podem ser criadas com
HTML e CSS.
 O código escrito em Javascript é embutido no próprio arquivo HTML (basta que

o programador utilize a tag <script> no momento de escrever as linhas em
Javascript.
 Utiliza uma sintaxe familiar, para quem já utiliza Java, C, ou C++.
 Seu modelo de objetos é baseado em protótipos (e não em classes, como é o caso
do Java).
 É um tipo de programação dirigida por eventos: possibilita a criação de trechos de
programa que respondem a eventos específicos, tais como um clique em um botão.
Funcionamento em sites
Outro ponto importante é o fato de JavaScript ser uma linguagem client side, ou seja, ela
é executada a partir do cliente, nesse caso, o programador. Não é necessário, diante disso,
acessar servidores, o que geralmente envolve procedimentos de complexidade maior.
Sendo assim, o profissional pode trabalhar a partir dos navegadores tradicionais existentes
no mercado.
Sem a necessidade de criar executáveis, o programador apenas desenvolve os scripts e os

insere em páginas HTML. Automaticamente, todo esse código é interpretado pelo
browser, que representa então esse funcionamento a partir das instruções que foram
escritas. O processo se repete toda vez que a página HTML é carregada pelo navegador
A TAG SCRIPT
Para inserirmos um código JavaScript em uma página, é necessário utilizar a tag
<script> :
<script>
alert("Olá, Mundo!");
</script>
A tag <script> pode ser declarada dentro da tag <head> assim como na tag <body> ,
mas devemos ficar atentos, porque o código é lido imediatamente dentro do navegador.
Veja a consequência disso nos dois exemplos abaixo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Aula de JS</title>
<script>
alert("Olá, Mundo!");
</script>
</head>
<body>
<h1>JavaScript</h1>
<h2>Linguagem de programação</h2>
</body>
</html>
Comentários
Comentários são blocos de códigos que não serão interpretados ou compilados, em javascript
podemos usar duas
formas de inserir ou comentar códigos, veja a seguir.
//Comentário de linha única
/*
Comentário
De várias linhas
*/
Variáveis e constantes
É muito importante em uma linguagem de programação poder armazenar dados de forma
temporária, essa é a função das variáveis, sempre que precisar armazenar uma informação,
vamos usar as variáveis, podemos inserir, remover ou alterar informações em variáveis, vamos
ver como usar esse recurso fundamental.
Var
Declarar variáveis em javascript é bem simples, diferente de linguagens tradicionais como C++,
em javascript não informamos o tipo de dados basta usar a palavra reservada “var” e o nome da
variável, veja os exemplos a seguir:
<script>
var nome,idade,nascimento;
</script>
Comando de escrita – document.write
Precisamos ver os valores das variáveis, então, temos que aprender como imprimir na
tela o valor atual de uma variável, é simples e usamos o método write, basta informar o
nome da variável dentro dos parênteses como no exemplo a seguir
<script>
var nome = "Domingas Valente",idade = 17 ,nascimento = "05-05-1994";
document.write("Olá eu sou a "+nome+", nasci em "+nascimento+", tenho
"+idade+" anos de idades");
</script>
Estrutura de repetição
Em qualquer linguagem de programação é extremamente importante podermos analisar um
certo conteúdo ou resultado para direcionar a execução do nosso programa e determinar uma
rotina ou outra a ser executada.
if
A principal estrutura de decisão em programação é definida pelo comando IF, que traduzindo
do inglês é SE, sua sintaxe básica é bem simples e vou mostrar a seguir.
if(teste lógico){
//comandos a serem executados se o teste for
verdadeiro
}
Outras estruturas apresentarei na prática.
Estrutura de repetição
<script>
var i = 0;
for(var i =0;i<=6;i++){
document.write("<br>"+i);
}
</script>
while(cont < 10){

document.write("CFB<br>");
cont++;
}
cont=0;
while(cont < 10){
document.write("CFB<br>");
cont++;
<script>
var i = 0;
do{
document.write("<br>"+i);
i++;
}while(i<=6);
</script>
Array
Arrays são estrutura bastante interessantes onde podemos “colecionar” variáveis, isso mesmo,
“colecionar”.
Os Arrays podem ser unidimensionais, bidimensionais ou multidimensionais, veja a seguir a
sintaxe básica para se criar um array unidimensional.
O exemplo abaixo foi criado um array que armazena os dias de semana e posteriormente
apresente dos dados usando uma estrutura de repetição.
<script>
var i = 0;
var semana = new Array();
semana[0] = "Domingo";
semana[1] = "Segunda";
semana[2] = "Terça";
semana[3] = "Quarta";
semana[4] = "Quinta";
semana[5] = "Sexta";
semana[6] = "Sabado";
document.write("Os dias de semanas do arrays são<br>");
for(var i =0;i<=6;i++){
document.write(semana[i]+"<br>");
}
</script>
Fim
Obrigado!

Introdução ao JavaScript em 12 lições

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Introdução ao JavaScript em 12 lições

Enviado por

Direitos autorais:

Formatos disponíveis

Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Sumário: Introdução ao JavaScript

JavaScript é uma linguagem de programação que permite a implementação de elementos

 E uma linguagem de alto nível

 Exerce controle sobre o HTML e o CSS para manipular comportamentos de

 O código escrito em Javascript é embutido no próprio arquivo HTML (basta que

Sem a necessidade de criar executáveis, o programador apenas desenvolve os scripts e os

Comando de escrita – document.write

while(cont < 10){

Você também pode gostar