Skip to content

Commit d7b1723

Browse files
bernardoyt1093-wqbernardoyt1093-wq
authored
Update aulas.html
1 parent 3d59dcc commit d7b1723

1 file changed

Lines changed: 60 additions & 12 deletions

File tree

‎aulas.html‎

Lines changed: 60 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>JS Master - Aulas</title>
6+
<title>JS Master - Conteúdo das Aulas</title>
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
@@ -16,18 +16,66 @@
1616
<li><a href="https://discord.com/channels/1499755355570176081/1499755770991083570" target="_blank" class="btn-comunidade">Comunidade</a></li>
1717
</ul>
1818
</nav>
19+
20+
<header class="hero">
21+
<h1>Trilha <span>JavaScript</span></h1>
22+
<p>Aprenda os fundamentos passo a passo com o Prof. Bernardo.</p>
23+
</header>
24+
1925
<main class="container">
20-
<header class="hero"><h1>Conteúdo <span>Teórico</span></h1></header>
21-
<div class="card"><h3>01. Variáveis</h3><p>Aprenda a guardar dados usando let e const.</p></div>
22-
<div class="card"><h3>02. Funções</h3><p>Como criar blocos de código reutilizáveis.</p></div>
23-
<div class="card"><h3>03. Condicionais</h3><p>Tomando decisões com If e Else.</p></div>
24-
<div class="card"><h3>04. Matemática</h3><p>Operadores de soma, subtração e cálculos.</p></div>
25-
<div class="card"><h3>05. Listas (Arrays)</h3><p>Como organizar vários dados em uma lista.</p></div>
26-
<div class="card"><h3>06. Loops (For)</h3><p>Repetindo tarefas automaticamente.</p></div>
27-
<div class="card"><h3>07. Objetos</h3><p>Estruturando dados complexos.</p></div>
28-
<div class="card"><h3>08. Eventos</h3><p>Interagindo com cliques e teclado.</p></div>
29-
<div class="card"><h3>09. Arrow Functions</h3><p>O jeito moderno de escrever funções.</p></div>
30-
<div class="card"><h3>10. Manipulação de Texto</h3><p>Transformando letras e palavras.</p></div>
26+
<section class="card">
27+
<h2>01. Variáveis (let e const)</h2>
28+
<p>Variáveis são como caixas onde guardamos informações. Usamos <strong>let</strong> para valores que podem mudar e <strong>const</strong> para valores fixos (constantes).</p>
29+
</section>
30+
31+
<section class="card">
32+
<h2>02. Funções</h2>
33+
<p>Funções são blocos de códigos que executam uma tarefa específica. Elas ajudam a evitar repetição, permitindo que você chame o mesmo comando várias vezes.</p>
34+
</section>
35+
36+
<section class="card">
37+
<h2>03. Condicionais (If/Else)</h2>
38+
<p>O <strong>if</strong> serve para o computador tomar decisões. "Se algo for verdade, faça isso; caso contrário (else), faça aquilo". É a base da lógica.</p>
39+
</section>
40+
41+
<section class="card">
42+
<h2>04. Operadores Matemáticos</h2>
43+
<p>No JS podemos fazer contas de somar (+), subtrair (-), multiplicar (*) e dividir (/). Também usamos parênteses para definir o que calcular primeiro.</p>
44+
</section>
45+
46+
<section class="card">
47+
<h2>05. Listas (Arrays)</h2>
48+
<p>Arrays permitem guardar vários valores em uma única variável. Você acessa os itens pela posição deles, começando sempre do número <strong>0</strong>.</p>
49+
</section>
50+
51+
<section class="card">
52+
<h2>06. Loops (For)</h2>
53+
<p>O comando <strong>for</strong> cria uma repetição automática. É útil para percorrer listas ou repetir uma ação várias vezes sem escrever o código repetido.</p>
54+
</section>
55+
56+
<section class="card">
57+
<h2>07. Objetos</h2>
58+
<p>Objetos guardam informações detalhadas de uma coisa só. Exemplo: um objeto "Carro" pode ter marca, cor e ano, tudo organizado em propriedades.</p>
59+
</section>
60+
61+
<section class="card">
62+
<h2>08. Eventos</h2>
63+
<p>Eventos são ações que acontecem no site, como um clique de botão, o passar do mouse ou o apertar de uma tecla. O JS "escuta" e reage a isso.</p>
64+
</section>
65+
66+
<section class="card">
67+
<h2>09. Arrow Functions</h2>
68+
<p>É uma forma moderna e curta de escrever funções no JavaScript. Elas usam o símbolo <code>=></code> e deixam o código mais limpo e fácil de ler.</p>
69+
</section>
70+
71+
<section class="card">
72+
<h2>10. Manipulação de Strings</h2>
73+
<p>Strings são textos. No JS, podemos transformar textos para maiúsculas, minúsculas, contar letras ou até trocar palavras dentro de uma frase.</p>
74+
</section>
3175
</main>
76+
77+
<footer style="text-align: center; padding: 50px; opacity: 0.6;">
78+
<p>Projeto JS Master - Desenvolvido por Bernardo</p>
79+
</footer>
3280
</body>
3381
</html>

0 commit comments

Comments
 (0)