The latest articles on DEV Community by lok (@lok_3782107ef55613a8599bd). https://dev.to/lok_3782107ef55613a8599bd 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%2F3699124%2F8a4e8be9-547a-4fe4-921b-a2a4560b0eb5.jpg https://dev.to/lok_3782107ef55613a8599bd en lok Wed, 07 Jan 2026 19:18:16 +0000 https://dev.to/lok_3782107ef55613a8599bd/criei-um-site-de-mangas-simples-com-js-puro-para-estudar-integracao-de-apis-3bnm https://dev.to/lok_3782107ef55613a8599bd/criei-um-site-de-mangas-simples-com-js-puro-para-estudar-integracao-de-apis-3bnm <p>Fala pessoal! No último fim de semana decidi colocar em prática meus estudos de integração de APIs e manipulação de DOM.</p> <p>Desenvolvi um leitor de mangás simples usando HTML, CSS e JavaScript puro (sem frameworks para entender melhor o fluxo dos dados).</p> <p>O que aprendi/usei:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Fetch API para lidar com as requisições assíncronas do MangaDex. Manipulação dinâmica de elementos para exibir as capas e capítulos. CSS Grid e Flexbox para deixar o layout responsivo. </code></pre> </div> <p>Sei que a API deles tem suas limitações (especialmente na entrega das imagens), mas foi um ótimo exercício de lógica. Quem quiser dar uma olhada no código ou testar o site, os links estão abaixo!</p> <p>Repo: <a href="https://github.com/iamlokcode/mangared" rel="noopener noreferrer">https://github.com/iamlokcode/mangared</a><br> Live Demo: <a href="https://mangared.netlify.app/" rel="noopener noreferrer">https://mangared.netlify.app/</a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcywmxepb52vy7mkmups1.PNG" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcywmxepb52vy7mkmups1.PNG" alt=" " width="800" height="368"></a></p> javascript webdev estudos programming