Artigo - Introdução ao Javascrip
- #HTML
- #JavaScript
- #CSS
Depois de um tempinho sem aparecer muito, conclui mais um curso e estou compartilhando anotações sobre, espero que ajude! abraços.
Introdução ao Javascript
Características basicas
- Leve
- Interpretada
- Baseada em Protótipos
- Multiparadigma
- Comumente utilizada em aplicações web client-side
- Segue o padrão ECMAScript
Principais Aplicações
- Web
- Mobile
- Smartwatches
- Games
- Internet of Things
- APIs
Manipulando arquivo js
Comentarios em js:
//var y = 0; -> codigo comentado em apenas uma linha
/*var y = 0;
var x = 1;*/ comentando em mais de uma linha
o atalho ctrl + / ajuda em comentar tudo
Variável x Const
Variável pode mudar seu valor e constante tem valores fixos;
exemplo:
var desconto = 2;
const PRECO = 2; //boa prática o nome de constante ser UPPER
var total = PRECO - desconto;
Function
Estrutura:
function soma(a,b){ //a,b -> parametros
console.log(a+b); // exibe no console
return a + b;
}
soma(3,5); // CHAMADA DA FUNÇÃO
Console.log
Necessario baixar node.js: https://nodejs.org/en/
O node.js é uma ferramenta que roda o javascript no lado do servidor.
Javascript in Web Pag
Estrura de Projeto:
cria-se arquivo index.html e uma pasta de assets com o restante
Inserindo Js no html
<script src="Diretório de arquivo js"></script> -> forma criando arquivo js
<script> /* colocandol codigos entre essas tags js*/</script>
Interagindo com elementos DOM
dom → Document Object Model
exemplo inicial:
document.getElementsByTagName('h1')
var titulo = document.getElementsByTagName('h1')
Crianr contador
segue meu link: https://github.com/RuanSampaio-code/Bootcamp-impuso-DIO/tree/main/Introdução ao Javascript/Estrutura de Projeto