Curso de javascript

Descrição

• JavaScript é uma linguagem de programação amplamente utilizada para desenvolvimento web.
  

• Ela é executada nos navegadores dos usuários e permite a criação de páginas interativas.
  

• JavaScript é uma linguagem de script versátil, capaz de manipular o conteúdo da página, responder a eventos do usuário e interagir com servidores para atualizações dinâmicas.
  

• Ela desempenha um papel fundamental na construção de experiências interativas e dinâmicas na web.

  Exercício 1

  • Escrever olá mundo e aprender usar três funções basicas window.alert() para alertar coisas antes de carregar a página.
    

  • window.confirm() utilizado para confirmar uma mensagem

  • E window.prompt() permite que voce escreva em uma pequena caixa de texto.

    Aula 2 Manipualação de dados

Exercício 1

• Utiliza var que é armazenar o dados através de uma váriavel, e concatena com uma mensagem de boas vindas
• foi utilizado o comando window.prompt()

Exercício 2

• Faça um programa para ler dois valores inteiros, e depois mostrar na tela a soma desses números com uma mensagem explicativa, conforme exemplos.
  
• Foi utilizado o comando de converter para number.parseInt()==> para inteiros
• Ou number.parseFloat()==> para números reais
• Também a formas simplificadas apenas utilizando Number()
• Para String utiliza-se String() ou toString()
  

Exercício 3

• Tratando Strings, neste exercicios utilizamos document.write() para escrever na tela aquilo que usuario digitava pelo window.prompt()
• Foi utilizado a função toUpperCase() para deixar tudo em maíusculo
• Também foi utilizado a função toLowerCase() para deixar tudo em minúsculo
• E a função length para contar as strings
  

Formatando number

• Através do node.js aprendi a formatar numbers

• toFixed()==> colocar valor nos conchetes para saber a quantidade de casa após a virgula

• Junto com replace('.',',') troca o ponto pela virgula

• E foi aprendido o comando tolocale('pt-Br', {style 'currency', currency: 'BL'}) para utilizar o estilo de moeda do pais

  Aula de DOM

  Descrição

  • Document Model Object é a vertente do JavaScript, pro qual a linguagem foi criada.
    
  • Conjunto de objetos dentro do navegador que vai dar acesso aos componentes internos do web site
  • Começa na raiz (window)
  Pode ser Selecionado por:
  Marca
  Id
  Nome
  Classe
  Seletor

Comandos Básicos

• Os comandos aprendidos foram document.body() dentro de uma var voce pode alterar o que estiver na parte body do html
• Para pegar um elemento por tag utilizamos document.getElementsByTagName()==> coloca a tag e se tiver mais de uma ao lado colocar [] e numero de qual quer
• innerText pega o que está escrito do elemento que voce quer exemplo: p1.innerText
• Ou para pegar com a configurações HTML innerHTML
• getElementById para pegar elemento por id
• getElementByName para pegar o elemento por nome
• getElementByClassName para pegar o elemento por classe
• querySelector e para pegar por seleção
• Usamos . para div e # para classe no seletor.
  

Exercício 1

• Exercicio para testar estrutura arvore basica do DOM

Exercício 2

• Exercício de Função usando o click, mouseenter e mouseout
  

  • Com click

  • Com mouseenter
    

  • Com mouseout
    

Exercício 3

• Exercicio de soma usando javascript

Condicionais em JS