The latest articles on Forem by ArthurDev (@arthurdevfrontendtech). https://forem.com/arthurdevfrontendtech https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3567615%2F737cde61-11d2-4a13-820e-b7a7dcd2b7e3.png https://forem.com/arthurdevfrontendtech en ArthurDev Mon, 17 Nov 2025 14:04:58 +0000 https://forem.com/arthurdevfrontendtech/criei-um-app-de-clima-moderno-em-html-css-js-f https://forem.com/arthurdevfrontendtech/criei-um-app-de-clima-moderno-em-html-css-js-f <p>🎉 Olá, devs! Hoje quero compartilhar um projeto que fiz: um <strong>App de Clima</strong> totalmente funcional, moderno e responsivo, usando <strong>HTML, CSS e JavaScript</strong>, integrado com a <strong>API do OpenWeatherMap</strong>.</p> <h2> 🌦 Sobre o App </h2> <p>O app permite:</p> <ul> <li>Consultar o <strong>clima em qualquer cidade do mundo</strong>.</li> <li>Ver detalhes como <strong>temperatura, sensação térmica, vento, umidade, pressão, nascer/pôr do sol</strong>.</li> <li> <strong>Background dinâmico</strong> que muda conforme o clima (ensolarado, nublado, chuva, neve, etc.).</li> <li>Ícones animados para uma experiência mais interativa.</li> <li>Totalmente <strong>responsivo</strong>, funciona bem em desktop, tablet e celular.</li> <li>Busca rápida com <strong>Enter ou botão</strong>, com tratamento de erros para cidades não encontradas.</li> </ul> <h2> 💻 Tecnologias usadas </h2> <ul> <li> <strong>HTML5</strong>: Estrutura semântica e acessível.</li> <li> <strong>CSS3</strong>: Layout moderno, flexbox, media queries e animações.</li> <li> <strong>JavaScript</strong>: Consumo da API do OpenWeatherMap e manipulação dinâmica do DOM.</li> <li> <strong>OpenWeatherMap API</strong>: Dados do clima em tempo real.</li> </ul> <h2> 🔗 Links </h2> <ul> <li>Teste o app online: <a href="https://arthurdevfrontend-tech.github.io/app-de-clima/" rel="noopener noreferrer">Clima App</a> </li> </ul> javascript html css webdev