Criando um App de Previsão do tempo com HTML, CSS e JavaScript

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 281

  • @canaldevclub
    @canaldevclub  5 месяцев назад +2

    Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

    • @marciangeles
      @marciangeles 24 дня назад

      Oiii O link do gerador de background não está mais funcionando. Alguma dica?

  • @MatematicaTel
    @MatematicaTel Год назад +33

    Excelente! Até um velho de 59 anos tá aprendendo de boa aqui. Parabéns e obrigado pela excelente aula, que vou recomendar para meus alunos.

  • @LucaazNascimento
    @LucaazNascimento 9 месяцев назад +22

    Pessoal, quando tiverem com muita dificuldade pra fazer ou até insistindo que tá certinho mas não tá funcionando, descanse um pouco ou volte até mesmo no outro dia por favor. Tava com muita dificuldade no JS mas voltei no outro dia e fiquei besta do tanto que era simples e eu passando perrengue.
    Não desistem só pq não está conseguindo, agente só erra toda vez que não tenta e não pq não estava errado e isso não é pra você, se você der o próximo passo por mais pequeno que seja, você está indo adiante, está evoluindo de pouquinho mas tá indo pra frente.
    " Mas, sejam fortes e não desanimem , pois todo o esforço de vocês será recompensado " 2 Crônicas 15:7

  • @henriqueoliveira770
    @henriqueoliveira770 7 месяцев назад +2

    Parabéns, ganhou um aluno. Estudo programação a um bom tempo e não conseguia absorver tanta coisa como nessa aula!

  • @SérgioMarquesMuapaz
    @SérgioMarquesMuapaz 11 месяцев назад +7

    Eu sou de Moçambique e juro que fiquei impressionado com a sua forma de dar aulas ❤❤❤❤😍😍😊😊

    • @canaldevclub
      @canaldevclub  11 месяцев назад +1

      Valeuu

    • @SérgioMarquesMuapaz
      @SérgioMarquesMuapaz 10 месяцев назад +1

      De nada...Eu vou mudar a minha vida por causa da programação e quem sabe num dia eu chegue em Brasil ksksksksks@@canaldevclub

  • @alessandraapud5347
    @alessandraapud5347 Месяц назад

    Cara, você me salvou e muito! Nem terminei o vídeo mas já vim deixar meu comentário porque sua explicação é boa demais! Parabéns! 🎉

  • @michelzinhogeocafbatera8215
    @michelzinhogeocafbatera8215 9 месяцев назад +3

    Muito obrigado meu amigo seus vídeos nos motivam cada mais Deus te abençoe sempre em nome de Jesus 🙌🏾

  • @not-o6f
    @not-o6f 8 месяцев назад +3

    cheguei aqui achando que n saberia de nada mas vi que aprendi muito no caminho,ainda n cheguei em JavaScript ,achei complicado mas é bem interessante até.

  • @DiegoOliveira-qq4sq
    @DiegoOliveira-qq4sq Год назад +9

    Muito obrigado, Rodolfo! Você conseguiu ir codando e explicando o que estava fazendo com uma didática de fácil compreensão. Você me fez novamente querer aprender programação. Agradeço de todo meu coração. Que seu canal continue crescendo e que você tenha cada vez mais sucesso em todas as áreas da sua vida!

    • @canaldevclub
      @canaldevclub  Год назад +1

      Muito obrigado man. Fico feliz em saber, tmjj

  • @TheGabrielcps
    @TheGabrielcps 9 месяцев назад +5

    Metodologia de outro nível, é incrível aprender e se divertir com sua forma de explicar as coisas, parabéns Rodolfo e toda sua equipe!

    • @canaldevclub
      @canaldevclub  9 месяцев назад

      Ficamos felizes em saber!!

  • @thali_codigos
    @thali_codigos 10 месяцев назад +2

    Explicação super dinâmica, o tempo do video passa que a gente nem vê. Muito bom!

  • @trindade8314
    @trindade8314 Год назад +8

    Obrigado professor, graças aos seus vídeos, eu chego em casa as 19:00 e saio 22:30 depois de escrever linhas de código, nunca pensei que fosse me interessar tanto por programação quanto agora. Não vou deixar essa peteca cair, rumo ao cargo de front-end developer!

  • @PauloCesar-qo3cu
    @PauloCesar-qo3cu 9 месяцев назад +2

    🎉show de bola demais deu certinho super tranquilo, amei a aula tenho uns 3 meses que estudando seus conteúdos e já n tenho dificuldade

    • @canaldevclub
      @canaldevclub  9 месяцев назад

      Ficamos felizes em saber!!

  • @geocafcontabilidade4733
    @geocafcontabilidade4733 9 месяцев назад +2

    obrigado por tudo so te agradecer Deus abncoe sua vida

  • @ELSONWELLER
    @ELSONWELLER 25 дней назад +1

    achei top se loko ensinou como trabalhar com api nunca tinha chegado a mexer com uma api valeu cara

  • @vanessalopes2170
    @vanessalopes2170 Год назад +2

    Rodolfo , você é excelente professor , consigo entender tudo o que você explica. Obrigada pelas aulas maravilhosas !

  • @niedjalucena4626
    @niedjalucena4626 Год назад +3

    Que AULA!!! Cara, vc acaba de sanar diversas dúvidas minhas, onde a principal e pra mim a mais importante, que é montar o JS função por função. Parabéns e obrigada por compartilhar seus conhecimentos com uma ótima didática!

  • @VINICIUSCOSTASOUZA-e6l
    @VINICIUSCOSTASOUZA-e6l Месяц назад +1

    Muito obrigado pela aula, aprendi bastante e finalmente fiz uma API. Gratidão ^^

  • @smouldyz6717
    @smouldyz6717 Год назад +3

    simplesmente incrivel, conheci o seu canal essa semana, e não consigo parar de assistir as aulas, estava até agora nesse vídeo, e deu tudo certinho nesse projeto, você tem uma boa didática , consegue explicar de uma forma que mesmo quem não conheça o assunto, vai entender. Obrigada por isso, por todos os videos do canal, nota mil

  • @granacomaweb
    @granacomaweb 4 месяца назад +3

    Fica a dica do sinal de exclamação "!" + o enter no início da página HTML para criar o cabeçalho do HTML

  • @Traverfps
    @Traverfps Год назад +6

    simplesmente sensacional a aula, o que aprendi aqui não aprendi em 1 semestre inteiro da faculdade. parabens pelo video e pela didatica.

  • @raelbmb
    @raelbmb 8 месяцев назад +2

    Parabéns pelo seu conteúdo meu amigo, tem me ajudado muito a conseguir evoluir no meu aprendizado de programação, conteúdo claro e bem explicado 👏👏👏👏👏👏👏👏👏

  • @lilmoon8726
    @lilmoon8726 Год назад +2

    gostei da aula, depois de um certo tempo entendi a logica aplicada e consegui fazer sozinho sem acompanhar também...

  • @gedeonkashomona6112
    @gedeonkashomona6112 7 месяцев назад +2

    Adorei demais, já tenho alguns conceito de HTML+JS+CSS, só que API era ainda meio embaçado pra mim. com a implementação com API foi uma experiência muito boa pra mim. A explicação do Async e Await foi muito bem explicado agora sei o que cada um deles faz. Parabéns pela didática, e pfvr faz mais desse com REACJS e Vite com algum projeto legal parecido

  • @AndersonGomes-zs6mg
    @AndersonGomes-zs6mg 2 месяца назад +1

    Bem didático e facil de aprender, boa aula

  • @clarastatus
    @clarastatus Год назад +8

    Terminei de assistir, adorei. Já quero muito chegar em Javascript e quebrar a cabeça nessas conexões de função puxando class que sei que vou me enrolar toda mas acho gostosinho quebrar a cabeça com isso kkk ainda mais quando chega no resultado certo o pulo de alegria vem espontâneo já haha.

  • @PedroHenrique-pp6ur
    @PedroHenrique-pp6ur Год назад +1

    muito obrigado por ensina o uso de API esta em busca desse conhecimento!

  • @wherlenjunior2096
    @wherlenjunior2096 4 месяца назад +3

    Esse é o verdadeiro pulo do gato pra quem tá começando

  • @tjunior331
    @tjunior331 5 месяцев назад +2

    Cara eu abro o celular td dia e vejo a previsão do tempo na tela, n imaginava q seria algo n complexo um simples local de interação no celular! Estou estudando programação e to achando incrivel ver como as coisas funcionam por trás das cortinas! +1 incrito

    • @canaldevclub
      @canaldevclub  5 месяцев назад

      Booa, isso ai, bora pra cima

  • @Itau_D
    @Itau_D Год назад +4

    Passando pra agradecer ao Rodolfo e a equipe, dele, por trazer conteúdos como esse tão valiosos. Estou em começo de transição sou Assistente adm e rodo de app durante a noite, tenho tentado e aprendido um pouco sobre programação com seus videos. Consegui comprar meu notebook e infelizmente o financeiro não permitiu fazer adesão do curso. Mas desde de já eu agradeço permitir que desfrutemos de conteúdos tão ricos de programação. Abraço

  • @reuelsiIva
    @reuelsiIva 5 месяцев назад +2

    Uma sugestão para aprimorar é ao carregar a página já exibir uma informação dinâmica de clima de uma cidade usando uma API que pega nomes aleatórios de cidades

  • @williammartins4248
    @williammartins4248 4 месяца назад +2

    top rodolfo voce é uma inspiração para mim que estou começando

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Fico feliz em saber mano, tmjj

  • @brxzjunior
    @brxzjunior Год назад +1

    Simplesmente incrível! Muito obrigado por abrir mais minha mente! Estou fazendo a aula e colocando em prática meus conhecimentos, com certeza vai pro portifólio!

  • @thiagolaureano9566
    @thiagolaureano9566 Год назад +1

    Que isso! Que aula perfeita!!! Conteúdo excelente, muito bem explicado e detalhado! Ganhou mais um inscrito! Conheci seu canal através da aula de lista de tarefas com Javascript que também é maravilhosa e super indico. Meus parabéns pela didática e obrigado por nos disponibilizar esses conteúdos. OBS: Passou despercebido no vídeo e caso alguem tenha dúvida, para manter a palavra Umidade antes da porcentagem basta colocar o código dessa maneira: document.querySelector(".umidade").innerHTML = "Umidade: " + dados.main.humidity + "%"

  • @haristydes1166
    @haristydes1166 Год назад +6

    Caminhos de arquivo
    Para fazer arquivos conversarem entre si, você tem que fornecer um caminho de arquivo entre eles - basicamente uma rota para que um arquivo saiba onde o outro está.

  • @marciocarvalho123
    @marciocarvalho123 Год назад +14

    Rodolfo, faz um vídeo falando como era a sua rotina quando trabalhava no banco, como por exemplo qual tarefa vc fazia, como fazia etc…Tmj🤜🏻🤛🏻

  • @laudodavid
    @laudodavid 2 месяца назад +1

    Muito obrigado

  • @michellesa8949
    @michellesa8949 Месяц назад

    Eu acabei! Eu amei sua didatica,incrivel ,ja sou sua fã

  • @thiagocainelli_
    @thiagocainelli_ Год назад +7

    Você é incrível Rodolfo, obrigado pela aula!

  • @viniciusdebiasi670
    @viniciusdebiasi670 Год назад +1

    Like no vídeo mano, super intuitivo a colocação dos nomes/apelidos nas funções e classes! Por mais professores como você!

  • @igorluyz_
    @igorluyz_ Год назад

    Projeto sensacional, alinhada com uma didática mestre. Parabéns. Brabo demais

  • @JhonatanLemes
    @JhonatanLemes Год назад +2

    Muito boa aula, ganhou mais um inscrito, já estou correndo pra ver seus outros videos.

  • @profetawashington
    @profetawashington 8 месяцев назад +3

    Show de bola, muito bom.

    • @canaldevclub
      @canaldevclub  8 месяцев назад +1

      🚀🚀

    • @profetawashington
      @profetawashington 8 месяцев назад +1

      @@canaldevclub Sou seu fã Nº1, se possível me mandar um meio de entrar em contato contigo.

  • @renantgb23
    @renantgb23 Год назад +2

    Para fazer a "bolinha" do grau Celsius é só segurar Alt e digitar no teclado 248...
    °C

  • @thiagofidelis9515
    @thiagofidelis9515 Год назад +1

    rodolfo gostei muito desse projeto, muto legal a parte de js

  • @matheus_garmatz
    @matheus_garmatz Год назад +1

    Boa, fui PM em uma das squads que o Rodolfo trabalhou no Santander e o cara já era monstro demais! To curtindo o conteúdo mesmo não sendo DEV

    • @canaldevclub
      @canaldevclub  Год назад

      E aí Matheus ? Beleza ?Quanto tempo man, depois me da um salve lá no insta!

  • @misaelsapiente4124
    @misaelsapiente4124 Год назад +2

    UUma boa aula! 55 minutos da miha vida bem gastos!

  • @liuzz01
    @liuzz01 4 месяца назад +1

    você é muito fodaaa, mt obrigado por essa aula

  • @herbesonqueiroz9049
    @herbesonqueiroz9049 Год назад +1

    amo esses vídeos de projetos reais.

  • @clarcvasconcelos6212
    @clarcvasconcelos6212 11 месяцев назад +2

    muito bom, bem explicativo, se garante demais!

  • @Gustajeri
    @Gustajeri Год назад +2

    simplesmente incrível professor, todo sucesso do mundo pra você!

  • @investindoemativos8690
    @investindoemativos8690 5 месяцев назад +2

    Com essa aula eu fiquei foi nublado 🌥️

  • @MrEveraldo1970
    @MrEveraldo1970 Год назад +1

    muito bom , meu camarada! Muito obrigado pela aula excelente!

  • @seguindoeaprendendo
    @seguindoeaprendendo 6 месяцев назад +2

    que aula top 👏👏👏

  • @clarastatus
    @clarastatus Год назад +1

    Opa, tava estudando css no DevClub , e chegou a notificação. Já vim conferir haha.
    Abraço. Ass: Maria Clara

  • @RONALDO362009
    @RONALDO362009 Год назад +2

    Parabéns pelo excelente trabalho. Show de bola!

  • @andreguimaraes329
    @andreguimaraes329 Год назад +4

    Aula muito top! Parabéns, Rodolfo!

  • @vitorrrrrrrrrrrrable
    @vitorrrrrrrrrrrrable Год назад +2

    Simplesmente SENSACIONAL

  • @LuizRicardo-sj5ks
    @LuizRicardo-sj5ks Год назад +1

    Muito massa Rodolfo, continue com esses videos !!!.

  • @alexandreparanhos598
    @alexandreparanhos598 Год назад +1

    Esse video abriu meu cérebro. Contratei um serviço do governo federal TI para minha empresa e jamais esperava que viria essa tal de APIs. Fica perdido. Agora entendi que preciso desenvolver um software/site e integrar as APIs😂😢😅
    Estou com a faca e queijo na mão....me aguardem 😊

  • @EstevenyDacosta
    @EstevenyDacosta 4 месяца назад +1

    Show de bola mano

  • @leonardolfc24
    @leonardolfc24 2 месяца назад +1

    Boom Demais!

  • @edilsonjunior2328
    @edilsonjunior2328 Год назад

    Grande aula, mestre Rodolfo...o cara que está conseguindo fazer com que eu aprenda programação, vários conceitos de html, css e até mesmo JS estou conseguindo aprender graças a sua didática. Professor Rodolfo, cheguei a dar uma melhorada no código, que você fez, acrescentando velocidade do vento, temp máx e mínima. Mas, tentei ver uma maneira de linkar as bandeiras dos países, tentei ver algum código para consumo de API para fazer isso e não achei. Haveria alguma maneira de fazer isso? Se sim, qual seria o caminha mais simples? Obrigado e parabéns pela sua didática.

    • @canaldevclub
      @canaldevclub  Год назад +1

      Edilson, blz ? Agora você me pegou, porque faz um tempinho que fiz esse projeto, não lembro o que a API retorna, vou dar uma olhada e te falo!

    • @edilsonjunior2328
      @edilsonjunior2328 Год назад

      @@canaldevclub perfeito Rodolfo, fico no aguardo. Obrigado e um ótimo final de semana!

  • @philipfortuna2672
    @philipfortuna2672 10 месяцев назад +2

    Muito bom, parabéns pelo trabalho. Só fiquei com uma dúvdida que não conseguir resolver, o background da imagem do URL deixou a foto repetindo e não conseguir corrigir

    • @canaldevclub
      @canaldevclub  10 месяцев назад +1

      Pode colocar um background-repeat: no-repeat;

    • @philipfortuna2672
      @philipfortuna2672 10 месяцев назад

      @@canaldevclub obrigado por responder, tinha colocado o background size 100% e funcionou! Gostei muito do projeto.

  • @iurisantos1698
    @iurisantos1698 Год назад

    Top demais sua didática

  • @GuilhermeOliveiradosSantos0419
    @GuilhermeOliveiradosSantos0419 Год назад +2

    Adorei, super intuitivo, so ficou uma duvida, quando a informação é "Ceu limpo" o icone fica cinza e nao aparece o certo que seria o Sol

    • @canaldevclub
      @canaldevclub  Год назад

      Estranho. A API deve estar mandando os dados errados!

    • @DanFelix-mb9zp
      @DanFelix-mb9zp Год назад

      bom dia, tive mesmo erro, conseguiu corrigir?

  • @leonardovitor9733
    @leonardovitor9733 Год назад +2

    Didática excelente, muito bom Rodolfo!!

  • @largatixacomalgumacoisaent5547
    @largatixacomalgumacoisaent5547 Год назад +2

    Muito parabéns man, por mais vídeos iguais a esse

  • @Elnegon2022
    @Elnegon2022 Год назад +2

    boa mano, parabéns !
    seria muito massa vc criar uma playlist e fazer projetos curtos com vídeos que ensinam em sequência

  • @mateusjaquesbasilio1868
    @mateusjaquesbasilio1868 2 месяца назад

    Fala Rodolfo, conteúdo maravilho! Rodolfo, o link do background não está mais disponível, fica dando erro quando tento acessar, tem mais algum que você possa me indicar nesse estilo que muda a imagem toda vez que tem um novo acesso?

  • @nextooficial
    @nextooficial Год назад +1

    Show, cai de nos seus vídeos e estou gostando muito, estou começando no mundo da programação mais ainda estou confuso mais os seus vídeos me deu uma grande visão, me interessei pela área por necessidade otimização de funções na minha área, já deixa uma sugestão de vídeo integração com Erp via api!

    • @canaldevclub
      @canaldevclub  Год назад

      Vaaleu Thales, tmj...Precisar de ajuda me chama lá no insta!

  • @eusouregislima
    @eusouregislima Год назад +1

    Essa aplicação é muito top

  • @ericsilva7879
    @ericsilva7879 9 месяцев назад +2

    Excelente conteúdo!!!

  • @DGCORTE
    @DGCORTE Год назад +1

    Vc e foda d mai

  • @ThiagoSilva-qw4mo
    @ThiagoSilva-qw4mo 6 месяцев назад +2

    Que video perfeitooo

  • @LucasGabriel-xr5bj
    @LucasGabriel-xr5bj Год назад +1

    Gostaria de ver uma pokedex, sei que outras pessoas ja fizeram, mas queria ver um video seu sobre. tu é muito foda

  • @andersongomesanderson7960
    @andersongomesanderson7960 9 месяцев назад +2

    "Só pra deixar claro, eu gosto de por tudo em inglês!" kkkkk '-'

  • @andrek9999
    @andrek9999 Год назад

    Melzinho na chupeta foi fod# kkkk 30:30

  • @nandohanauer6611
    @nandohanauer6611 2 месяца назад +1

    O linck para buscar as fotos de fundo das cidades e paisagem no CSS expirou. Tem outro linck para substituir?

  • @ricardo.o.matias
    @ricardo.o.matias 3 месяца назад +2

    O link das imagens está quebrado, poderia mandar outro?

  • @ribafs
    @ribafs 3 месяца назад +1

    Muito bom

  • @RonaldoLucrosOnline
    @RonaldoLucrosOnline Год назад

    Brabo 🚀🚀🚀 Concluído com sucesso !!!🎯

  • @fernando1233789
    @fernando1233789 2 месяца назад +1

    Boa noite , na parte de colocar onclick no Button não está indo , está dando que a variável não foi definids

  • @niloelias6877
    @niloelias6877 6 месяцев назад +2

    Alguem sabe como resolve esse problema aqui? Uncaught ReferenceError: cliqueiNoBotao is not defined at HTMLButtonElement.onclick (Index.html:19:59)

    • @canaldevclub
      @canaldevclub  5 месяцев назад +1

      Chama no insta que eu te ajudo!

  • @rodrigorodrigues-uu2qn
    @rodrigorodrigues-uu2qn Год назад +1

    Rodolfo vc e o melhor

  • @moura599
    @moura599 5 месяцев назад +2

    alguém sabe pq quando eu coloco a parte de Css não altera nada no Live server ? margem, tamanha , centralizar absolutamente nada altera

  • @rogermorais2756
    @rogermorais2756 Год назад +4

    as imagens não ficaram passando.

    • @canaldevclub
      @canaldevclub  Год назад

      Me chama no insta q eu te ajudo

    • @3APPutil
      @3APPutil 4 месяца назад +2

      Sim o link das imagens tá 404error

  • @diogogustavocidresdelimasi6649
    @diogogustavocidresdelimasi6649 24 дня назад +1

    As informações não aparece para mim as do console log , alguém sabe dizer o que seja, por que nem no vscode apresenta erro

    • @canaldevclub
      @canaldevclub  21 день назад

      Veja a conexão do HTML com o JavaScript

  • @edlageano
    @edlageano 8 дней назад

    No console deu erro 401(segundo o copilot,a chave está errada)gerei a chave no site,e mesmo assim deu erro.

  • @felipeferraz-ns6tt
    @felipeferraz-ns6tt Год назад +1

    boa noite

  • @gabriel_assis2702
    @gabriel_assis2702 Год назад +1

    Obrigado pela explicação, segui o passo a passo e deu tudo certo. Porém, não estou conseguindo acessar esse endereço do site pelo celular, sabe dizer se tem como?

  • @robertocordeiro1339
    @robertocordeiro1339 Год назад +2

    Como sempre, o melhor conteúdo🎉

  • @UPerfil1
    @UPerfil1 Год назад

    Sensacional Mori, parabens!!!

  • @daniellima8704
    @daniellima8704 11 месяцев назад +2

    Eu criei a temperatura mínima, passei os parâmetros e mesmo assim, em algumas cidades, o min e máx estão iguais. Pode ser algum problema na api?

    • @canaldevclub
      @canaldevclub  10 месяцев назад

      Tenta dar um console.log pra ver o que está vindo da api

  • @laudelinasantos5517
    @laudelinasantos5517 Год назад +1

    Top

  • @luziasilva661
    @luziasilva661 Год назад +1

    Muito bom ! Pena que nos 45 do segundo tempo o meu deu bug e nao vou mais bater cabeça com isso .

    • @canaldevclub
      @canaldevclub  Год назад +1

      Qualquer coisa, me chama no insta!

    • @luziasilva661
      @luziasilva661 Год назад

      Bati tanto a cabeça tentando entender e consegui fazer ficou excelente! 🎉

  • @guilhermemacedo9587
    @guilhermemacedo9587 Год назад +1

    Muito bom!!!

  • @DaniloGentili-rl5bq
    @DaniloGentili-rl5bq Год назад +1

    Muito bom

  • @JailsonDev
    @JailsonDev Год назад

    Rodolfo, eu fiz o meu com o sass, depois da uma olhada ai, e outra pergunta, se eu manda pra o git hub, com a chave key da api, não pode ne? faltou a url da imagem de background image, que fica repetindo.

    • @canaldevclub
      @canaldevclub  Год назад +1

      Poder pode, não é um app super secreto.

    • @JailsonDev
      @JailsonDev Год назад

      @@canaldevclub acho que falta um tratamento de erro, pq tem vez que dá undefanid

  •  Год назад +1

    Boa noite gente alguém sabe dizer pq o link do background img , não tá mudando de imagem ???