.jpg)
.png)
🚀 Etapa 1
O que é JavaScript e como funciona no navegador
🎯 Objetivos da Aula
● Entender o verdadeiro papel do JavaScript na web moderna;
● Compreender como o navegador “lê” e executa o código JS;
● Aprender sobre o processo de execução (interpretação);
● Criar os primeiros scripts interativos; Conhecer as principais ferramentas de prática e depuração.
%20(1).png)
🚀 Etapa 2
Como inserir JavaScript no HTML
● Aprender todas as formas de adicionar código JavaScript em uma página web;
● Entender a ordem de carregamento e execução do JS;
● Saber quando usar cada tipo de inserção (interno, externo e inline);
● Evitar erros comuns de execução; Aplicar na prática scripts interativos e organizados.
Variáveis, Tipos de Dados e Comentários
🎯 Objetivos da Aula
● Entender o conceito de variável;
● Saber como declarar, nomear e utilizar variáveis corretamente;
● Aprender os principais tipos de dados do JavaScript;
● Compreender a diferença entre var, let e const;
● Usar comentários para documentar o código; Praticar com exemplos e exercícios simples.
🚀 Etapa 4
Operadores Aritméticos, Relacionais e Lógicos
🎯 Objetivos da Aula
● Entender o papel dos operadores na programação;
● Saber realizar cálculos e comparações com valores;
● Aprender sobre os operadores aritméticos, relacionais e lógicos;
● Compreender precedência (ordem de execução);
● Construir expressões e condições complexas;
● Praticar com exemplos reais e exercícios interativos.
Estruturas Condicionais
🎯 Objetivos da Aula
● Entender o conceito de estruturas condicionais (decisões);
● Aprender a usar corretamente if, else if, e else;
● Conhecer o operador ternário ? :;
● Trabalhar com múltiplas opções usando switch;
● Escrever códigos que reajam às condições lógicas;
● Implementar tudo em exemplos práticos e desafios.
🚀 Etapa 6
Laços de Repetição
● Entender o conceito de laço de repetição;
● Aprender a usar os principais laços (for, while e do...while);
● Saber controlar o fluxo das repetições;
● Evitar loops infinitos e erros comuns; Praticar com exemplos reais e desafios progressivos.
🚀 Etapa 7
Funções
● Compreender o que são funções e por que usá-las;
● Aprender a declarar e chamar funções corretamente;
● Entender o papel dos parâmetros e argumentos;
● Trabalhar com retorno de valores (return);
● Conhecer diferentes tipos de declaração (tradicional, expressão e arrow function); Criar exemplos práticos e exercícios de fixação.
🚀 Etapa 8
Eventos
● Entender o conceito e a importância dos eventos;
● Aprender as principais formas de detectar e controlar eventos no HTML e JS;
● Saber trabalhar com eventos como onclick, onchange, onmouseover, onkeydown e onsubmit;
● Criar funções que respondem às ações do usuário;
● Praticar com exemplos interativos e exercícios práticos.
🚀 Etapa 9
O DOM
● Entender o que é o DOM (Document Object Model);
● Aprender a acessar elementos HTML via JavaScript;
● Modificar conteúdo, atributos e estilos;
● Criar e remover elementos dinamicamente;
● Combinar tudo com eventos e funções;
● Colocar em prática com exemplos e desafios interativos.
🚀 Etapa 10
Manipulação de Estilos e Classes
● Entender como o JavaScript interage com os estilos CSS;
● Aprender a modificar estilos diretamente via .style;
● Manipular classes com .classList;
● Criar efeitos visuais e temas dinâmicos;
● Unir CSS, HTML e JavaScript em harmonia; Produzir exemplos práticos de alternância de temas e animações simples.
🚀 Etapa 11
O DOM: Acessando e Manipulando Elementos HTML com JavaScript
● Aprender a acessar elementos HTML via JavaScript;
● Criar e remover elementos dinamicamente;
● Colocar em prática com exemplos e desafios interativos.
🚀 Etapa 12
Arrays, Objetos e Estruturas de Dados
● Entender o conceito de variáveis e tipos de dados;
● Aprender como declarar e usar variáveis (let, const, var);
● Manipular listas (arrays);
● Criar objetos com múltiplas propriedades;
● Aprender a acessar, atualizar e percorrer esses dados;
● Criar exemplos práticos de armazenamento de dados.
🚀 Etapa 13
O que é o LocalStorage e o SessionStorage em JavaScript
● Entender o que é armazenamento local no navegador;
● Aprender a usar o LocalStorage e o SessionStorage;
● Saber salvar, ler, atualizar e excluir dados;
● Aprender a armazenar informações complexas (objetos e listas);
● Criar exemplos práticos de persistência de dados.
🚀 Etapa 14
Mini Projeto: Gerenciador de Tarefas Inteligente
🎯 Objetivos da Aula
● Aprendeu fundamentos sólidos da linguagem,
● Entendeu a lógica por trás da programação moderna,
● E aplicou conceitos práticos de maneira profissional.
🎯 Objetivos:
● Em Breve 🚧
.png)
Este conteúdo faz parte do Academy Code Christ.
Um projeto criado para ajudar jovens e iniciantes a aprender programação do zero, de forma simples e gratuita.
Nossa missão é compartilhar conhecimento e incentivar mais pessoas a descobrir que também podem aprender tecnologia, criar projetos e desenvolver novas habilidades.Todo o conteúdo é disponibilizado gratuitamente, de forma clara, prática e sem enrolação.
Você pode apoiar o projeto se quiser com um café.
.png)
.png)
.png)
Postar um comentário