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 |