Skip to content

Commit c384108

Browse files
arielmlimaarielmlima
committed
Initial commit
0 parents  commit c384108

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+5053
-0
lines changed

‎.gitattributes

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto

‎.vscode/launch.json

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
// Use o IntelliSense para saber mais sobre os atributos possíveis.
3+
// Focalizar para exibir as descrições dos atributos existentes.
4+
// Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
5+
"version": "0.2.0",
6+
"configurations": [
7+
{
8+
"type": "node",
9+
"request": "launch",
10+
"name": "Iniciar o Programa",
11+
"skipFiles": [
12+
"<node_internals>/**"
13+
],
14+
"program": "${workspaceFolder}\\aula14\\ex017.js"
15+
}
16+
]
17+
}

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2024 arielmlima
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# JavaScript-CursoemVideo
2+
Curso de JavaScript - Gustavo Guanabara - CursoemVideo

‎aula04/ex001.html

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!--usa a tag html:5 para criar esse tipo de arquivo -->
2+
<!DOCTYPE html>
3+
<html lang="pt-br">
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Meu primeiro programa...</title>
8+
<!-- CSS -->
9+
<style>
10+
body{
11+
background-color: rgb(99, 99, 175);
12+
color: white;
13+
font: normal 20pt Arial;
14+
}
15+
h1{
16+
color: rgb(255, 212, 22);
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<h1>Olá, mundo</h1>
22+
<p>Já me livrei da maldição!</p>
23+
24+
<!-- SCRIPT: Geralmente fica antes do fechamento do body vamos invocar a string script, para que o script seja carregado depois do codigo base. -->
25+
26+
<!-- Disparar alertas, confirmações e perguntas no javascript: -->
27+
28+
<script>
29+
//window. é opcional mas vamos deixar
30+
//Alerta
31+
window.alert('Minha primeira mensagem!')
32+
//Aparece a mensagem com as opções Ok e Cancelar.
33+
window.confirm('Esta gostando de JS?')
34+
//Aparece a mensagem, e uma barra para digitar, e opções ok e cancelar.
35+
window.prompt('Qual é seu nome?')
36+
</script>
37+
</body>
38+
</html>
39+
40+
<!-- Esses valores digitados não vamos ter acesso pois precisamos de uma variavel para armazenar, assunto da proxima aula. -->
41+
42+
<!-- Os dados simplesmente foram pra lugar nenhum, se perderam, pois nós nao sabiamos guardar eles. Aprenderemos a guardar dados para usalos mais para frente. -->
43+
44+
<!-- Tudo que se escreve na tela se coloca entre parenteses e aspas simples, antes se usava ponto e virgula no fechamento de cada comando hoje em dia não mais, é opicional -->
45+
46+
<!-- Na hora de desenvolver um site, tem que se unir conteudo, estilo e interatividade -->
47+
48+

‎aula06/ex002.html

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Meu primeiro programa...</title>
7+
8+
<style>
9+
/*CSS*/
10+
body{
11+
background-color: rgb(99, 99, 175);
12+
color: white;
13+
font: normal 20pt Arial;
14+
}
15+
h1{
16+
color: rgb(255, 212, 22);
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<h1>Olá, mundo</h1>
22+
<p>Já me livrei da maldição!</p>
23+
24+
25+
<script>
26+
//Vimos assim anteriormente: aparece a mensagem, e uma barra para digitar, e opções ok e cancelar, mas não armazena.
27+
//window.prompt('Qual é seu nome?')
28+
29+
//Para armazenar:
30+
31+
//Variavel nome recebe o window.prompt que vai aparecer na janela
32+
var nome = window.prompt('Qual é seu nome')//Declaramos como var, mas futuramente vamos aprender o let e o const.
33+
34+
window.alert('Prazer te-lo conosco, ' + nome + '!') //Concatenação (+) para unir uma coisa a outra, depois da aspas.
35+
</script>
36+
</body>
37+
</html>
38+
39+
40+
<!-- Tudo que se escreve na tela se coloca entre parenteses e aspas simples, antes se usava ponto e virgula no fechamento de cada comando hoje em dia não mais, é opicional -->
41+
42+
<!-- Na hora de desenvolver um site, tem que se unir conteudo, estilo e interatividade -->
43+
44+
<!-- Comentarios: -->
45+
<!-- Comentario CSS /* */ -->
46+
<!-- COMENTARIO HTML-->
47+
<!-- Comentario JS usa // -->
48+
49+
50+
51+

‎aula06/ex003.html

+94
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Meu primeiro programa...</title>
7+
8+
<style>
9+
/*CSS*/
10+
body{
11+
background-color: rgb(99, 99, 175);
12+
color: white;
13+
font: normal 20pt Arial;
14+
}
15+
h1{
16+
color: rgb(255, 212, 22);
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<h1>Olá, mundo</h1>
22+
<p>Já me livrei da maldição!</p>
23+
<!-- COMENTARIO HTML-->
24+
25+
<script>
26+
27+
var n1 = Number.parseInt(window.prompt('Digite um número: '))//string
28+
var n2 = parseInt(window.prompt('Digite outro numero: '))//string
29+
var n3 = Number(window.prompt('Digite outro numero: '))//string
30+
var s = n1 + n2 + n3
31+
32+
window.alert (`A soma dos numeros ${n1} + ${n2} + ${n3} é ${s}`)
33+
34+
//Note que na saida saiu 42 quando digitei 4 e 2 nas entradas, justamente por que o + esta agindo na ideia de concatenação.
35+
36+
//O window.prompt recebe valores em string temos que converter os dois de string para numero.
37+
38+
//(number + number) para adição
39+
//(string + string) para concatenação
40+
41+
//Conversão string para numero.
42+
43+
//Usamos o Number.parseInt(n) ou apenas parseInt para numeros inteiros.
44+
//Usamos o Number.parseFloat(n) ou apenas parseFloat para numeros reais.
45+
//Agora atualmente no JS atual podemos usar apenas Number(n) e ele se vira, sabe oque estamos trabalhando, mas em alguns casos definimos efetivamente tratar como o metodo acima, definindo se é inteiro ou real logo.
46+
47+
48+
//Conversão numero para string.
49+
//String(n)
50+
//n.toString(n)
51+
52+
//Formatando string no node
53+
//var s = 'JavaScript'
54+
//'Eu estou estudando s' //não faz interpolação
55+
//'Eu estou estudando ' + s //usa concatenação
56+
//`Eu estou estudando ${s}` //usa template string
57+
58+
//> nome = 'Gustavo'
59+
//'Gustavo'
60+
//> idade = 45
61+
//45
62+
//> nota = 5.5
63+
//5.5
64+
65+
//> 'O aluno ' + nome + 'com ' + idade + ' anos tirou a nota ' + nota
66+
//'O aluno Gustavocom45 anos tirou a nota 5.5'
67+
68+
//OU PODEMOS FAZER DA FORMA MAIS RECENTE COM CRASE, USA SO UMA NO INICIO OUTRA NO FIM E USA CIFRÃO COM COLCHETES, bem mais organizado:
69+
70+
//`O aluno ${nome} com ${idade} anos tirou a nota ${nota}`
71+
72+
//Tambem podemos saber qual o tamanho da string, quantos caracteres a string tem:
73+
//var s = 'JavaScript'
74+
//s.length
75+
76+
//Ou jogar ela pra letras maiusculas:
77+
//var s = 'JavaScript'
78+
//s.toUpperCase()
79+
80+
//Ou jogar ela pra letras minusculas:
81+
//var s = 'JavaScript'
82+
//s.toLowerCase()
83+
84+
85+
86+
</script>
87+
</body>
88+
</html>
89+
90+
91+
92+
93+
94+

‎aula06/ex004.html

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<style>
8+
body{
9+
font: normal 20pt Arial;
10+
}
11+
</style>
12+
</head>
13+
<body>
14+
15+
<script>
16+
var nome = window.prompt('Qual seu nome?')
17+
document.write(`Olá <strong>${nome}!<strong> Seu nome tem ${nome.length} letras.<br/>`)
18+
document.write(`Seu nome em maiusculas é ${nome.toUpperCase()}<br/>`) //Vai um parenteses pois é chamda por método
19+
document.write(`Seu nome em minusculas é ${nome.toLowerCase()}`)
20+
21+
//Usamos tambem alguns comandos html dentro do JS.
22+
23+
//Agora vamos para a formatação de numeros no node.
24+
25+
//> var n1 = 1545.5
26+
//> n1
27+
28+
//1545.5
29+
30+
//> n1.toFixed(2) //Se eu quisesse com duas casas decimais?
31+
//'1545.50'
32+
33+
//> n1.toFixed(2).replace('.', ',')//Trocar ponto por virgula
34+
//'1545,50'
35+
36+
//> n1.toLocalString('pt-BR', {style: 'currency', currency: 'BRL'})
37+
//> n1.toLocalString('pt-BR', {style: 'currency', currency: 'USD'})
38+
//> n1.toLocalString('pt-BR', {style: 'currency', currency: 'EUR'})
39+
40+
//Converte ja certin para moeda local de cada lugar, é um objeto coisa que veremos mais pra frente. ('local', 'estilo: vai ser currency que é dinheiro', 'e o currency vai ser brasil real'). Dessa forma não precisamos do replace.
41+
42+
43+
</script>
44+
</body>
45+
</html>

0 commit comments

Comments
 (0)