Curso Javascript Completo 2024 [Iniciantes] + 14 Mini-Projetos

Nesse Curso Javascript 2020 estarei te ensinando todas as habilidades essenciais para começar a pensar como um programador e desenvolver sua lógica de programação.

Curso Javascript Completo 2020 Completo

Esse curso javascript iniciante é tanto para pessoas que nunca programaram antes e este curso de javascript completo gratis foi criado para você, que já sabe outra linguagem.
O Javascript hoje está entre as top 10 linguagens mais usadas no mundo.

---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------
00:00:00 - O que você vai aprender
00:01:29 - Instalando VS CODE
00:07:36 - Variáveis
00:12:40 - Constantes
00:14:29 - Tipos Primitivos
00:19:08 - Tipagem Dinâmica no Javascript
00:23:50 - Objetos
00:28:19 - Arrays
00:32:35 - Functions
00:38:54 - Tipos de Funções
00:42:02 - Operadores no Javascript
00:43:28 - Operadores aritiméticos no Javascript
00:47:06 - Operadores de atribuição no Javascript
00:49:13 - Operadores de igualdade no Javascript
00:52:08 - Operador Ternário
00:53:52 - Operadores Lógicos
00:59:56 - Comparações não boleanos
01:06:09 - (Mini-Projeto 1) - Trocando Valores de Variáveis
01:08:42 - If..Else
01:14:37 - Switch..Case
01:18:00 - Laço For/Loop For
01:24:24 - Laço While/Loop While
01:25:41 - Laço Do..While/Loop Do.. While
01:28:18 - Laço For..In/Loop For..In
01:34:01 - Laço For..Of/Loop For..Of
01:35:34 - (Mini-Projeto 2) - Máximo Entre Dois Valores
01:40:09 - (Mini-Projeto 3) - FizzBuzz
01:46:38 - (Mini-Projeto 4) - Medidor de Velocidade
01:55:50 - Mensagem Para Inscritos :D
01:56:21 - (Mini-Projeto 5) - Par ou Impar
01:59:27 - (Mini-Projeto 6) - Encontre o String
02:03:09 - (Mini-Projeto 7) - Multiplos de 3 e 5
02:08:53 - (Mini-Projeto 8) - Média de Nota Escolar
02:15:49 - (Mini-Projeto 9) - Contador de Asteríscos
02:20:33 - (Mini-Projeto 10) - Números Primos
02:28:43 - Factory Functions
02:34:53 - Constructor Functions
02:41:09 - Natureza Dinâmica de Objetos
02:43:31 - Clonando Objetos
02:46:20 - Math
02:48:45 - String
02:55:59 - Template Literal
03:03:41 - Date Lidando com datas
03:10:08 - (Mini-Projeto 11) - Montador de Endereço
03:13:31 - (Mini-Projeto 12) - Encontre a igualdade
03:20:29 - (Mini-Projeto 13) - Montador de Postagem de blog
03:23:48 - Constructor Function
03:28:09 - (Mini-Projeto 14) - Faixa de Preço
03:36:15 - Introdução a Arrays
03:37:41 - Add Elementos a um Array
03:41:12 - Encontrando Elementos do Tipo Primitivos
03:45:17 - Encontrando Elementos do Tipo Referência
03:50:15 - Arrow Functions
03:52:43 - Removendo elementos de um Array
03:56:09 - Esvaziando um Array
04:01:40 - Combinando um Array
04:07:07 - Operador Spread
04:10:35 - Foreach
04:13:53 - Combinando Arrays
04:17:57 - Input - Como receber dados do usuário
04:20:36 - Introdução a manipulação do DOM
04:28:11 - (Mini-Projeto 14) - Segurança Virtual
04:34:56 - Mensagem Final!

▼ CREDIT ▼
Beats Savage Production
Artist: Enyer Gonzalez
Copyright: Imagem Segurança Virtual
Photo by Brett Sayles from Pexels

CONTATO COMERCIAL
------------------------

RECURSOS QUE USO E RECOMENDO
---------------------------------------------------

[DerciLima]

Derci, 62 anos e fazendo curso de técnico em informática na etec

[carlasilva]

Me chamo Carla;
Hoje é 22.02.2021
Até agora eu só sei que JavaScript não é a mesma coisa que Java.

[roh.nksnoguchiroh]

Meu nome é Rosana 48 anos, estou no 2º semestre de Analise e Desenvolvimento de Sistema .
Estou muito empolgada com esse curso, para que eu possa adquirir mais conhecimento .
Começando meu ano 03/01/2022 com o pé direito em programação 👩‍💻👏

[Vini]

Jonathan, levei cerca de 3 meses para concluir a aula, mas chegar até o final e conseguir fazer o projeto final sozinho, é gratificante demais. Sem palavras para agradecer todo o conteúdo passado aqui, bora pra cima.

[op]

Eu peguei todos esse conteúdos do vídeo e coloquei no caderno, agora eu já sei programa e se eu esquecer eu olho o livro

[DanielPereira-hjwm]

Estava me matando para aprender javaScript, graças a Deus achei esse canal e consegui não só aprender JavaScript, como tambem melhorei meu raciocínio, em relação á lógica de programação

[jornadadavidtomas]

David Tomás, Formado em Jogos Digitais e 2º lugar no Pronatec (Professor Bolsista da Rede Pubica do Governo de Fortaleza), primeiramente migrei de area (design para programação) e adiquirir mais conhecimento para ter uma boa didática, seu conteúdo é dos mais confiaveis para eu dar aula.

[MatheusJBClaro]

Definitivamente, a melhor aula de Js que existe. Direto ao ponto, ele é claro nas explicações e se preocupa com os detalhes. Genial!

[DevAprender]

👋 Fala Pessoal, Se Apresente:
✅𝗚𝗥𝗨𝗣𝗢 𝗧𝗘𝗟𝗘𝗚𝗥𝗔𝗠 𝗢𝗙𝗜𝗖𝗜𝗔𝗟 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
00:00:00 - O que você vai aprender
00:01:29 - Instalando VS CODE
00:05:47 - Repl.it (Ambiente Alternativo de Desenvolvimento)
00:07:36 - Variáveis
00:12:40 - Constantes
00:14:29 - Tipos Primitivos
00:19:08 - Tipagem Dinâmica no Javascript
00:23:50 - Objetos
00:28:19 - Arrays
00:32:35 - Functions
00:38:54 - Tipos de Funções
00:42:02 - Operadores no Javascript
00:43:28 - Operadores aritiméticos no Javascript
00:47:06 - Operadores de atribuição no Javascript
00:49:13 - Operadores de igualdade no Javascript
00:52:08 - Operador Ternário
00:53:52 - Operadores Lógicos
00:59:56 - Comparações não boleanos
01:06:09 - (Mini-Projeto 1) - Trocando Valores de Variáveis
01:08:42 - If..Else
01:14:37 - Switch..Case
01:18:00 - Laço For/Loop For
01:24:24 - Laço While/Loop While
01:25:41 - Laço Do..While/Loop Do.. While
01:28:18 - Laço For..In/Loop For..In
01:34:01 - Laço For..Of/Loop For..Of
01:35:34 - (Mini-Projeto 2) - Máximo Entre Dois Valores
01:40:09 - (Mini-Projeto 3) - FizzBuzz
01:46:38 - (Mini-Projeto 4) - Medidor de Velocidade
01:55:50 - Mensagem Para Inscritos :D
01:56:21 - (Mini-Projeto 5) - Par ou Impar
01:59:27 - (Mini-Projeto 6) - Encontre o String
02:03:09 - (Mini-Projeto 7) - Multiplos de 3 e 5
02:08:53 - (Mini-Projeto 8) - Média de Nota Escolar
02:15:49 - (Mini-Projeto 9) - Contador de Asteríscos
02:20:33 - (Mini-Projeto 10) - Números Primos
02:28:43 - Factory Functions
02:34:53 - Constructor Functions
02:41:09 - Natureza Dinâmica de Objetos
02:43:31 - Clonando Objetos
02:46:20 - Math
02:48:45 - String
02:55:59 - Template Literal
03:03:41 - Date Lidando com datas
03:10:08 - (Mini-Projeto 11) - Montador de Endereço
03:13:31 - (Mini-Projeto 12) - Encontre a igualdade
03:20:29 - (Mini-Projeto 13) - Montador de Postagem de blog
03:23:48 - Constructor Function
03:28:09 - (Mini-Projeto 14) - Faixa de Preço
03:36:15 - Introdução a Arrays
03:37:41 - Add Elementos a um Array
03:41:12 - Encontrando Elementos do Tipo Primitivos
03:45:17 - Encontrando Elementos do Tipo Referência
03:50:15 - Arrow Functions
03:52:43 - Removendo elementos de um Array
03:56:09 - Esvaziando um Array
04:01:40 - Combinando um Array
04:07:07 - Operador Spread
04:10:35 - Foreach
04:13:53 - Combinando Arrays
04:17:57 - Input - Como receber dados do usuário
04:20:36 - Introdução a manipulação do DOM
04:28:11 - (Mini-Projeto 14) - Segurança Virtual
04:34:56 - Mensagem Final!


Siga no Instagram, Podcast, Facebook e muito mais:




🔴 PERGUNTAS SOBRE OS VÍDEOS: comentar direto no vídeo, assim todos podem se beneficiar com a resposta.

[luizfernandoschmittfilho]

Luiz, 14 anos

let n = 'Eu vou ser um grande programador!';
console.log(n)
let n1 = 'Em um ano vou dominar essa linguagem';
console.log(n1)

[michelarruda]

Me chamo Michel, tenho 42 anos e estou querendo mudar de profissão e resolvi aprender programação. Espero me sair bem com o curso! Parabéns pela iniciativa, Jhonatan.

[linuxsec]

1:08:11

Eu fiz dessa forma.

let a = 'vermelho'
let b = 'azul'
function resetaCor(cor) {
a = cor
}
resetaCor('azul')
console.log(a)

function resetaCorb(corb) {
b = corb
}
resetaCorb('vermelho')
console.log(b)

[JhowAranha]

Cara, eu finalmente consegui, um menino de 12 anos assistir essas 4 horas de aula, cara, sério, muito obrigado! Vc é demais, conseguiu me ensinar a como programar em JS! Tô muito empolgado pra começar a fazer meus projetos, então vou ver seus vídeos pra me aprofundar mais um pouco. Valeu por Dar todo esse apoio para nós!

[uilson]

UILSON 32 ANOS, TÉCNICO EM TI DESDE 2015, PROGRAMADOR EM LINGUAGENS C#, HTML, CSS, JAVA, DATABASE ORACLE E SQLSERVER E AGORA APRENDENDO JAVASCRIPT, A LINGUAGEM MAIS COMPLETA PARA QUEM QUER ENTRAR NO RAMO DE PROGRAMADOR PARA QUALQUER PLATAFORMA. COM O JS CONSEGUIMOS DESENVOLVER O QUE DESEJAR. BOA SORTE A NÓS PROGRAMADORES. OBRIGADO DESDE JÁ PROFESOR JHONATAN POR COMPARTILHAR SEUS CONHECIMENTOS E PARABÉNS AO DERCI PELO EXEMPLO, NUNCA É TARDE PARA O CONHECIMENTO AINDA MAIS NESTA ÁREA QUE CRESCE A CADA SEGUNDO. BEM VINDOS AO HELLO WORLD.

[edonatobr]

Edmilson da Silva Donato
Idade: 60
Nível: intermediário

Excelente didática, parabéns! Criei uma função para achar as raízes de uma equação do segundo grau usando a fórmula de Báskara:

function eq2g(a, b, c){
let resposta = null;
if (a == 0) {
resposta = "Coeficiente 'a' não pode ser zero.";
}
else {
delta = b ** 2 - 4 * a * c;
if (delta < 0) {
resposta = "Não há raizes reais.";
}
else {
resposta = "V = {" + (Math.sqrt(delta) - b) / (2 * a);
if (delta == 0) {
resposta = resposta + "}";
}
else {
resposta = resposta + ", " + -(Math.sqrt(delta) + b) / (2 * a) + "}";
}
}
}
return resposta + " delta = " + delta;
}
console.log(eq2g(2, -7, 3));

[mauriciolemesdasilva]

Mauricio, 27 e começando a conhecer a programação e a carreira de tecnologia a 2 meses!

[gostodepudim]

12:34 a atividade:

let nome = 'Mateus';
let idade = 12;
let altura = 170;
let texto = 'Estou aprendendo Java Script!';

console.log(nome);
console.log(idade);
console.log(altura);
console.log(texto);

[Alissondahlemad]

1:14:00 o seu código está um pouco incorreto pois se colocar 12h ele vai te dar boa noite... O correto seria :
let hora = 12;

if (hora >= 6 && hora <= 12) {
console.log('Bom dia!!!');
} else if (hora > 12 && hora <= 18) {
console.log('Boa tarde!!!');
} else {
console.log ('Boa noite!!!');
}

[underpages]

Nome: Jorge
Idade: 42 anos
Conhecimento em Javascript: Básico, estou aprendendo algumas com um livro que tenho, mas tenho que assumir que não será o suficiente. A cada dia consigo perceber mais a importância do JS para as páginas de internet.

[isaque]

01:42:34

Código:

function fizzbuzz(num) {

if (typeof num !== "number"){
return "Não é um número";
}
else if (num % 3 == 0 && num % 5 == 0){
return "fizzbuzz";
}
else if (num % 3 == 0){
return "fizz";
}
else if (num % 5 == 0){
return "buzz";
}
else{
return num;
}
};

let resultado = fizzbuzz(valor);
console.log(resultado);


Observações:

• utilizar o comparador typeof para verificar se não é um número;

• Sobre a ordem das condicionais, é importante priorizar aquelas que podem causar conflitos ou que são mais específicas antes das mais gerais. Ou seja, começar com a verificação de não número, depois de divisível por ambos (3 e 5), em seguida divisível individualmente por 3 ou 5 e, por último, o caso mais genérico (não divisível por nenhum dos dois);

• Monte a ordem antes de codar. Logo, é preciso anotar como sera feito antes mesmo de se montar o pseudocódigo, definindo primeiro o que o programa deve fazer, as restrições e o objetivo (método dos 5qs aplicados);

• Dê preferência a "===" para comparar igualdade, assim a comparação se torna mais segura, evitando possíveis resultados inesperados.