Prévia do material em texto
<p>Teachy</p><p>Aula de JavaScript</p><p>Objetivos da Aula</p><p>· Compreender os conceitos básicos da linguagem de programação JavaScript.</p><p>· Aprender sobre variáveis, tipos de dados e estruturas de controle.</p><p>· Desenvolver habilidades para escrever e executar scripts simples em JavaScript.</p><p>1. Introdução ao JavaScript</p><p>JavaScript é uma linguagem de programação amplamente utilizada para desenvolvimento web. Ela permite adicionar interatividade e dinamismo às páginas da web, sendo uma das principais tecnologias do front-end, junto com HTML e CSS.</p><p>2. Estrutura Básica de um Programa em JavaScript</p><p>Um programa em JavaScript pode ser incluído em uma página HTML. Aqui está um exemplo simples:</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><title>Meu Primeiro Script</title></p><p></head></p><p><body></p><p><script></p><p>console.log("Olá, Mundo!");</p><p></script></p><p></body></p><p></html></p><p>2.1 Executando o Programa</p><p>Você pode executar o código JavaScript diretamente no console do navegador (pressionando F12 e selecionando a aba “Console”) ou em um arquivo HTML como mostrado acima.</p><p>3. Variáveis e Tipos de Dados</p><p>3.1 Variáveis</p><p>Uma variável é um espaço na memória que armazena um valor. Você pode criar uma variável usando var, let ou const.</p><p>let nome = "Maria";</p><p>const idade = 25;</p><p>3.2 Tipos de Dados</p><p>Os principais tipos de dados em JavaScript são: - String: Sequências de caracteres (ex: "Olá", 'JavaScript') - Number: Números (ex: 10, 3.14) - Boolean: Valores true ou false - Object: Estruturas de dados complexas (ex: { nome: "Maria", idade: 25 }) - Array: Listas de valores (ex: [1, 2, 3, 4])</p><p>4. Estruturas de Controle</p><p>4.1 Condicionais</p><p>As estruturas condicionais permitem que você execute diferentes blocos de código com base em condições. A estrutura básica é a seguinte:</p><p>if (idade >= 18) {</p><p>console.log("Você é maior de idade.");</p><p>} else {</p><p>console.log("Você é menor de idade.");</p><p>}</p><p>4.2 Laços de Repetição</p><p>Os laços de repetição permitem que você execute um bloco de código várias vezes. Os principais laços em JavaScript são for e while.</p><p>Exemplo de for:</p><p>for (let i = 0; i < 5; i++) {</p><p>console.log(i);</p><p>}</p><p>Exemplo de while:</p><p>let contador = 0;</p><p>while (contador < 5) {</p><p>console.log(contador);</p><p>contador++;</p><p>}</p><p>5. Funções</p><p>As funções são blocos de código que realizam uma tarefa específica e podem ser reutilizadas. Você pode definir uma função usando a palavra-chave function.</p><p>function saudacao(nome) {</p><p>console.log(`Olá, ${nome}!`);</p><p>}</p><p>saudacao("Maria");</p><p>6. Manipulação do DOM</p><p>JavaScript pode ser usado para manipular o Document Object Model (DOM), que representa a estrutura de uma página web. Aqui está um exemplo de como alterar o conteúdo de um elemento HTML:</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><title>Manipulação do DOM</title></p><p></head></p><p><body></p><p><h1 id="titulo">Título Original</h1></p><p><button onclick="alterarTitulo()">Alterar Título</button></p><p><script></p><p>function alterarTitulo() {</p><p>document.getElementById("titulo").innerText = "Título Alterado!";</p><p>}</p><p></script></p><p></body></p><p></html></p><p>7. Exercícios</p><p>1. Crie um programa que peça ao usuário seu nome e idade e imprima uma mensagem de saudação no console.</p><p>1. Escreva uma função que receba dois números e retorne a soma deles.</p><p>1. Utilize um laço for para imprimir os números de 1 a 10 na página web.</p><p>Conclusão</p><p>JavaScript é uma linguagem poderosa e essencial para o desenvolvimento web. Compreender seus conceitos básicos é o primeiro passo para criar aplicações interativas e dinâmicas.</p><p>Se você tiver dúvidas ou precisar de mais informações sobre algum aspecto do JavaScript, sinta-se à vontade para perguntar!</p><p>Teachy</p><p>Teachy</p><p>image1.png</p><p>image2.png</p>Mais conteúdos dessa disciplina
2022 1 Medicina UCB Gabarito- 2018 1 Medicina UCB Gabarito
- Mapa Mental - Atividade Prática I
- Mapa Mental - E-commerce
- 16 hosp
- 4 fito
- 3 fito
- 2801 - Modulo 3 - Frameworks
- De acordo com Benveniste, é na e pela _________ que o indivíduo se constitui enquanto sujeito na sociedade. Qual é a opção correta? Questão 2Escol...
- Código da questão: 62241 Relacione os conceitos e afirmativas abaixo, em relação ao trabalho clínico e institucional. Considere que um conceito pod...
- Comprimento da barra (L
0
): Para o corredor, a barra está em repouso, logo mede 20 m.
Comprimento do celeiro (L
celeiro
): O corredor vê o c
- Marque a alternativa que cita uma expressiva contribuição de Tim Berners-Lee para a sociedade: Questão 1Resposta a. Lançamento do iPhone. b. Cri...
- 5 Paradigmas de programação: Lógico Funcional Paradigmas de programação podem ser definidos como diferentes abordagens e estilos que visam a resolver
- De acordo com o circuito abaixo, é possível afirmar que, em caso de falha no sistema de ar comprimido e ausência do ar na entrada da válvula, o cil...
- É o responsável por transportar o oxigênio pelas artérias e o gás carbônico pelas veias. A que o exposto se refere? A ) Linfócitos. B ) Blastos. C ) H
- 3. Durante o procedimento de aspiração, é importante que o profissional se proteja de secreções. Sendo assim, é correto afirmar que:
Não é correto o u
- AVALIAÇÃO 59 - Um homem aplica uma força sobre um objeto de 20 kg, empurrando-o por uma distância de 200 m. Sabendo que o trabalho realizado pelo h...
- É através da __________ que podemos ocultar mensagens dentro de outras mídias, geralmente utilizando __________ para obscurecer seu conteúdo. Assine u
- Uma haste condutora de tamanho m, desliza, sem fricqäo, com velocidade em mödulo para a direita, sobre um condutor em forma de U, formando um circuito
- Após uma reunião de brainstorming, você foi apresentado ao Styled Components, uma biblioteca para estilização de componentes React que permite escr...
- 3. Durante o procedimento de aspiração, é importante que o profissional se proteja de secreções. Sendo assim, é correto afirmar que:
Não é correto o u
- Quando o sistema em equilíbrio A+B⇌C+D é perturbado aumentando-se a concentração de A, o que se espera com base no princípio de Le Chatelier? a) O ...
- Considerando o Pensamento Computacional, identifique sob quais pilares ele está estruturado.
