Crie Uma CALCULADORA com HTML, CSS & JavaScript
Вставка
- Опубліковано 12 вер 2024
- Neste vídeo vamos, juntos, construir uma calculadora usando HTML, CSS e JavaScript!
Este é o primeiro vídeo de uma série em que vou fazer aqui no canal, onde vamos fazer vários projetos práticos utilizando essas e outras tecnologias.
Código finalizado do projeto: github.com/fel...
--------------------------
PARTICIPE DA NOSSA COMUNIDADE NO DISCORD:
/ discord
SIGA-NOS NO INSTAGRAM:
/ byfeliperocha
RECEBA DICAS NO TELEGRAM:
t.me/dicaspara...
--------------------------
ASSISTA AOS MELHORES VÍDEOS DO CANAL:
▸CRIE UM CLONE DO TINDER COM HTML & CSS
• Crie Um Clone do TINDE...
▸CRIE UM CLONE DO SPOTIFY COM HTML & CSS
• Crie um Clone do Spoti...
▸CURSO DE HTML PARA COMPLETOS INICIANTES
• Curso de HTML Para Com...
▸CURSO DE CSS PARA COMPLETOS INICIANTES
• Curso de CSS Para Comp...
▸ CURSO DE REACT PARA COMPLETOS INICIANTES
• Curso de React Para Co...
--------------------------
REDES SOCIAIS
GitHub: github.com/fel...
Nosso site: dicasparadevs....
Cara, vc não tem noção do tanto que fiquei grilado/triste por não ter conhecido seu curso antes, aquele que fechou há poucas semanas, um de 6 meses se não me engano. Quando conheci seu curso, metodologia de ensino, acompanhamento etc, já havia comprado outros... mesmo na promo q vc fez, não deu. Mas hoje, graças a Deus, estou aprendendo bem e melhorando em busca do 1º job como júnior.
Enfim, parabéns pelo excelente trabalho, Felipe!
Deus te abençoe muito!
Forte abraço!
Opa tranquilo ? Cara vc conseguiu entrar no ramo ?
Cara que SENSACIONAL você explicando TUDO e também o que cada coisa está fazendo e como. MUITO OBRIGADO
Felipe, seu material é excelente. O que mais gostei foram a prática, a objetividade e a vontade de conhecer seu curso. Em algumas partes certos conhecimentos específicos estão disponíveies no curso que vc ministra, isso é top pra despertar a curiosidade e vontade de fazer o curso. Parabéns.
Man, tem um cara com canal na gringa com mesmo código, exatamente o mesmo código, mesma classe e funções da mesma forma, mas muito boa explicação
Muito bom. O nivel de dificuldade que eu preciso pra seguir em frente. haha
Excelente material, Felipe ensina muito fácil!!! Show.
Felipe parabéns pelo aula, voce é sensional cara, acabei de terminar o projeto
O projeto ficou ótimo, aprendi bastante e irei aprimorar usando a manipulação do teclado para usar a calculadora, obrigado!
Cara muito obrigado esse video me ajudou bastante. Que Deus te abençoe
muito boa sua didática!, estava com n duvidas em java script e como programar web, seu vídeo de um norte muito bom para mim obrigado
Que bom que ajudou!!
@@dicasparadevs poderia fazer um video ensinando git ?
Olá! Muito obrigado por esse excelente vídeo! Uma dúvida: por que você criou uma classe para a Calculadora? Pelo fato do projeto todo ser uma Calculadora, por que criar uma classe pra ela? Obrigado!
Fala felipe, faz tvideo aula de java também, é a linguagem mais utilizada, e obgd seus videos são excelentes.
Sensacional Felipe! 👏👏
obrigado, André!
Muito bom, vai criando vais coisas!!
pode deixar, Rafael!
Brabo demais!
Video muito bom! Me ajudou muito em um projeto da minha empresa!
video iradooo
Muito dahora, parabens !!!!!!
Depois de longos 3 dias consegui finalazar! Obrigada
boaaaaa!!
Parabéns pelo trabalho, você foi super didático! Uma dúvida, como faria caso quisesse que o número escrito após o operador fosse acrescentado ao seu lado e não já dar o resultado?
Entendi toda a logica e parabens pela didática gostei muito, mas nao sei por incrivel que pareça na hora q faço as contas os valores saem errado, por exemplo 20 + 3 = 5, e nao faço ideia onde está o erro ja revirei o codigo de ponta a ponta e nao achei o erro, nao tem nada no console e o restante ta fluindo mas as contas nao estão indo.
Muito obrigado por esse conteúdo incrivel!
eu que agradeço, bro!
Demorei mas cheguei! Bora trabalhar com o mestre
sensacional
Depois desse vídeo eu percebi que eu sou o famoso dev gambiarra kkkk
Felipe, uma dúvida.
Você usou classes, seria melhor aprender um pouco de Java para entender melhor os construtores e métodos de OO para melhorar o entendiomento dos códigos em JavaScript?
show, estou aprendendo javascript, html e css, gostaria de aprender criar um game de bingo para igrejas com geração de cartelas e sorteio, pode ensinar ?
Olá felipe, tudo bem? Cara só uma duvida mesmo, vi que no css você utilizou no body o background: linear-gradient(). No meu caso o background estava sendo aplicado apenas na div dos buttons, tive que utilizar um width: 100%; e height: 100vh; para que o linear-gradient funcionace na tela inteira, sabe me dizer se é o jeito correto? ou tem algo desatualizado no vscode ou no browser? agradeço desde já. Ficou daora demais a calculadora
está certo, bro! pode ficar tranquilo
Fala Felipe blz?
Comecei programar vendo teu vídeo de html para iniciantes, só uma pergunta.
Tu é formado em programação? Fez faculdade ou algum curso?
não fiz faculdade, irmão! aprendi tudo por conta própria.
Ganhou mais um seguidor. Só que não consegui por a cor verde na class operator. E não entendi o pq do . Antes(.operator) fiz tbm e não apareceu a cor
tem como baixar textura no visual studio code? se sim, de que jeito? porque meu visual studio code não é desse jeito
👍🏻👍🏻
O formato que vc fez em javascript foi MVC?
amigo o conteudo é muito bom. mas mesmo fazendo o codigo exatamente como você demonstra minha calculadora noa ficou no resuldado esperado
se poder me ajudar
gente fiz a playlist de curso dele e terminei js começando a praticar agora esse videos sao um boa iniciativa ? por favor me deem um feedback, passei 3 meses estudando HTML/CSS E GIT agora tenho confiança sobre essas linguagens e o uso do git pelo menos o basico de uma maneira solida !
simm, João! é uma ótima iniciativa, continue assim!
@@dicasparadevs obrigada Felipe e continue com os vídeos, projetos e dicas hahah
ola, em uma pasta tenho 20 arquivos de audio tipo, do 001.wav a 020.wav, pasta chamada sounds, agora quero criar arquivos textos com a sequencia de musicas em txt, em sequencia a tocar para formar musicas, (001,002,003,002,004) assim por diante, como ler esse txt e tocar os audios em sequencias ?
Eae mano blz?bom tô começando do zero na programação,oque vc me recomenda estudar de início?
Começa pelos cursos aqui do canal, irmão! Dá uma olhada na playlist que fiz para iniciantes que ela tem todos eles em ordem pra você seguir. =)
@@dicasparadevs beleza, obrigado pela dica
@@regis005 Estou há quase 1 ano na carreira de programação após migrar de área. Regis, já vi MUITOS cursos, apanhei bastante na caminhada, e posso te dizer sem dúvida alguma: se vc puder e se tiver vaga, faça o curso pago dele, acho que são 6 meses, vc não vai se arrepender porque a metodologia, a trilha e o acompanhamento dele no curso é excelente, vai clarear e muito seu caminho na programação pra conseguir trabalho mais rapidamente.
@@viniciusm.m.7822 obrigado pelas informações mano,vou dar uma olhada lá depois,qualquer coisa eu já assino o curso dele
olá, você poderia me ajudar
preciso do código fonte de uma calculadora, ela deve conter
- o programa da calculadora devera solicitar para o usuário via CMD .
- o primeiro numero
- a operação (adiçao,subtração,divisão,multiplicação,porcentagem,potenciaçao,
- o segundo numero
- após o usuário informar todos os valores acima o programa devera mostrar o resultado
- após informar o resultado o programa devera perguntar se o usuário deseja realizar outra operação
-será necessário validar os valores inseridos pelo usuário
validar se foram inseridos números inteiros ou decimais
validar se a operação escolhida existe
validar se o segundo numero da divisão não é zero
obs. para cada validação acima devera mostrar uma mensagem customizada para o usuário
preciso muito por favor....
41:49
Massa dms
valeu, Brunão!!
Boa noite gostaria de tirar um duvida.
É possivel criar um arquivo Java e o chromebook não conseguir realizar a operação?
pq hj refiz todos os passos do video cuidadosamente e mesmo assim não executou as somatorias. pra falar a verdade não aparece os numeros quando digito.
OBS: o designer esta ok e o efeitos do html e css estão ok , porem na parte do java nada aparece.
Desde já agradeço a todos pela cooperação.
como corrigir o erro de floating point? por ex 0,1 + 0,2 =0.30000000000000004
36:00
só no meu o display:grid nao funcionou??
20:29
Topp
Não aprendi alguns métodos como vc mostra.
qual esse seu tema?
Dracula Official
deu certo aqui
rapaz me ajuda.... estou com um bug
allClearButton.addEventListener("click", () => {
calculator.clear();
calculator.updateDisplay();
Olá Júlia, estou com o mesmo problema, vc conseguiu resolver? Se sim, como?
você fechou a chave e o parênteses? Pelo que digitou aí, não está fechado. });
Estou 6 meses atrasado😄 kk. Meu erro foi colocar 'querySelectorAll()' em todos, depois de muito procurar descobri que pra selecionar os botões de números e os operadores, que no caso são vários botões, tem que usar 'querySelectorAll()', todos os outros seletores são 'querySelector()' sem o 'All', quando copiei e colei não percebi esse pequeno detalhe, e o evento de click não funcionava. Agora tá limpando normal quando clica no AC.
Estamos usando o mesmo tema 😂😂😂😂😂
Alguém me socorre 😁
Na parte do css tive sucesso.
Já na parte do Java não consegui fazer nenhuma operação.
As teclas não responde não aparece os números no display nem nada. E já procurei erros e não achei. Mais fora isso achei top o tutorial.
@@tiescofernando3042 estou com o mesmo problema aqui.
@@EduardodeSouzaDudu eu fui em inspecionar e mostrou um erro na linha 28 do "If this......."
@@tiescofernando3042 resolveu?
@@EduardodeSouzaDudu pior que não, não faço nem ideia de como resolver.
Fala irmão, fiz esse projeto e aprendi muito contigo. Postei no LinkedIn mas não achei seu @ pra marcar, você tem?
27:11