Status do Repositório: Em desenvolvimento
⚠️
Curso de JS baseado nas aulas do Curso em Vídeo do professor Gustavo Guanabara.
O curso é voltado para uma introdução ao Javascript, apresentado conceitos básicos e essenciais. Aqui você acessa a playlist completa no youtube.
-
Aulas 💬
- Nessas pastas estão divididas as atividades realizadas em aulas. São os códigos aplicados em situações práticas.
-
Comentários e anotações 📑
- São as explicações dos assuntos, tópicos, códigos, funções, elementos e muito mais. Como um caderno de anotações, onde se encontram as explicações das aulas.
-
Desafios 🏆
- Aqui estão as atividades com um nível de dificuldade um pouco maior. Uma espécie de "prova" para avaliar se os alunos realmente adquiriram o conhecimento relacionado a determinados tópicos da linguagem.
-
Exercícios 📝
- Atividades propostas em aula para executar os códigos estudados. A diferença entre os desafios é que o professor apresenta as soluções desses exercícios.
Aula | Título | Conteúdo da aula | Possui atividade | Módulo |
---|---|---|---|---|
0 | Introdução ao curso. | Como vai funcionar o curso, conselhos e preparação | Não | -- |
1 | O que o Javascript é capaz de fazer. | Exemplos de comandos do JS executados diretamente no navegador | Não | A |
2 | Como chegamos até aqui. | A história do JS | Não | A |
3 | Dando os primeiros passos. | Bibliografia, explicação sobre ECMA Script, e conselhos para programação | Não | A |
4 | Criando o seu primeiro script. | Revisão sobre HTML e CSS, explicação de como funciona um script JS | Sim | A |
5 | Variáveis e tipos primitivos. | Como comentar um código, tipos de dados (boolean, string, number e outras) e o que são e como funcionam as variáveis | Sim | B |
6 | Tratamentos de dados. | Editar strings, conversão de tipos, concatenação e como fazer que as variáveis sejam executadas | Sim | B |
7 | Operadores - Parte 1. | Operadores aritméticos, atribuições e precedências | Sim | B |
8 | Operadores - Parte 2. | Operadores relacionais, lógicos e ternário | Não | B |
9 | Introdução ao DOM. | O que é DOM, como selecionar elementos, trabalhando com getElement e querySelector | Sim | C |
10 | Eventos DOM. | Os eventos DOM, Functions e como criar eventos DOM no HTML e JS | Sim | C |
11 | Condições - Parte 1. | Introdução a condições, exemplos de condições simples e atividades com JS | Sim | D |
12 | Condições - Parte 2. | Condições aninhadas, condição switch, hora e dia do sistema | Sim | D |
Aula Exercícios - 12.1 | Aula de Exercício - Partes 1-3. | Criação de dois sites, um para dizer a hora e outro um banco de imagens. Mudança dinâmica de imagens, criação de tags html e aquisição de informações | Sim | D |
13 | Repetições - Parte 1. | Introdução a Repetições. While e Do-While | Sim | E |
14 | Repetições - Parte 2. | Repetição for e modo depuração | Sim | E |
Aula Exercícios - 14.1 | Aula de Exercício - Partes 4-6. | Criação de duas APIs, uma para contar números seguindo uma quantidade de passos e outra para calcular a tabuada, adicionando elementos e botão de limpar | Sim | E |
Número | Proposta |
---|---|
Desafio 1 | Criar três botões, onde cada um vai apresentar uma mensagem diferente na tela. |
Desafio 2 | Uma mensagem de boas vindas com o nome e idade do usuário. |
Desafio 3 | Ao clicar em um botão, é pedido um número. É dado o resultado do antecessor e do sucessor |
Desafio 4 | Calcular o troco do cliente ao comprar um produto |
Exercício | Objetivo |
---|---|
01 | Uma mensagem de boas vindas com o .alert() |
02 | Um botão interativo |
03 | Entrar um nome e criar alerta com boas vindas |
04 | Entrar um nome e dar boas vindas na página |
05 | Alerta de bem vindo, calcular o dobro e metade de um número |
06 | Calcular a soma de dois números |
07 | Fazer a média de notas de um aluno |
08 | Vários cálculos com um único número |
09 | Contador de cliques e botão de limpar |
10 | 4 botões de ação que adicionam frases uma após a outra |
11 | Calcular a média de duas notas, e fazer comentário sobre a nota |
12 | Diz se um número é par ou ímpar |
13 | Entre dois números, diz qual o maior |
14-15 | Informações de dia e hora do sistema |
16 | Calcular a idade a partir do ano digitado |
17 | Gerar um número aleatório |
18 | Adivinhar um número de 1 a 100 |
19 | Com dois números, escolher uma operação aritmética a ser realizada |