Desenvolvendo uma aplicação de CLIMA com HTML, CSS e JavaScript | Integração com a API OpenWeather

Подписаться 20 тыс.

Просмотров 5 тыс.

50% 1

Olá, pessoal!
Neste vídeo, vou te mostrar como utilizar uma API de clima (OpenWeather) usando JavaScript. Além disso, iremos conhecer alguns conceitos de CSS, como flexbox e grid.
Api usada no vídeo:
openweathermap.org/current
Repositório com o código:
github.com/Larissakich/weathe...
Redes sociais:
LinkedIn: / larissakich
Instagram: @lariikich
E-mail:
larissakich04@gmail.com
Tema do VSCode:
Omni Owl
Capítulos:
00:00 - Introdução
00:55 - Criação do projeto
02:15 - HTML
10:20 - CSS
22:16 - JavaScript

Наука

Опубликовано:

9 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 43

@guitechbr 27 дней назад

Ótima explicação e didática Larissa. Sou professor e youtuber, só que com foco em lógica de programação e sintaxe da linguagem, também e sempre estou em buscar de novos aprendizados, até para poder compartilhar conhecimento. Tenho um pouco de dificuldades, ainda, na questão de montar uma página com um layout bacana e através dos seus vídeos estou quebrando essa barreira de dificuldade. Por isso te parabenizo pelas aulas e didática e nunca desista de ensinar

@rhuanribeiro5428 4 месяца назад

tive muitos problemas por não usar o encodeURI, ainda bem que achei seu vídeo. Muito obrigado!

@fabricioitajuba 22 дня назад

Muito bom!!!!! parabéns!!!!

@wxsleyb 2 месяца назад

projeto mt fofo lari, parabéns

@Albert_Su 4 месяца назад

Aula sensacionoal, parabens!!!

@PauloHenriqueMusicphm 4 месяца назад

Excelente conteúdo! Esse é o segundo projeto que faço através de seu canal. Parabéns pela didática! 👏❣

@PauloSantos-yc2fx 4 месяца назад

Adorei o vídeo! Explicou a lógica do funcionamento de cada coisa na aplicação de madeira que facilitou o entendimento

@larissakich 4 месяца назад

Muita obrigada! Fico feliz em poder ajudar 😀

@human_oficial 4 месяца назад

Muito obrigada pelo vídeo, ótima explicação!

@larissakich 4 месяца назад

Eu quem agradeço ☺️

@jvsouza-hv3vg 2 месяца назад

Parabéns, top !!!

@aarosanunes 2 месяца назад

o vídeo está bom mas existem pontos bem confusos, parece que o vídeo foi cortado partes, que pequenas fossem, acho que iria acrescentar, partes do código não batem e o código simplesmente deixa de ser um todo e viram apenas partes soltas, quando executando não funciona mas foi um dos melhores vídeos que encontrei entre diversos.

@marianagoncalves6833 4 месяца назад

Parabéns pelo vídeo, me ajudou muito!

@larissakich 4 месяца назад

Muitooo obrigada ❤️

@apaolaoliveiraa 4 месяца назад

Te conheci pelo LinkedIn e adoro os seu vídeos :) Uma sugestão seria adicionar mais tags semânticas no HTML, como transformar a div #weather em main, as divs #temp e #other-infos em sections e adicionar alguns aria-labels como no input e button. Assim melhoraria a estrutura do código e o deixaria mais acessível! bjs

@larissakich 4 месяца назад

Oii, muito obrigada pela dica 😊

@leiturando2100 4 месяца назад

Consegui aprender muito, vídeo muito bom

@larissakich 4 месяца назад

Fico muito feliz em ler isso 😁

@douglas2085 3 месяца назад

Eu estou terminando a trilha de Java e não fazia ideia de como se consumia um endpoint de api... Vc me deu uma luz imensa.. obrigado

@erycfreire3294 4 месяца назад

Obrigado, me ajudou muito!👍🏽💪🏽

@larissakich 4 месяца назад

Eu quem agradeço, fico feliz em ajudar 😊

@FredsonNascimentoSousa 4 месяца назад

Excelente!

@larissakich 4 месяца назад

Muito obrigada!😊

@wnolau 3 месяца назад

Larissa, como faço pra abrir o index direto em determinada cidade, sem a caixa de seleção? É complicado?

@pliniomarcos4922 2 месяца назад

você é PIK4 !! AM31

@wnolau 3 месяца назад

Estou tentando usar o codigo mesmo sem saber quase nada de programação. Eu removi todas as instruções no input, preciso q a pagina inicia já vá direto para uma determinada cidade sem a caixa de formulário. Alguem pode dar alguma dica?

@luizpaulo2537 4 месяца назад

não funcionou o grau Celsius, o que poderia ser?

@misaelsapiente4124 4 месяца назад

🤝🤝🤝🤝🤝

@larissakich 4 месяца назад

☺

@leandroperdona7691 3 месяца назад

Olá Larisa muito obrigado pelo vídeo ! Te mandei um e-mail depois se possível de uma olhada, obrigado!

@scoottzn 4 месяца назад

Aprendi muito! Mas umas cidades fica dando conflito por nao informar o estado, teria como fazer isso por essa API? Nao consegui encontrar.

@larissakich 4 месяца назад

Oii, você pode informar na URL o parâmetro de estado, se não me engano é separado por "," na hora de pesquisar, você consegue ver isso nesse link: openweathermap.org/current Na parte de "Parameters" lá no parâmetro "p" tem uma explicação de como funciona

@italodamasceno6626 4 месяца назад

unica coisa que nao conseguir fazer foi colocar os icones

@GabrielandreR 4 месяца назад

qual a configuração de seu pc lari ?

@larissakich 4 месяца назад

Oii, é um Lenovo IdeaPad s145, Intel(R) Core(TM) i7-8565U, SSD de 512 GB, 8 GB de RAM

@sodeolho959 4 месяца назад

Eu gostei muito do vídeo parabéns 👏👏 Estou começando a entrar na área de Front end agora e estou acompanhando muito seu canal e gostando ❤. Eu queria saber como foi sua rotina para estudar a programação e suas duvidas no começo da programação, como estou começando por agora estou cheia de duvidas 🤣 tbm.

@larissakich 4 месяца назад

Muito obrigada!! Espero conseguir te ajudar nessa jornada ☺️ bons estudos

@lucianogoncalves6596 4 месяца назад

Olá Lari, tudo bem ? oq acha de inseri uma vinheta de abertura nos seus vídeos como exemplo da Rafaella Ballerini, caso tenha interrese eu faço pra vc no 0800!

@lucianogoncalves6596 4 месяца назад

Estou aprendendo a programar e vc e umas das pessoas que esta ajudando muito nesse meu progresso, e quero muito retribuir essa contribuição!

@larissakich 4 месяца назад

Oii, muito obrigada!! Fico muito feliz em podendo te ajudar nesse precesso. Me manda um email para larissakich04@gmail.com que consigo te responder certinho por lá

@lucianogoncalves6596 4 месяца назад

mandei um e-mail pra você, caso tenha interesse!