Guanabara, obrigada por esse seu curso. Trabalho na Alemanha como trainee em web design e estava sentindo MUITA falta de JavaScript e sempre dependia da ajuda de alguem. Mostrei seu curso para meus chefes por aqui e estou fazendo ele durante meu horario de trabalho. Em uma semana e pouco ja esta sendo suficiente para resolver 99% do que eu precisava por aqui. Muito obrigada! (Obs: sinto falta de comentarios de mulheres por aqui!) Abraco!
Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
"Infezmente" nada! Nunca programei na vida, esse é meu primeiro curso, e estou achando mto loko!!! Ja comecei o de HTML5, logica de programacao, e vou fazer muitos outros depois. Ah, tenho 42 anos, e aprendi que a programação abre um horizonte muito grande para empreendedores! Valeu Guanabara! Grande abraço!
@@rafaelalbertodias2196 comecei faculdade de ciencia da computacao e parti para a area de CyberSecurity. Na epoca que escrevi o comentario estava em outro ramo. Agora sim deixei o outro definitivamente p ir p TI. Já estou dando os primeiros passos para empreender na area sim! Agora com foco total! Daqui uns anos a gente volta nesse comentario e eu posto o q aconteceu 🙏🏻☺️
Espero um dia conseguir ter uma aula presencial com esse cara. Já comprei alguns cursos de outras linguagens, mas nenhum professor passa o conhecimento tão bem igual a você, Guanabara. Parabéns! Professor absurdo!
Tive um pouco de dificuldade no primeiro mas consegui com ajuda e o segundo eu consegui fazer inteiro. Tinha tentado fazer este curso no ano que çançou, mas tinha travado nesta parte, e realmente muito gratificante depois de tanto tempo perceber que eu evolui pelos menos um pouco. A qualidade deste curso e a melhor que eu já vi.
Quebrei a cabeça, tive que pesquisar umas dúvidas que eu tive, mas no final a satisfação de ter conseguido fazer o programa "sozinho" é inigualável, ótima proposição Guanabara!
Obrigado por mais uma aula, por mais um ensinamento. Você e sua equipe são incríveis, sua didática é muito envolvente, obrigado por compartilhar tanto conhecimento conosco. Muito obrigado mesmo, meu professor.
Consegui fazer dps de muito esforço!! tá aí para quem tiver dúvidas assim como eu tive ,não desistam! tá sem emoji porém eu vou ver a próxima aula que ele vai ensinar lá. function contar(){ var ini = window.document.getElementById("ini") var fim = window.document.getElementById("fim") var pas = document.getElementById("pas") var res = document.getElementById("res") var n1 = Number(ini.value) var n2 = Number(fim.value) var n3 = Number(pas.value) res.innerHTML = `Contando:` if(ini.value.length == 0 || Number(fim.value)
tive que pegar um pouco de ajuda na parte das condições eu estava com um pouco de duvidas, ai peguei um empurrão com seu comentário. Fiquei mais 1hr tentando arrumar a parte em que sempre que eu quiser contar novamente, apague o valor da contagem passada.
function contar(){ //VARIÁVEIS// var ini = document.getElementById('inicio') var fim = document.getElementById('fim') var pul = document.getElementById('pular') var n1 = Number(ini.value) var n2 = Number(fim.value) var n3 = Number(pul.value) var res = document.getElementById('res') //VARIÁVEIS// //CONDIÇÃO// if(ini.value.length == 0 || Number(fim.value) < Number(ini.value) || Number(ini.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else if(fim.value.length == 0 || Number(fim.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else if(pul.value.length == 0 || Number(pul.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else{ for(var n1; n1
O exercício é tão importante pra mim que eu cheguei até o curso de JS aqui, pesquisando sobre exercícios de JS, pois, faço um curso dessa linguagem de programação em outra plataforma, porém, o curso que estou fazendo é bastante pobre em exercícios. Conteúdo muito bom Guanabara. Vlw msm.
Sim! Aprendi HTML e CSS há pouco tempo, com um livro muito elogiado e muito bom, o Head First, mas a disposição do Curso em Vídeo para criar novos e diferentes exercícios constantemente é algo muito característico e especial deles! Não terminei o livro com a mesma sensação de dominar bem o básico de quando fiz outros cursos daqui.
uma ideia ai pra quem não sabe fazer esse select html que ele falou no vídeo, eu não sabia... é criar uma lista e no script fazer um looping para adicionar elementos (linhas) na lista com as contas e resultados na tabuada. fiz 2 for, 1 no começo que remove os elementos li, feitos caso eles existam) e um outro que adiciona os elementos li com ids para eles poderem ser removidos depois caso o usuário queira mudar a tabuada que ele quer ver. coloquei um hover no css para a lista para quando passar o mouse em cima ele destacar.
@@Newonzz Sim, amigo, comigo aconteceu de chegar achando que os comandos fossem tipo expressões matemáticas, em que tudo pode ser trocado de lugar, e depois perceber que cada linguagem tem suas limitações neste sentido, e são muitas mesmo. Mas sempre tem jeito!
Essas aulas de exercício estão fantásticas!!! Guanabara, estou curtindo muito esse curso. Faz uma playlist com vários exercícios de JS. Tipo aquela que tem no curso de Python.
Fiquei mais de 1 hora tentando montar o esquema do início, fim, passos kkkkkkkk Não tenho a mínima ideia de como fazer tanto o ex01 quanto o ex02 kkkkkk
JS: function contar() { function contando(){ inicio = document.getElementById("inicio_v") fim = document.getElementById("fim_v") passo = document.getElementById("passo_v") resultado = document.getElementById("res") i = Number(inicio.value) f = Number(fim.value) p = Number(passo.value) for (c = i; c
eu fiz esse segundo exercício utilizando uma aí cada célula dessa table eu acrescentei uma operação mas o layout não ficou com aquela barra lateral mas tudo bem o resto funcionou até quando a gente seleciona fica azul
É lamentável ver o professor insistir pra alunos fazerem os exercícios, se não gosta de fazer exercício e praticar, meu amigo, você está no lugar errado, aqui é lugar de quem tem prazer em colocar a mão na massa.
Às vezes, a pessoa não é acostumada ao autodidatismo e já quer passar logo para a criação de códigos complexos, demorando para perceber a importância de se fazer, inclusive, exercícios iniciais que parecem muito triviais. Mas, como você falou, se realmente queremos algo, então precisamos estar dispostos a um mínimo de sacrifício, especialmente quando já recebemos tanto na mão, como é o caso dos abençoados alunos do site.
Gente vamos dar apoio ao site curso em video tbm... e no estudonauta! La com pouco podemos apoiar este trabalho feito aqui no youtube e entao os pedidos de para esse curso intermediario e avançado podem ser realidade mais pra frente... eu sei q tem mil plataformas por ai com cursos de programação, porem explicar com a didatica que o Guanabara tem no sangue nao existe!!!
tabuada , simples, mas funciona. function tabuada(){ var num = window.document.getElementById("txtnum") var res = window.document.getElementById("tabuadares") var numero = Number(num.value) for(var c = 0; c
Consegui criar os 2 exercícios no js mas não consegui fazer o resultado aparecer no HTML, só no window.alert mas foi um baita aprendizado, pesquisei bastante e tentei fazer a solução de vários jeitos, agora vou ver como é a resolução...
Não consegui fazer o segundo exercício exatamente como o professor propôs, mas tentei chegar o mais perto segundo a forma que fiz, e ficou assim: // HTML
finalizando os dois exercícios sem olhar os vídeos, quando tinha alguma dúvida que não conseguia descobrir perguntava a IA se existe tal coisa no Javascript que faça o que estou pensando e ela me respondia de forma direta. agora quando acontecia um bug tentava por conta própria entender, no último caso pedia ajuda ela sobre erro em especifico. acho que a tendência que no futuro seja usada como ferramenta de trabalho e aumentar nossa produtividade, até porque sempre vamos precisar buscar na documentação ou em sites tais informações que não teremos em mente no momento. importante é compreender e aprender com os erros.
Rapaz! não sei os outros, mas eu sou fissurado em exercícios, para mim não tem nada mais rápido para massificar o aprendizado! daqui não saio, daqui ninguém mim tira :)
a logica eu fiz por conta propria e estou feliz por isso, mas no codigo teve erro de sintaxe, mas fiz muita coisa por conta propria. Mas infelizmente erro é erro mas como foi pouca coisa ta execelente :)))
Esse foi meu resultado!!! Muito feliz que consegui fazer até q rápido :) function contar(){ var i = document.getElementById('itxt') var f = document.getElementById('fimtxt') var p = document.getElementById('passotxt') var r = document.getElementById('res') var ini = Number(i.value) var fim = Number(f.value) var passo = Number(p.value) if(ini == '' || fim == '' || passo ==''){ window.alert("Impossível contar") res.innerHTML = 'Impossível contar' } else if(ini=fim; resultado = resultado - passo){ res.innerHTML +=`${resultado}...` } }
_// JavaScript_ btn = document.getElementById('bt') btn.addEventListener('click', function contar() { var inicio = document.querySelector('#initial') var fim = document.querySelector('#end') var passo = document.querySelector('#passo') var contando = document.getElementById('contando')
inicio = Number(inicio.value) fim = Number(fim.value) passo = Number(passo.value)
Estou amando o curso, mas acompanhar o que está escrito na tela do vídeo é muito difícil! Acho que para um próximo curso, a edição deveria melhorar nesse sentido. O Guanabara fala pra ver o vídeo no celular e fazer os testes e exercícios no computador. Nem pensar! Se alguém tiver uma dica de como dá pra melhorar isso, agradeço. No mais, bora estudo JS!
Fiz do meu jeito antes de ver o do guanabara.. function contar() { var resultado = window.document.getElementById("resultado") var inicio = window.document.getElementById("txtini") var fim = window.document.getElementById("txtfim") var gap = window.document.getElementById("txtgap") var ini = Number(inicio.value) var fino = Number(fim.value) var gaper = Number(gap.value) for(var c = ini; c
não nego, estou treinando muito JS mas mesmo assim tive que ver o resultado do primeiro exercicio, logo após fiz o segundo na moleza (não fiz em formato de html, apenas em JS mostrando o console, ia demorar mto tempo pra montar o html,tava sem paciencia ALSKDJLAKSDJJKL,mas sei como funciona iz)
Me sinto bem ainda mesmo tendo que pegar um código sobre o For no youtube e revirar ele para entender um pouco a bagunça que estava para assim inclementar em meu código. Mas felizmente, consegui concluir o ex02, o ex01 foi só com a solução mesmo. :c
Achei que estava sabendo alguma coisa, mas fiquei horas resolvendo bugs. Coisas simples como esquecer de converter o valor do input. Pratica ai negada!!!
Caprichem na validação dos dados antes de receberem os Inputs. Mesmo recebendo valores numéricos, o programa é fácilmente quebrado quando se coloca valores negativos, ou colocando ( -+ ). Como a conta está sendo feita no Client-Side, a única coisa que travaria seria a Aba do usuário. Mas se estivesse em um server, ele travaria fácin.
Consegui fazer praticamente sozinho a única coisa que não consegui de jeito nenhum foi fazer o "passo" ganha valor 1 se usuário não digita nada ou digita 0 maa to orgulhoso!! Bora ver o resultado e mata minha dúvida
Guanabara, obrigada por esse seu curso. Trabalho na Alemanha como trainee em web design e estava sentindo MUITA falta de JavaScript e sempre dependia da ajuda de alguem. Mostrei seu curso para meus chefes por aqui e estou fazendo ele durante meu horario de trabalho. Em uma semana e pouco ja esta sendo suficiente para resolver 99% do que eu precisava por aqui. Muito obrigada! (Obs: sinto falta de comentarios de mulheres por aqui!) Abraco!
Olá. Sucesso p vc
Oi, Karina, eu estou na Italia, como estao as coisas ai na alemanha? A area de TI ai e bem aquecisa ne, como voce se vira com o Alemao?
@@felipemotta8802 vaco
@@gabrielf.7900 kkkkkkkk
Que massa!!!!
Exercício 01: 4:54
Exercício 02: 6:30
Thank
Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
Professor, é fundamental dar continuidade nesse curso.
concordo
Tomara que o google patrocine o módulo intermediário e avançado, ai jesus!!!
Tomara #GooglePagaMais
#GooglePagaMais
#GooglePagaMais #GooglePatrocinaMais #QueremosConhecimento
Acho que o termo certo é Google Investe Mais... kk
#GooglePagaMais
"Infezmente" nada! Nunca programei na vida, esse é meu primeiro curso, e estou achando mto loko!!! Ja comecei o de HTML5, logica de programacao, e vou fazer muitos outros depois. Ah, tenho 42 anos, e aprendi que a programação abre um horizonte muito grande para empreendedores! Valeu Guanabara! Grande abraço!
Boa sorte, companheiro!
conseguiu amigo ?
@fatboy3033 e hoje está trabalhando na área já. tenho 37 e estou començando agora
@@rafaelalbertodias2196 comecei faculdade de ciencia da computacao e parti para a area de CyberSecurity. Na epoca que escrevi o comentario estava em outro ramo. Agora sim deixei o outro definitivamente p ir p TI. Já estou dando os primeiros passos para empreender na area sim! Agora com foco total! Daqui uns anos a gente volta nesse comentario e eu posto o q aconteceu 🙏🏻☺️
@@fatboy3033upp
estou estudando essa playlist de Guanabara no inicio ano de 2023 e ainda está super funcional! top velho Guanabara!!!!
Aqui em 2024.
@@nightlordsmen to na mesma mano kkkkkkk
@@buggamer334 Eu tb
Espero um dia conseguir ter uma aula presencial com esse cara. Já comprei alguns cursos de outras linguagens, mas nenhum professor passa o conhecimento tão bem igual a você, Guanabara. Parabéns! Professor absurdo!
Tive um pouco de dificuldade no primeiro mas consegui com ajuda e o segundo eu consegui fazer inteiro.
Tinha tentado fazer este curso no ano que çançou, mas tinha travado nesta parte, e realmente muito gratificante depois de tanto tempo perceber que eu evolui pelos menos um pouco.
A qualidade deste curso e a melhor que eu já vi.
Consegui resolver os dois exercícios, a sensação é muito gratificante.
2:19 'Infelizmente' não, a educação é um privilégio, que bom que podemos ter essa qualidade de ensino disponível de graça!
Esse curso precisa de continuação! Google, pagao homi!
Quebrei a cabeça, tive que pesquisar umas dúvidas que eu tive, mas no final a satisfação de ter conseguido fazer o programa "sozinho" é inigualável, ótima proposição Guanabara!
Demorou mas consegui, bora ver se ficou muito diferente nas próximas aulas :). Valew Guanabara
Tem que ter o intermediário e avançado! Tá muito boa essa didática. Parabéns aos produtores, e Guanabara!
Estou gritando aqui sozinha, pq consegui fazer a lógica no terminal, agora só falta passar isso para o site, mas plmns no terminal foi 🙏🏾🙏🏾
comigo tambem kkkk
Obrigado por mais uma aula, por mais um ensinamento. Você e sua equipe são incríveis, sua didática é muito envolvente, obrigado por compartilhar tanto conhecimento conosco. Muito obrigado mesmo, meu professor.
Consegui fazer dps de muito esforço!! tá aí para quem tiver dúvidas assim como eu tive ,não desistam! tá sem emoji porém eu vou ver a próxima aula que ele vai ensinar lá.
function contar(){
var ini = window.document.getElementById("ini")
var fim = window.document.getElementById("fim")
var pas = document.getElementById("pas")
var res = document.getElementById("res")
var n1 = Number(ini.value)
var n2 = Number(fim.value)
var n3 = Number(pas.value)
res.innerHTML = `Contando:`
if(ini.value.length == 0 || Number(fim.value)
tive que pegar um pouco de ajuda na parte das condições eu estava com um pouco de duvidas, ai peguei um empurrão com seu comentário. Fiquei mais 1hr tentando arrumar a parte em que sempre que eu quiser contar novamente, apague o valor da contagem passada.
function contar(){
//VARIÁVEIS//
var ini = document.getElementById('inicio')
var fim = document.getElementById('fim')
var pul = document.getElementById('pular')
var n1 = Number(ini.value)
var n2 = Number(fim.value)
var n3 = Number(pul.value)
var res = document.getElementById('res')
//VARIÁVEIS//
//CONDIÇÃO//
if(ini.value.length == 0 || Number(fim.value) < Number(ini.value) || Number(ini.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else if(fim.value.length == 0 || Number(fim.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else if(pul.value.length == 0 || Number(pul.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else{
for(var n1; n1
Caso n tenha aprendido ainda a por o emoji, coloca assim depois do ${n1}, 👉 (tudo junto).
@@leandrosousa334 vlw
O exercício é tão importante pra mim que eu cheguei até o curso de JS aqui, pesquisando sobre exercícios de JS, pois, faço um curso dessa linguagem de programação em outra plataforma, porém, o curso que estou fazendo é bastante pobre em exercícios. Conteúdo muito bom Guanabara. Vlw msm.
Sou iniciante, e estou adorando o curso. Parabéns professor Guanabara, ótima didática!
Se eu conseguir fazer sozinho, vou ficar muito orgulhoso kkkk. Vamo que vamo
acho que vc ta igual eu comecando no mundo da programacao kkk sorte manooo!
As aulas de exercício são as mais legais!!!
concordo! da gostinho de ver os projetos feitos kkkk
A melhor parte são os exercícios. Ótimos vídeos :)
Sim! Aprendi HTML e CSS há pouco tempo, com um livro muito elogiado e muito bom, o Head First, mas a disposição do Curso em Vídeo para criar novos e diferentes exercícios constantemente é algo muito característico e especial deles! Não terminei o livro com a mesma sensação de dominar bem o básico de quando fiz outros cursos daqui.
Com exceção dos emoticons, consegui fazer os dois exercícios. Curso muito bom! Quero mais :)
uma ideia ai pra quem não sabe fazer esse select html que ele falou no vídeo, eu não sabia...
é criar uma lista
e no script fazer um looping para adicionar elementos (linhas) na lista com as contas e resultados na tabuada.
fiz 2 for, 1 no começo que remove os elementos li, feitos caso eles existam) e um outro que adiciona os elementos li com ids para eles poderem ser removidos depois caso o usuário queira mudar a tabuada que ele quer ver.
coloquei um hover no css para a lista para quando passar o mouse em cima ele destacar.
Mano eu não entendi nada do que vc escreveu😂😂
O que mais gosto nas aulas? Os exercícios
o foda é a sintaxe velho, isso ta me bugando na hora de fazer funcionar certinho.
@@Newonzz Sim, amigo, comigo aconteceu de chegar achando que os comandos fossem tipo expressões matemáticas, em que tudo pode ser trocado de lugar, e depois perceber que cada linguagem tem suas limitações neste sentido, e são muitas mesmo. Mas sempre tem jeito!
consegui fazer os 2 , o HTML pecou um pouco , pois esqueci bastante coisa , mas problemas solucionados , OBRIGADO GUANABARA
Dar uma pausa para descansar mas já volto com tudo!!!
Essas aulas de exercício estão fantásticas!!! Guanabara, estou curtindo muito esse curso. Faz uma playlist com vários exercícios de JS. Tipo aquela que tem no curso de Python.
Estou fazendo os exercícios proposto do python em JS, está funcionando. Dá para aprender muito.
@@mmmarchetti Sim é só usar a lógica e de bônus você domina mais o html/css básico
Fiquei mais de 1 hora tentando montar o esquema do início, fim, passos kkkkkkkk
Não tenho a mínima ideia de como fazer tanto o ex01 quanto o ex02 kkkkkk
nem eu mano kkkkk, sem condiçoes
nem eu
@@rian1__ EX1
HTML:
Inicio:
Fim:
Passo:
CSS:
body{
width: auto;
margin-top: 100px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #2c78be;
color: white;
}
header {
padding: 20px;
display: flex;
flex-direction: row;
background-color: #538ae2;
border-radius: 10px;
text-align: center;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
#botao{
margin-top: 10px;
padding: 10px;
text-decoration: none;
border: 2px solid black;
border-radius: 5px;
color: white;
background-color: #4285F4;
border: none;
border-radius: 2px;
font-size: 16px;
width: 90px;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 0 4px #999;
outline: none;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
#botao:hover{
text-decoration: none;
border: 2px solid black;
border-radius: 5px;
color: white;
background-color: #2b5aa5;
border: none;
border-radius: 2px;
font-size: 17px;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 0 4px #999;
outline: none;
width: 95px;
transition: all 0.2s;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
input{
width: 34px;
margin: 5px;
position: static;
}
input:hover {
width: 36px;
margin: 5px;
transition: all 0.2s;
}
#res{
margin-top: 34px;
}
JS:
function contar() {
function contando(){
inicio = document.getElementById("inicio_v")
fim = document.getElementById("fim_v")
passo = document.getElementById("passo_v")
resultado = document.getElementById("res")
i = Number(inicio.value)
f = Number(fim.value)
p = Number(passo.value)
for (c = i; c
Eu amo fazer exercicios!!
eu fiz esse segundo exercício utilizando uma aí cada célula dessa table eu acrescentei uma operação mas o layout não ficou com aquela barra lateral mas tudo bem o resto funcionou até quando a gente seleciona fica azul
Parabéns Professor, como sempre esse curso esta incrível. Estou aprendendo bastante com ele, um dos melhores canais que tem no TH-cam.
Com o seu curso e o ChatGPT, estou conseguindo fazer esse exercicio, mas notei mt dificuldade minha, então irei buscar mais exercicios para a pratica
Também tive muita dificuldade para fazer tbm
vim até essa aula pra comprovar que o guanabara sabe programar.
Mas vou até o final pra ter certeza.
assistindo no último dia do ano de 2022, não da pra esperar o novo ano pra começar a mudar de vida, tem que partir pra cima agora!!!!
Consegui resolver o primeiro exercício sem ver a resolução! :D
Parabéns! :)
Muito bom, parabéns! Obrigado e sucesso
Já fiz o primeiro, vou fazer o segundo em breve!!
Muito Obrigado por tudo Professor e Equipe!
Se você quer que esses curso tenha continuidade, pfvr, deixe o like no vídeo.
o exercício é a parte mais importante para fixar o conteúdo
Depois de quebrar a cabeça finalmente consegui , valeu Professor :)
Cara eu sou seu fã, e graças aos seus cursos eu realmente tive impulso pra pensar em realizar uns programas maiores
É lamentável ver o professor insistir pra alunos fazerem os exercícios, se não gosta de fazer exercício e praticar, meu amigo, você está no lugar errado, aqui é lugar de quem tem prazer em colocar a mão na massa.
Às vezes, a pessoa não é acostumada ao autodidatismo e já quer passar logo para a criação de códigos complexos, demorando para perceber a importância de se fazer, inclusive, exercícios iniciais que parecem muito triviais.
Mas, como você falou, se realmente queremos algo, então precisamos estar dispostos a um mínimo de sacrifício, especialmente quando já recebemos tanto na mão, como é o caso dos abençoados alunos do site.
Gente vamos dar apoio ao site curso em video tbm... e no estudonauta! La com pouco podemos apoiar este trabalho feito aqui no youtube e entao os pedidos de para esse curso intermediario e avançado podem ser realidade mais pra frente... eu sei q tem mil plataformas por ai com cursos de programação, porem explicar com a didatica que o Guanabara tem no sangue nao existe!!!
Prof Guanara é sensacional!
Melhor curso do mundoo!!!
meu primeiro exercicio ficou assim, sei q n ta top mas tamo aprendendo kk
///Html:
model
Vamos contar
Inicio:
Fim:
Passo
Preparando a contagem
© Daviddds
/*css
body{
background-color: rgb(61, 61, 199);
}
header{
text-align: center;
font:normal 15pt Arial;
color: white;
}
section{
background-color: white;
width: 500px;
margin: auto;
padding: 5px;
border-radius: 10px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.432);
}
div{
margin-top: 8px;
}
footer{
text-align: center;
font:italic;
}
///script
function contar() {
var numInicio = document.getElementById('numInicio')
var numFim = document.getElementById('numFim')
var passo1 = document.getElementById('passo')
var numIn = Number(numInicio.value)
var numF = Number(numFim.value)
var passo = Number(passo1.value)
var res = document.getElementById('res')
if(numInicio.value.length == 0){
res.innerText = 'impossivel contar'
} else if (passo == 0){
alert('passo invalido, considerando passo = 1')
var passo = 1
while(numIn
Opa sei q passou três anos, mas pq no innerText usa += ?
@@eu0713 n lembro meu mano, nem lembrava q eu tinha feito esse bagui kkk mas no vídeo deve explicar
@@davidsilva4313 tá vlw, é q eu queria fazer antes de ver o vídeo pra ver se consigo
@@eu0713 tendi meu mano, bom q tu me lembrou desses vídeos, vou voltar a estudar JS
@@davidsilva4313 ah q bom mão, se tu for voltar desejo uma boa caminhada pra vc com os códigos kaka
Professor show, valeu pelo material compartilhado!
Curso Excelente. Adorando
tabuada , simples, mas funciona.
function tabuada(){
var num = window.document.getElementById("txtnum")
var res = window.document.getElementById("tabuadares")
var numero = Number(num.value)
for(var c = 0; c
Consegui! Me embolei no final com os emojis mas no final ficou tudo idêntico!
vamo que vamooooo! Rumo a fullstack!
muito bom! podia mostrar como fazer depuração de uma aplicação que tem pagina html e javascript separados
Excelente exercício. Parabéns Guanabara!!!!
Consegui criar os 2 exercícios no js mas não consegui fazer o resultado aparecer no HTML, só no window.alert mas foi um baita aprendizado, pesquisei bastante e tentei fazer a solução de vários jeitos, agora vou ver como é a resolução...
Meu tbm so apareceu no alert :/
Não consegui fazer o segundo exercício exatamente como o professor propôs, mas tentei chegar o mais perto segundo a forma que fiz, e ficou assim:
// HTML
Atividade 17
Tabuada
Número:
Tabuada
©CursoEmVideo
//CSS
body{
background-color: aqua;
}
section{
width: 500px;
background-color: white;
min-height: 300px;
border-radius: 10px;
margin: auto;
padding: 20px;
box-shadow: 5px 5px rgba(0, 0, 0, 0.225);
}
header{
text-align: center;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
footer{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: large;
margin: 10px;
}
#gerar{
border-radius: 10px;
background-color: aquamarine;
}
#number_i{
border-radius: 10px;
background-color: rgba(81, 80, 80, 0.226);
}
#resultado{
margin-top: 30px;
background-color: rgba(81, 80, 80, 0.226);
width: 200px;
min-height: 200px;
border-radius: 10px;
text-align: center;
padding: 10px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.342);
}
// JAVASCRIPT
function gerar_tabuada() {
let tabuada = String()
let result = document.querySelector('.r_tabuada')
const numero = document.querySelector('#number_i').value
for (var num = 1 ; num
Acabei de ver aqui, você fez muito mais do que ele pediu 👏, só faltou o alert quando não se coloca nenhum número
@@amv.eterno tinha me esquecido disso no momento que comentei, mas logo tinha arrumado, só acabei não editando, mas muito obrigado pela ajuda
Valeu Guanabara! Ta rolando =-)
Depois de muito esforço consegui fazer sozinho kkkkkk tou feliz demais
finalizando os dois exercícios sem olhar os vídeos, quando tinha alguma dúvida que não conseguia descobrir perguntava a IA se existe tal coisa no Javascript que faça o que estou pensando e ela me respondia de forma direta. agora quando acontecia um bug tentava por conta própria entender, no último caso pedia ajuda ela sobre erro em especifico. acho que a tendência que no futuro seja usada como ferramenta de trabalho e aumentar nossa produtividade, até porque sempre vamos precisar buscar na documentação ou em sites tais informações que não teremos em mente no momento. importante é compreender e aprender com os erros.
🥂
Rapaz! não sei os outros, mas eu sou fissurado em exercícios, para mim não tem nada mais rápido para massificar o aprendizado! daqui não saio, daqui ninguém mim tira :)
Devo muito ao Professor Guanabara.
eu cheguei nessa aula achando que era só pra fazer os exercicios JUNTO com ele . Não tava fazendo sozinho , que anta.
eu também kkkkkkkkkkkkkkkkkkkkkk ódio. somos dois burros
Só os fortes chegaram até aqui :)
Depois de muita raiva, olheira, pessoas falando q o python é bem melhor, estamos aq
@@guilhermedutra4366 sim!!! kkkk
Guanabara melhor professor!
aaah vc é demais...
a logica eu fiz por conta propria e estou feliz por isso, mas no codigo teve erro de sintaxe, mas fiz muita coisa por conta propria.
Mas infelizmente erro é erro mas como foi pouca coisa ta execelente :)))
curso é top.
obrigado meu deus
Não sei exatamente de que ano é o curso, mas li que o Watch in Chrome não é mais desenvolvido no VSCode. Uma alternativa é a extensão Live Server.
Professor, faz um curso ensinando como fazer uma loja virtual com HTML5, CSS3 E Javascript.
Boa, Guanabara. Vamos lá fazer os exercícios!!! ;)
Se for dar uma olhada, esse exercício também serve pra fazer a tabuada
Cara por mais vídeo assim... Meuuu tava me perguntando se não ia ter atividade de casa kkkkkkkkkkkkk
Excelente curso!!
Excelente aula!
Mais uma aula
Esse foi meu resultado!!!
Muito feliz que consegui fazer até q rápido :)
function contar(){
var i = document.getElementById('itxt')
var f = document.getElementById('fimtxt')
var p = document.getElementById('passotxt')
var r = document.getElementById('res')
var ini = Number(i.value)
var fim = Number(f.value)
var passo = Number(p.value)
if(ini == '' || fim == '' || passo ==''){
window.alert("Impossível contar")
res.innerHTML = 'Impossível contar'
} else
if(ini=fim; resultado = resultado - passo){
res.innerHTML +=`${resultado}...`
}
}
}
*Primeiro exercício*
__
Contador de números
Inicio:
Fim:
Passo:
Contar
Contando:
© Curso em Video
_// JavaScript_
btn = document.getElementById('bt')
btn.addEventListener('click', function contar() {
var inicio = document.querySelector('#initial')
var fim = document.querySelector('#end')
var passo = document.querySelector('#passo')
var contando = document.getElementById('contando')
inicio = Number(inicio.value)
fim = Number(fim.value)
passo = Number(passo.value)
if (inicio < fim) {
while (inicio = fim) {
console.log(inicio)
if (inicio == fim) {
contando.innerHTML += inicio + ''
} else {
contando.innerHTML += inicio + '' + ', '
}
inicio = inicio + passo
inicio--;
}
}
})
preciso aprender a fazer esse addEventListener pois o onclick não é uma boa prática de JS
Estou amando o curso, mas acompanhar o que está escrito na tela do vídeo é muito difícil! Acho que para um próximo curso, a edição deveria melhorar nesse sentido. O Guanabara fala pra ver o vídeo no celular e fazer os testes e exercícios no computador. Nem pensar! Se alguém tiver uma dica de como dá pra melhorar isso, agradeço. No mais, bora estudo JS!
Brabo
Fiz do meu jeito antes de ver o do guanabara..
function contar() {
var resultado = window.document.getElementById("resultado")
var inicio = window.document.getElementById("txtini")
var fim = window.document.getElementById("txtfim")
var gap = window.document.getElementById("txtgap")
var ini = Number(inicio.value)
var fino = Number(fim.value)
var gaper = Number(gap.value)
for(var c = ini; c
Como vou fazer se não sei! Mas vou pesquisar ❤
não nego, estou treinando muito JS mas mesmo assim tive que ver o resultado do primeiro exercicio, logo após fiz o segundo na moleza (não fiz em formato de html, apenas em JS mostrando o console, ia demorar mto tempo pra montar o html,tava sem paciencia ALSKDJLAKSDJJKL,mas sei como funciona iz)
eu amo o Gustavo
Thanks from 2022.
#GooglePatrocinaNoix
#IntermédiarioEAvançado
Guanabara "Pesquisa na internet pra ver como usar emoji"
Internet "CTRL C + CTRL V"
Clica em "Win (Windows)" e depois em "."
Me sinto bem ainda mesmo tendo que pegar um código sobre o For no youtube e revirar ele para entender um pouco a bagunça que estava para assim inclementar em meu código. Mas felizmente, consegui concluir o ex02, o ex01 foi só com a solução mesmo. :c
Achei que estava sabendo alguma coisa, mas fiquei horas resolvendo bugs. Coisas simples como esquecer de converter o valor do input. Pratica ai negada!!!
sera que é só eu que acho as aulas de exercícios mais legais
Caprichem na validação dos dados antes de receberem os Inputs. Mesmo recebendo valores numéricos, o programa é fácilmente quebrado quando se coloca valores negativos, ou colocando ( -+ ).
Como a conta está sendo feita no Client-Side, a única coisa que travaria seria a Aba do usuário. Mas se estivesse em um server, ele travaria fácin.
@google patrocine o módulo intermediário e avançado por favor
TE AMOOOOOO GUANABARA
Consegui fazer praticamente sozinho a única coisa que não consegui de jeito nenhum foi fazer o "passo" ganha valor 1 se usuário não digita nada ou digita 0 maa to orgulhoso!! Bora ver o resultado e mata minha dúvida
Só agora percebi que, o bonequinho da abertura que sobe pra tocar na bolinha amarela, é o professor GUSTAVO!
Vai ter continuação...
Fazer ele ir de traz pra frente que foi a parte legal.