https://github.com/byancamatos01/javascript
"Aprendendo e criando novas habilidades através de Javascript"
https://github.com/byancamatos01/javascript
curso-em-video-javascript javascript programming web
Last synced: about 2 months ago
JSON representation
"Aprendendo e criando novas habilidades através de Javascript"
- Host: GitHub
- URL: https://github.com/byancamatos01/javascript
- Owner: ByancaMatos01
- Created: 2024-01-10T22:31:09.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-29T21:32:55.000Z (almost 2 years ago)
- Last Synced: 2025-02-12T08:40:29.609Z (10 months ago)
- Topics: curso-em-video-javascript, javascript, programming, web
- Language: HTML
- Homepage:
- Size: 66.4 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 ](https://github.com/ByancaMatos01/javascript/tree/main/Javascript)*
* 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 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc01.html)*
* 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 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc02.html)*
* 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 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc03.html)*
* 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 ](https://github.com/ByancaMatos01/javascript/tree/main/aula03)*
# 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 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc1.html)*
* Exercicio para testar estrutura arvore basica do DOM
# *[Exercício 2 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc2.html)*
* Exercício de Função usando o click, mouseenter e mouseout
* Com click
* Com mouseenter
* Com mouseout
# *[Exercício 3 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc3.html)*
* Exercicio de soma usando javascript
# Condicionais em JS