Prodígio Dev
Prodígio Dev
  • 6
  • 29 956
Como fazer uma LANDING PAGE simples e dinâmica com JavaScript.
Fala pessoal, nesse vídeo venho a passar um projeto simples e muito útil. Basicamente criamos uma Landing Page que pode ser usada para qualquer tipo de produto ou nicho.
Logo abaixo estará o link do repositório do GitHub:
github.com/EmanuelNogueira/Landing_page/tree/main
Eu agraço a todos pelo apoio.
Espero que vocês tenham gostado do vídeo! ❤
Qualquer contato comigo, pode entrar pelo meu Instagram:
prodigiodev
Переглядів: 290

Відео

Como fazer um CARROSSEL em JAVASCRIPT | SLIDER automático
Переглядів 9 тис.Рік тому
Fala Galera, trouxe esse projeto com intuito de mostrar o quão básico e fácil é deixar um carrossel em nosso projeto, utilizamos conceitos e lógicas simples para melhor ao seu entendimento. Logo abaixo estará o link do repositório do GitHub: github.com/EmanuelNogueira/Slider-em-JS Eu agraço a todos pelo apoio. Desculpem a minha didática, prometo que vou melhorar! ❤ Qualquer contato comigo, pode...
Como criar um SITE DO ZERO utilizando apenas HTML e CSS | Projeto para iniciantes
Переглядів 737Рік тому
Fala Galera, esse projeto foi feito com intuito de mostrar a vocês que não é tão complicado fazer uma cópia simples ou parecida de um site, pude trazer bastante conhecimento para vocês realizarem sites mais complexos e com isso fazer do projeto um portfólio. Logo abaixo estará o link do repositório do GitHub: github.com/EmanuelNogueira/Pagina-Spotify Eu agraço a todos pelo apoio. Desculpem a mi...
Como criar uma CALCULADORA BÁSICA com apenas JAVASCRIPT, HTML e CSS | JAVASCRIPT para iniciantes
Переглядів 9 тис.2 роки тому
Fala Galera, basicamente esse projeto foi desenvolvido com foco em funções do Javascript, para uma melhor fixação do conteúdo em si. Aproveitem o código para aprender mais um pouco de HTML e CSS também. Logo abaixo os arquivos estão disponíveis para Download no nosso GitHub: github.com/EmanuelNogueira/Calculadora- Eu agraço a todos pelo apoio. Desculpem a minha didática, prometo que vou melhora...
Como aprender HTML em 30 minutos | HTML Básico
Переглядів 3342 роки тому
Fala galera, estou repassando um conhecimento sobre HTML para vocês onde usamos as tags básicas, suficiente para começar a criar um projeto. Logo estarei passando novas tags que também são muito úteis. Caso vocês venham a querer descobrir mais tags ou até mesmo querer esse documento mostrado no vídeo, o link estará logo abaixo para Download no nosso GitHub: github.com/EmanuelNogueira/HTML_Conce...
Como criar um JOGO simples do SONIC com apenas HTML, CSS e JAVACRIPT | JAVASCRIPT para iniciantes
Переглядів 11 тис.2 роки тому
Fala galera, essa código feito com JavaScript faz com que a verificação em nossa estrutura condicional foque quando o elemento "Sonic" não pular em certo limite de altura, e quando o elemento "Eggman" enconstar, é necessário que haja uma paralisação dos elementos e uma mudança de fundo para o "Game Over". Logo abaixo os arquivos estão disponíveis para Download no nosso GitHub: github.com/Emanue...

КОМЕНТАРІ

  • @marciliocruz9202
    @marciliocruz9202 3 місяці тому

    Muito obrigado pelo vídeo.

  • @ianbarddal7294
    @ianbarddal7294 3 місяці тому

    Muito bom, mano! Fácil e bem rápido!

  • @beeatgamer
    @beeatgamer 4 місяці тому

    Muito bom, mas como faz pra ele não "voltar" pra primeira imagem, pra continuar girando pro mesmo sentido? Como se apenas repetisse mesmo as fotos em looping?

  • @waltersantos7717
    @waltersantos7717 4 місяці тому

    você mais um inscrito! vc tirou algumas duvidas que eu tinha! obrigado e continue

  • @leoz14
    @leoz14 6 місяців тому

    Valeu, vai ajudar dms

  • @denilsonazevedo4560
    @denilsonazevedo4560 6 місяців тому

    Muito bom!

  • @chamanagrandemotorista
    @chamanagrandemotorista 7 місяців тому

    Top, Top, Top, Top... Me ajudou muito irmão Parabens!

  • @globallivebrasil3787
    @globallivebrasil3787 7 місяців тому

    Valeu,

  • @evanilsonp.9900
    @evanilsonp.9900 9 місяців тому

    Cara eu sou backend. Sofro demais com css 😂 Gosto dos meus projetos bonitos e nao quero gastar meu tenpo aprendendo Bootstrap.

    • @prodigiodev
      @prodigiodev 9 місяців тому

      Bootstrap as vezes deixa a desejar e é limitado 😂

    • @evanilsonp.9900
      @evanilsonp.9900 8 місяців тому

      @@prodigiodev Aprendi sobre tailwind e acho mais legal. Só peca em não ter componentes já feitos como o BOOTSTRAP porém tem sites que fornecem componentes feitos

  • @franklinenio1295
    @franklinenio1295 9 місяців тому

    como eu faço com "Vw" eu consigo?

    • @prodigiodev
      @prodigiodev 9 місяців тому

      Super ótimo, inclusive é algo mais elaborado e profissional a se fazer

  • @tokyojp1
    @tokyojp1 11 місяців тому

    mesmo sendo um código simples, sinto que não conseguiria replicar 😢. que ansiedade

    • @prodigiodev
      @prodigiodev 11 місяців тому

      Realmente é complicado entender um código que parece ser "simples" mas que não é, o que eu recomendo é você pegar fase por fase, passo a passo, como estudar o que seria as tags e depois de acostumar com html veja um pouco sobre css, depois de fazer um projetinho simples com os dois, veja a base do javascript (estudando lógica antes) e por fim já vai ter mais noções de programação e fazer projetos como esse e melhores. A programação é difícil e o processo é lento, não pule os processos pq ele são importantes.

  • @guitarrinhagamer
    @guitarrinhagamer 11 місяців тому

    Segui todos os passos mas dá erro, de valor não definido no .box

    • @prodigiodev
      @prodigiodev 11 місяців тому

      Bom, podemos dizer que há outras tags que possam dar interferência, mas eu recomendo dar uma olhada no meu código no Github, lá você pode comparar melhor e tirar dúvida.

  • @arturneto2071
    @arturneto2071 11 місяців тому

    Ficou massa

  • @pirilampoVermelho
    @pirilampoVermelho Рік тому

    caraca meu amigo, o vídeo mais didático que eu vi, não deixe de postar conteúdo, muito bom mesmo. obg!

  • @lugareseviagens
    @lugareseviagens Рік тому

    Parabéns! Sou estudante, é muito bom para praticar HTML, CSS e JavaScript! 🧐

  • @alisonformaio9942
    @alisonformaio9942 Рік тому

    Fiz tudo, mas quando excede o espaço da caixa de texto, ela se estica, como arruma isso?

  • @leandrosergio6093
    @leandrosergio6093 Рік тому

    Top viu mano

  • @resttaurando
    @resttaurando Рік тому

    Esse código é exatamente igual ao do Canal do Gustavo Neitze, só mudou o nome das vatiavéis.

  • @misaelsapiente4124
    @misaelsapiente4124 Рік тому

    Muito bom! parabéns pelo conteudo

  • @erikbruzzi1188
    @erikbruzzi1188 Рік тому

    Eu segui o passo a passo, mas quando eu terminei falou que o a propriedade de "style" estava nula. Também o elemento da constante "box" estava nulo. Eu pesquisei e não encontrei nada a respeito. O que pode ser?

    • @emanuelnogueira9981
      @emanuelnogueira9981 Рік тому

      Verifica se quando chamar a classe box, veja se está chamando corretamente pelo "QuerrySelector", tbm verifica se você está chamando corretamente a classe no css e se ela está correta ou não.

  • @roquelly
    @roquelly Рік тому

    Parabéns!!! Vc é fera!

  • @gabrielomuralha6610
    @gabrielomuralha6610 Рік тому

    mano vlw de mais ficou simplesmente incrível essa tua explicação

  • @willianbueno7293
    @willianbueno7293 Рік тому

    show!show!muito obrigado

  • @Sr_Leon
    @Sr_Leon Рік тому

    Mano o que vc usa para digitar a programaçao tipi engin3 o nome do executal para fazer o jogo

    • @prodigiodev
      @prodigiodev Рік тому

      Fala mano! Para edição de código, eu uso o VSCode, ele é um dos melhores atualmente e ele é gratuito, então você pode baixar no seu pc sem problemas.

  • @Mikael3770
    @Mikael3770 Рік тому

    🤍🤍❤❤💚💚

  • @Vivaavida00
    @Vivaavida00 Рік тому

    Tenho visto vários vídeos mas este foi o único em que não tem enrolação consegui fazer Deboaa

    • @prodigiodev
      @prodigiodev Рік тому

      Fico muito feliz por compartilhar conhecimento!

  • @edimirk9
    @edimirk9 Рік тому

    Olha esse retorno do slide ao inicio ta muito duro Tem como colocar mais suave ou melhor voltar apenas re- aparecendo ???

    • @prodigiodev
      @prodigiodev Рік тому

      Nesse caso podemos utilizar o "cubic-bezier" que fará todo o processo de desaceleração no nosso projeto, assim deixando de forma mais suave. Aqui está um exemplo: .container { ... transition: transform 0.5s cubic-bezier(0.170, 0.885, 0.32, 1.275); ... }

  • @dedivanbarbosa2386
    @dedivanbarbosa2386 Рік тому

    Parabéns, excelente trabalho!!!

  • @erickdavid2489
    @erickdavid2489 Рік тому

    muito bom cara, continua com seus videos

  • @maahnogueira8955
    @maahnogueira8955 Рік тому

    👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻

  • @juniorgs7
    @juniorgs7 Рік тому

    Muito boa a explicação, que venha mais vídeos assim no canal. Só faltou a trilha sonora pra ficar Top.

    • @prodigiodev
      @prodigiodev Рік тому

      Obrigado amigo! Logo passarei aqui no canal como trabalhar com sons no JavaScript.

  • @PAULOAUGUSTO-d3f
    @PAULOAUGUSTO-d3f Рік тому

    Gostei demais do código, muito bom!

  • @PAULOAUGUSTO-d3f
    @PAULOAUGUSTO-d3f Рік тому

    Código bem auto explicativo, gostei!

  • @Joel-cq3hz
    @Joel-cq3hz Рік тому

    top demais

  • @levandoavidanarede4948
    @levandoavidanarede4948 Рік тому

    Parabens mano! ganhou mais um inscrito

    • @prodigiodev
      @prodigiodev Рік тому

      Fico feliz que tenha gostado! 😀

  • @josyvasconcelos6537
    @josyvasconcelos6537 Рік тому

    muito bom! eu consegui fazer.

  • @WenesFrança-o9g
    @WenesFrança-o9g Рік тому

    Boa👏🏼

  • @CeliaCristina-eh4qq
    @CeliaCristina-eh4qq Рік тому

    👏🏽👏🏽👏🏽

  • @ChrisG59
    @ChrisG59 Рік тому

    usar essa função eval é meio meme, né não? já ouvi dizer que ela é uma função que recebe uma string que pode ser alterada facilmente por hackers e acabar sendo executada etc

    • @prodigiodev
      @prodigiodev Рік тому

      Bom, certamente a função eval faz essa permissão para que o Javascript entenda que a sua interpretação seja uma string, mas se caso tiver algum código com intenções maliciosas pode dar ruim kkk. Então eu colocarei esse ponto como opção nos próximos vídeos. Muito obrigado pela a atenção à isso!

    • @ChrisG59
      @ChrisG59 Рік тому

      @@prodigiodev opa, eu que agradeço por tá compartilhando seus conhecimentos com a gente

  • @FabioGomesCG
    @FabioGomesCG Рік тому

    Manual do dev tem o mesmo jogo, com o mesmo código, só que com o Mário...

    • @prodigiodev
      @prodigiodev Рік тому

      Realmente eu assistir o vídeo, posso dizer que serviu de inspiração para passar na minha didática.

  • @erivaldojunior1503
    @erivaldojunior1503 Рік тому

    Parabéns cara, estou começando na programação e gosto muito de videos na prática, muitos comandos eu nunca tinha visto kkk. Sucesso cara

    • @prodigiodev
      @prodigiodev Рік тому

      Muito obrigado! Fico feliz que tenha gostado. 😃

  • @pu7hja
    @pu7hja Рік тому

    Muito bom mesmo parabéns, estou no segundo semestre de ADS, e seus videos irão me ajudar muito. Tenho uma pergunta sobre esse projeto: Após eu concluir ele e fechar o VScode e antes disso testando a calculadora e tudo ok, mas quando fui abri no outro dia não consegui executar nenhuma operação, pode me explicar isso e outra como posso compartilhar essa calculadora de forma para tipo meus amigos verem e se divertir vendo o que foi feito. Desde já agradeço pela sua atenção!

    • @prodigiodev
      @prodigiodev Рік тому

      Muito Obrigado! Bom, diante a pergunta feita, o VSCode tem seu próprio servidor, ou seja, o seu projeto, só irá funcionar quando o VSCode for executado e conectado com seu navegador (No que eu uso "Open With Live Server"). Para postar para seus amigos, existe uma hospedagem gratuita no GitHub, que você pode enviar para o GitHub e o site postar seu projeto e você compartilhar o link quando quiser e para quem quiser. Caso ainda tiver dúvidas, é só entrar em contato comigo.

    • @pu7hja
      @pu7hja Рік тому

      @@prodigiodev como estou começando agora, tenho uma certa dificuldade no GitHub (mas vou me aprofundar mais nele para saber as funcionabilidades), vou refaze-la e seguir esses passos que vc me disse. Desde já agradeço a sua atenção e bora assistir mais videos seus!!!

  • @MPGamer135
    @MPGamer135 Рік тому

    legal

  • @eduardogomes579
    @eduardogomes579 Рік тому

    Parabéns, boa aula!

  • @Joel-cq3hz
    @Joel-cq3hz Рік тому

    melhor aula de css html e java scrip que já vi

    • @prodigiodev
      @prodigiodev Рік тому

      Fico muito feliz que tenha gostado! Mais aulas virão com projetos divertidos pela frente

  • @PAULOAUGUSTO-d3f
    @PAULOAUGUSTO-d3f Рік тому

    Show de bola!!!

  • @brendo6746
    @brendo6746 Рік тому

    show de bolo muito obrigado Amigo você e um amigo

  • @Emanuel2062
    @Emanuel2062 Рік тому

    Posta mais projetos com javascript, man, vc explica muito bem. Parabens!!

    • @prodigiodev
      @prodigiodev Рік тому

      Muito obrigado mano! Virá muitos vídeos e projetos legais

  • @robertocmsantos
    @robertocmsantos Рік тому

    Excelente tutorial, mas acho que sendo para iniciantes, poderia ter explicado melhor o que faz algumas coisas, como por exemplo o "innerHtml", "padding", "QuerySelector", etc.. Uma sugestão para outra aula da calculadora, seria a validação dos dados de entrada para não permitir digitações do tipo: 9++2*/ e também para que a calculadora aceitasse digitação dos número pelo teclado.

    • @prodigiodev
      @prodigiodev Рік тому

      Tudo certo mano! Logo mais estarei postando vídeos sobre os fundamentos do CSS e o básico de JavaScript para aperfeiçoar mais o entendimento da galera. Agradeço pelo seu comentário.

  • @Hellsing0076
    @Hellsing0076 Рік тому

    dá pra colocar uma tela de start antes de começar o game?

    • @prodigiodev
      @prodigiodev Рік тому

      Sim mano, de uma forma bem simples, basta criarmos uma tela no html, estilizar no css e chamar no js. Sendo mais claro, a gente cria uma tela de início com um botão para o usuário desabilitar essa tela atual para assim começarmos o game. Qualquer dúvida pode perguntar.