Leo Vargas
Leo Vargas
  • 45
  • 155 035
Aplicativo de previsão do tempo com HTML, CSS e Javascript | PARTE 2
Aplicativo de previsão do tempo com HTML, CSS e Javascript. Faça o download dos arquivos iniciais e bora codar!
PARTE 1
ua-cam.com/video/xuar1JNnV-w/v-deo.html
Repositório github
github.com/leovargasdev/youtube-previsao-do-tempo
OpenWeather - Serviço com os dados meteorológicos
openweathermap.org/
GSAP - Biblioteca de animações
gsap.com
🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦
• Carrousel 3D com HTML, CSS e Javacript
ua-cam.com/video/uectf16wvY8/v-deo.html
• Criando o site do Mario
ua-cam.com/video/6Ok-kUrBGp8/v-deo.html
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗
discord.gg/JPS2bY6GVy
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
⮞ Twitch: www.twitch.tv/leovargasdev
⮞ Instagram: leuvargas
⮞ Twitter: leovargasdev
⮞ Github: www.github.com/leovargasdev
⮞ Linkedin: www.linkedin.com/in/leonardo-luis-de-vargas
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💻 𝗦𝗘𝗧𝗨𝗣
Notebook Dell (amzn.to/48080ra)
Tela 1: Monitor AOC(amzn.to/3NAJq8L)
Suporte Ergonômico ELG (amzn.to/3t0i1G5)
Hub USB C p/ usar na 2ª tela (amzn.to/3uI2jjs)
Webcam Logitech BRIO (amzn.to/3RDm4BP)
Microfone Blue Yeticaster (amzn.to/3sW32wW)
Teclado Redragon Varuna (amzn.to/3T8Dkji)
Mouse Logitech G300s (amzn.to/3Rtnfn4)
Mouse Pad (amzn.to/3Rtnfn4)
Estante (amzn.to/46KgVfr)
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢
00:00 Introdução
#html #appdeclima #css #tutorial
Переглядів: 387

Відео

Aplicativo de previsão do tempo com HTML, CSS e Javascript | PARTE 1
Переглядів 5752 місяці тому
Aplicativo de previsão do tempo com HTML, CSS e Javascript. Faça o download dos arquivos iniciais e bora codar! Repositório github github.com/leovargasdev/youtube-previsao-do-tempo Google drive drive.google.com/file/d/1T9YBTWAU27a7C1Jc7SXD4NrwDgAaZyb_/view?usp=sharing 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Carrousel 3D com HTML, CSS e Javacript ua-cam.com/video/uectf16wvY8/v-deo.html • Criando o site do Mario ua-...
Como criar um SLIDER CARROUSEL 3D com HTML, CSS e JavaScript
Переглядів 6762 місяці тому
Neste tutorial passo a passo, você aprenderá a criar um carrousel 3D com tigelas de smoothies ao usar HTML, CSS e Javascript. Faça o download dos arquivos iniciais: Repositório github github.com/leovargasdev/youtube-smoothie-bowl Google drive drive.google.com/file/d/1HslJ_klOjundjS8S8ki9ZnGp6P1Vusz9/view?usp=sharing 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Aprendendo CSS com a tela do Airbnb ua-cam.com/video/edTPvo...
Criando o site do Papai Noel com HTML, CSS e JavaScript
Переглядів 8896 місяців тому
Neste tutorial, vamos criar o site oficial do Papai Noel utilizando HTML, CSS e JavaScript! 🎅✨ Descubra passo a passo como desenvolvemos uma encantadora landing page que destaca a venda da misteriosa box do Papai Noel. 🎁💻 Durante o processo de construção, exploramos duas poderosas bibliotecas: AOS para animações de carregamento de página e a Particles.JS para adicionar um toque mágico com partí...
EP 9 - Salvando os dados no localStorage | Agentes do valorant
Переглядів 3857 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
EP 8 - Integração com a API do valorant | Agentes do valorant
Переглядів 3887 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
Agentes do Valorant - Parte 7: Ajustes gerais no projeto - NextJS, TypeScript e Sass
Переглядів 1457 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
Agentes do Valorant - Parte 6: Criando carousel - NextJS, TypeScript e Sass
Переглядів 2487 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
Agentes do Valorant - Parte 5: Finalizando o card do Agente - NextJS, TypeScript e Sass
Переглядів 1757 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
Agentes do Valorant - Parte 4: Criando o card do Agente - NextJS, TypeScript e Sass
Переглядів 2968 місяців тому
Não se esqueça de se inscrever e ativar as notificações para não perder nenhum episódio. Link do notion: leovargas.notion.site/Agentes-do-Valorant-7de18a5dded940fca19a59fffadb10b1?pvs=4 🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜 𝗘𝗢𝗦 • Criando um portfólio do zero ua-cam.com/play/PL4xFE_L54MBEzIuE_rS0s15IjtpaPls6X.html • Projetos de frontend para o portfólio ua-cam.com/play/PL4xFE_L54MBECBxWrdKPDMXj283e9tJ2E.html • Configur...
Agentes do Valorant - Parte 3: Estrutura do conteúdo central - NextJS, TypeScript e Sass
Переглядів 2768 місяців тому
Na terceira parte da nossa série "Agentes do Valorant", exploraremos a estrutura do conteúdo central. Abordaremos a criação do título e exploraremos a propriedade CSS "writing-mode" e como usá-la para criar layouts de texto exclusivos e atraentes. Você aprenderá como controlar a direção da escrita, o posicionamento do texto. Não se esqueça de se inscrever e ativar as notificações para não perde...
Agentes do Valorant - Parte 2: Cabeçalho da aplicação - NextJS, TypeScript e Sass
Переглядів 4348 місяців тому
Na segunda parte da nossa série "Agentes do Valorant", exploraremos a estrutura do cabeçalho da nossa aplicação, organizando o HTML e criando a estilização com o pré-processador Sass. Em seguida, daremos os primeiros passos na criação de componentes React, vamos criar o nosso componente Header, a criação de componentes é uma habilidade fundamental para a construção de interfaces dinâmicas e reu...
Agentes do Valorant - Parte 1: Estrutura Inicial do Projeto - NextJS, TypeScript e Sass
Переглядів 1,3 тис.8 місяців тому
No primeiro episódio da série "Agentes do Valorant", vamos conhecer a estrutura inicial do nosso projeto. Para o desenvolvimento dessa aplicação será usado TypeScript, Next.js (um framework React.js) e Sass. Ao longo desta série, vamos explorar cada detalhe do projeto "Agentes do Valorant" e aprender a criar um aplicativo web de qualidade. Não se esqueça de se inscrever e ativar as notificações...
Melhorias de acessibilidade e performance - Criando portfólio do ZERO - PARTE 9
Переглядів 5839 місяців тому
Na Parte 9, estamos focando em duas áreas para garantir que o seu site seja acessível e rápido para todos os visitantes. Utilizamos a ferramenta Lighthouse para avaliar as métricas de desempenho e acessibilidade do nosso site, e neste vídeo, vamos fazer melhorias significativas em nosso site de portfólio. Link do notion: leovargas.notion.site/Criando-site-de-portf-lio-do-zero-bd666ec27662400fb8...
Deploy no netlify e dicas de SEO - Criando portfólio do ZERO - PARTE 8
Переглядів 7209 місяців тому
Deploy no netlify e dicas de SEO - Criando portfólio do ZERO - PARTE 8
Animações com a biblioteca AOS - Criando portfólio do ZERO - parte 7
Переглядів 40710 місяців тому
Animações com a biblioteca AOS - Criando portfólio do ZERO - parte 7
Responsividade do projeto - Criando portfólio do ZERO - parte 6
Переглядів 47710 місяців тому
Responsividade do projeto - Criando portfólio do ZERO - parte 6
Listando os projetos via Javascript - Criando portfólio do ZERO - parte 5
Переглядів 66710 місяців тому
Listando os projetos via Javascript - Criando portfólio do ZERO - parte 5
Listagem dos projetos - Criando portfólio do ZERO - parte 4
Переглядів 57510 місяців тому
Listagem dos projetos - Criando portfólio do ZERO - parte 4
Link das redes sociais e seção sobre - Criando portfólio do ZERO - Parte 3
Переглядів 49811 місяців тому
Link das redes sociais e seção sobre - Criando portfólio do ZERO - Parte 3
Configurando o repositório e informações iniciais - Criando portfólio do ZERO - parte 2
Переглядів 65111 місяців тому
Configurando o repositório e informações iniciais - Criando portfólio do ZERO - parte 2
Estruturando o projeto - Criando portfólio do ZERO - parte 1
Переглядів 1,7 тис.11 місяців тому
Estruturando o projeto - Criando portfólio do ZERO - parte 1
Recriando o site do filme Barbie com HTML e CSS
Переглядів 1,3 тис.11 місяців тому
Recriando o site do filme Barbie com HTML e CSS
Aprenda HTML, CSS e Javascript com esse projeto do Guardiões da Galáxia!
Переглядів 6 тис.Рік тому
Aprenda HTML, CSS e Javascript com esse projeto do Guardiões da Galáxia!
Formulário com HTML e CSS + Netlify Forms
Переглядів 3,3 тис.Рік тому
Formulário com HTML e CSS Netlify Forms
Criando o site do filme Super Mario Bros com HTML e CSS
Переглядів 45 тис.Рік тому
Criando o site do filme Super Mario Bros com HTML e CSS
Aprenda a usar Repositórios Template no GITHUB
Переглядів 1,3 тис.Рік тому
Aprenda a usar Repositórios Template no GITHUB
Aprendendo CSS com a tela do Airbnb
Переглядів 1 тис.Рік тому
Aprendendo CSS com a tela do Airbnb
Domine o Menu Toggle - Aprenda HTML, CSS e JavaScript com este Tutorial
Переглядів 2 тис.Рік тому
Domine o Menu Toggle - Aprenda HTML, CSS e JavaScript com este Tutorial
Descubra como criar o efeito "Loading Spinner" com HTML, CSS e JavaScript!
Переглядів 886Рік тому
Descubra como criar o efeito "Loading Spinner" com HTML, CSS e JavaScript!

КОМЕНТАРІ

  • @ogestordetrafegopago
    @ogestordetrafegopago День тому

    *Usa o Elementor e não terá dores de cabeça*

  • @brunoalmeida7174
    @brunoalmeida7174 4 дні тому

    ficou incrivel parabens, repliquei com algumas pequenas ateracoes !

  • @wendell6295
    @wendell6295 6 днів тому

    Muito bom, Leo! Por favor volta com os conteúdos kkk, gosto demais dos seus vídeos!

  • @luccas03x
    @luccas03x 15 днів тому

    quando eu coloco o "overflow:hidden" todas as imagens somem e quando eu clico nos botões avançar e voltar não acontece nada, não sei o que eu fiz de errado meu código está exatamente igual ao seu até o minuto 12:00 que foi onde começou a dar problemas pra mim e eu acabei parando :/

  • @leandro21847
    @leandro21847 16 днів тому

    E para desinstalar tudo? deu pau, tenho que fazer do zero.

  • @sthefyz
    @sthefyz 18 днів тому

    legal

  • @Douglasramos35
    @Douglasramos35 21 день тому

    Oi leo quria saaber como usar esse projeto como base pra criar um ste de outro filme por exemplo

    • @leovargas
      @leovargas 16 днів тому

      Opa Douglas, esse projeto pode se adaptar para qualquer filme. Alguns passos: 1 - Alterar o vídeo de fundo, adicionar o trailer/teaser do filme que vc deseja. 2 - Alterar a cor destaque, que nesse caso nós usamos o vermelho. Ex: se fosse sobre o filme da Furiosa você poderia usar um amarelo/laranja 3 - Alterar as imagens 4 - Alterar o texto da descrição

  • @devmacedo
    @devmacedo 23 дні тому

    Salve, mt bom o video mano! mas me tira uma duvida? se eu alterar o template posso puxar as alterações para o projeto que usa ele?

    • @leovargas
      @leovargas 16 днів тому

      Olá, isso não é possível, pq ele só vai usar o template como estrutura inicial. O novo projeto não terá ligação com o template.

  • @michellfernandes6977
    @michellfernandes6977 23 дні тому

    queria tanto esse aquivo pra edicao, nao sei fazer tudo como ta ai

    • @leovargas
      @leovargas 16 днів тому

      Opa amigo, subi o código lá no CodePen codepen.io/leeonardovargas/pen/rNgRPxW

  • @user-dd7cq2dx6f
    @user-dd7cq2dx6f 25 днів тому

    Riot tem api pra valorant oficialmente?

    • @leovargas
      @leovargas 16 днів тому

      Olá, até onde eu sei não tem...

  • @TheThiagoleonardo
    @TheThiagoleonardo 25 днів тому

    vc deveria por uma interface com trailer uma pequena prévia do conteúdo, do jeito que a Netflix faz e por situações aleatória de conteúdo e manda pra Disney plus por no aplicativo

    • @leovargas
      @leovargas 16 днів тому

      Boaaa, posso pensar nessa melhoria e fazer um outro vídeo sobre isso

  • @beti2B
    @beti2B Місяць тому

    Que aula top!🎉

  • @LucasSan-mg7jf
    @LucasSan-mg7jf Місяць тому

    Mano voce tem o dom de ensinar

  • @maryrodrigues3422
    @maryrodrigues3422 Місяць тому

    Top Leo, obrigada pelo conteúdo, sucesso!

  • @jeanpucksz883
    @jeanpucksz883 Місяць тому

    que cara bom! Acompanhei e fiz o projeto aqui mas demorou umas 3hr KKKKKK agora pós termino falta ajustar a responsividade do menu com o javascript

    • @leovargas
      @leovargas Місяць тому

      O tempo você vai diminuindo conforme a prática, que bom que conseguiu finalizar! E obrigado pelo feedback!

  • @GabrielTkaczuk-bn2cs
    @GabrielTkaczuk-bn2cs Місяць тому

    Parabéns pelo seu trabalho

    • @leovargas
      @leovargas Місяць тому

      Muito obrigado! 🚀🚀

  • @GabrielTkaczuk-bn2cs
    @GabrielTkaczuk-bn2cs Місяць тому

    Parabéns pelo seu trabalho Vc e maja com essas coisa

  • @GabrielTkaczuk-bn2cs
    @GabrielTkaczuk-bn2cs Місяць тому

    Seu trabalho e muito bom parabéns

    • @leovargas
      @leovargas Місяць тому

      Obrigado jovem! 👊🏼

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 Місяць тому

    Boa tarde Léo, Como que eu faço pra continuar o site abaixo dele (que ele ocupe apenas como "Banner")

    • @leovargas
      @leovargas Місяць тому

      Olá Pedro, depende, você quer deixar o vídeo de fundo no site inteiro ou só na região do "banner"? Se for o vídeo só na região do banner, você vai precisar alterar o position o .bg-video para absolute e adicionar as novas tags HTML depois da div com id #app. PS: Desculpe a demora para responder...

    • @pedrovictorpossani5673
      @pedrovictorpossani5673 Місяць тому

      @@leovargas Deu certo, muito obrigado!

  • @JOTAFIRE
    @JOTAFIRE Місяць тому

    Curti essa abordagem, na qual você faz todo o HTML e depois o CSS. Você é brabo, sucesso man!

    • @leovargas
      @leovargas Місяць тому

      Obrigado! ✌🏼

  • @PereiraVini
    @PereiraVini Місяць тому

    Seria legal um vídeo sobre Scrolls para deixar o site mais interativo

    • @leovargas
      @leovargas 16 днів тому

      Isso já está no meu backlog hahahah, já tenho o projeto no figma, só falta codar :/

  • @PereiraVini
    @PereiraVini Місяць тому

    Muito bom, criei um menu desse mas não botei esse efeito na linha do meio, muito bacana, vou usar.

  • @nokami2160
    @nokami2160 Місяць тому

    Cara eu to conseguindo fazer, mas voce nao explica bem, pelo menos nao nesse video, voce n explica, voce so fala o nome das coisas e faz tudo muito rapido

    • @leovargas
      @leovargas Місяць тому

      Opa, em qual parte você ficou com mais dúvida? posso lhe ajudar!

  • @pomboskr1222
    @pomboskr1222 Місяць тому

    A qualidade da explicacao e dos projetos eh absurdo, continua assim!!!! seu canal eh mt bom

    • @leovargas
      @leovargas Місяць тому

      Muito obrigado! ✌🏼

  • @josecarlossilva8670
    @josecarlossilva8670 Місяць тому

    Cara muito bom, me salvou, ficou bem mais agradável de programar...

  • @niltondionisioguerra4453
    @niltondionisioguerra4453 2 місяці тому

    Cara, parabéns, seus vídeos são muito bons

    • @leovargas
      @leovargas Місяць тому

      Muito obrigado! ✌🏼

  • @AnielaDitzel
    @AnielaDitzel 2 місяці тому

    muito legal, Parabéns

    • @leovargas
      @leovargas Місяць тому

      Muito obrigado! ✌🏼

  • @GabrielMota-kf4xi
    @GabrielMota-kf4xi 2 місяці тому

    Video muito bom, tenho uma dúvida: Apos a customização não consigo criar pastas nem arquivos na area de trabalho, pq?

    • @allessongbrl
      @allessongbrl Місяць тому

      Eu baixei uma extensão que volta z exibir

    • @leovargas
      @leovargas 16 днів тому

      Olá, clique com o botão direito do mouse na Área de trabalho e vai nas configurações de desktop, deve haver um toggle para permitir a exibição de arquivos na área de trabalho.

  • @joaopapi1999
    @joaopapi1999 2 місяці тому

    mt bom video boa explicação +1

    • @leovargas
      @leovargas Місяць тому

      Muito obrigado! ✌🏼

  • @molinar1974
    @molinar1974 2 місяці тому

    Olá! Segui seu tutorial e no terminal a exibição ficou perfeita porém no VSCode os caracteres dos icones (ubuntu, pasta, github e brentch) ficaram bugados aparecendo um retângulo em seu lugar. Pesquisando um pouco descobri que precisava ajustar as configurações do terminal integrado do VSCode, colocando a font BitStrean terminal.integrated.fontFamily: 'BitstreamVeraSansMono Nerd Font', 'Droid Sans Mono', 'monospace'

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 2 місяці тому

    Como que eu faço pra continuar o site abaixo dele (que ele ocupe apenas como "Banner")

    • @leovargas
      @leovargas Місяць тому

      te respondi no outro comentário.

  • @BinhowGyn
    @BinhowGyn 2 місяці тому

    Show demais, manda muito bem nas explicações =) Likee

    • @leovargas
      @leovargas 2 місяці тому

      Muito obrigado!!! ✌

  • @eletropezzutti
    @eletropezzutti 2 місяці тому

    Top Leo Ficou muito bom... Já até postei no meu netlify

    • @leovargas
      @leovargas 2 місяці тому

      Tope d++++ 🚀🚀🚀🚀

  • @VitorMartini-ee5sf
    @VitorMartini-ee5sf 2 місяці тому

    Muito legal! Curti mais esse estilo com o html primeiro e depois a estilização.

    • @leovargas
      @leovargas 2 місяці тому

      Booooa, valeu pela opinião!

  • @wanderleysilva1978
    @wanderleysilva1978 2 місяці тому

    710

  • @eletropezzutti
    @eletropezzutti 2 місяці тому

    Eai Leo, cara meu primeiro codigo foi o site do Mario que voce ensinou a fazer , dai pra frente nao parei mais... Seus conteúdos e método de explicação sobre HTM, CSS e Javascript são top de mais....

    • @leovargas
      @leovargas 2 місяці тому

      Obrigadão pelo feedback!!! Que bom que está evoluindo!! 👏👏

  • @garotube13
    @garotube13 2 місяці тому

    massa vou praticar

  • @ratodorime2761
    @ratodorime2761 2 місяці тому

    Eita, mais um projeto de qualidade 🎉

    • @leovargas
      @leovargas 2 місяці тому

      Obrigado JOVEM!🤙

  • @leovargas
    @leovargas 2 місяці тому

    Salve galera, não deixe de deixar a sua opinião sobre a melhor didática ao desenvolver o código. OPÇÃO 1 - Estruturar todo o HTML e depois escrever o CSS. OPÇÃO 2 - Escrita intercalada, um pouco de HTML e depois um pouco de CSS, e assim por diante

    • @gussssssssssssssssssssssss
      @gussssssssssssssssssssssss 2 місяці тому

      ola, eu prefiro quando é a opção 1, porque posso ir vendo/imaginando os próximos passos no css

  • @marcosrealbmata
    @marcosrealbmata 2 місяці тому

    Eu buscando a parte dois, e agora vi que o video 01 acabou de ser postado 🃏

    • @leovargas
      @leovargas 2 місяці тому

      Opa, a parte 2 deve sair na segunda/terça

  • @REPLICAR_
    @REPLICAR_ 2 місяці тому

    continua assim com essa forma de fazer os projetos, aguardando parte 2

    • @leovargas
      @leovargas 2 місяці тому

      Obrigado mano! ✌

  • @ratodorime2761
    @ratodorime2761 2 місяці тому

    Muito lindo esse site, eu fiz e recomendo 🎉

    • @leovargas
      @leovargas 2 місяці тому

      Obrigado jovem!

  • @rodrigofp_
    @rodrigofp_ 2 місяці тому

    Uma duvida! Qual a diferença de listar os projetos em HTML ou em JavaScript? Obrigado, conteúdo incrível!

    • @leovargas
      @leovargas 2 місяці тому

      Opa, a principal diferença é a facilidade de dar manutenção. Ao listar via JS o código vai ficar ridiculamente menor, do que escrever todo o código em HTML na mão. E caso você precise fazer alguma alteração na estrutura das tags ou estilo, vai ser bem mais fácil. Já se fosse no HTML, levaria muito mais tempo e você não teria a certeza de ter alterado todos os elementos.

    • @rodrigofp_
      @rodrigofp_ 2 місяці тому

      @@leovargas Ahh ok entendi, muito obrigadoo!!

  • @MatheusMourao.
    @MatheusMourao. 2 місяці тому

    Excelente vídeo, muito bem explicado! Mas como eu deixo o recuo como ponto igual ao seu ? porque o meu é uma seta

    • @leovargas
      @leovargas 2 місяці тому

      Opa, o meu vscode sempre teve essa config, já veio na instalação. Tentei procurar aqui e não achei nada sobre ela.... você conseguiu alterar?

    • @MatheusMourao.
      @MatheusMourao. 2 місяці тому

      @@leovargas consegui! Eu desativei a opção "indent lines with tabs"

  • @dedeoliveira82
    @dedeoliveira82 2 місяці тому

    value apena ter assistido o video inteiro só pela dica do cursor no finalzinho, rsrsr.

  • @gedeanvidallucio7983
    @gedeanvidallucio7983 2 місяці тому

    Muito obrigado pela clara instrução no vídeo, me ajudou muito !!

  • @NegociosBheizza-qt6hx
    @NegociosBheizza-qt6hx 2 місяці тому

    Muito brutal

  • @adriel_mp4
    @adriel_mp4 2 місяці тому

    bom pra caramba o video, vim da twitch show dms

    • @leovargas
      @leovargas 2 місяці тому

      Obrigado jovem!

  • @leovargas
    @leovargas 2 місяці тому

    Olá galera, não esqueçam de comentar o que achou do projeto! :)