- 6
- 29 956
Prodígio Dev
Приєднався 30 жов 2022
Esse canal foi feito para ensinar o que venho aprendendo, dessa forma podemos evoluir juntos e sermos bons programadores.
Agora mão no código!! :)
Agora mão no código!! :)
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
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...
Muito obrigado pelo vídeo.
Muito bom, mano! Fácil e bem rápido!
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?
você mais um inscrito! vc tirou algumas duvidas que eu tinha! obrigado e continue
Valeu, vai ajudar dms
Muito bom!
Top, Top, Top, Top... Me ajudou muito irmão Parabens!
Valeu,
Cara eu sou backend. Sofro demais com css 😂 Gosto dos meus projetos bonitos e nao quero gastar meu tenpo aprendendo Bootstrap.
Bootstrap as vezes deixa a desejar e é limitado 😂
@@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
como eu faço com "Vw" eu consigo?
Super ótimo, inclusive é algo mais elaborado e profissional a se fazer
mesmo sendo um código simples, sinto que não conseguiria replicar 😢. que ansiedade
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.
Segui todos os passos mas dá erro, de valor não definido no .box
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.
Ficou massa
caraca meu amigo, o vídeo mais didático que eu vi, não deixe de postar conteúdo, muito bom mesmo. obg!
Parabéns! Sou estudante, é muito bom para praticar HTML, CSS e JavaScript! 🧐
Fiz tudo, mas quando excede o espaço da caixa de texto, ela se estica, como arruma isso?
Top viu mano
Esse código é exatamente igual ao do Canal do Gustavo Neitze, só mudou o nome das vatiavéis.
Muito bom! parabéns pelo conteudo
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?
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.
Parabéns!!! Vc é fera!
mano vlw de mais ficou simplesmente incrível essa tua explicação
show!show!muito obrigado
Mano o que vc usa para digitar a programaçao tipi engin3 o nome do executal para fazer o jogo
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.
🤍🤍❤❤💚💚
Tenho visto vários vídeos mas este foi o único em que não tem enrolação consegui fazer Deboaa
Fico muito feliz por compartilhar conhecimento!
Olha esse retorno do slide ao inicio ta muito duro Tem como colocar mais suave ou melhor voltar apenas re- aparecendo ???
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); ... }
Parabéns, excelente trabalho!!!
muito bom cara, continua com seus videos
👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻
Muito boa a explicação, que venha mais vídeos assim no canal. Só faltou a trilha sonora pra ficar Top.
Obrigado amigo! Logo passarei aqui no canal como trabalhar com sons no JavaScript.
Gostei demais do código, muito bom!
Muito obrigado!
Código bem auto explicativo, gostei!
Obrigado amigo!
top demais
😎👍
Parabens mano! ganhou mais um inscrito
Fico feliz que tenha gostado! 😀
muito bom! eu consegui fazer.
Muiito Bomm! 👏👏
Boa👏🏼
👏🏽👏🏽👏🏽
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
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!
@@prodigiodev opa, eu que agradeço por tá compartilhando seus conhecimentos com a gente
Manual do dev tem o mesmo jogo, com o mesmo código, só que com o Mário...
Realmente eu assistir o vídeo, posso dizer que serviu de inspiração para passar na minha didática.
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
Muito obrigado! Fico feliz que tenha gostado. 😃
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!
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.
@@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!!!
legal
Parabéns, boa aula!
melhor aula de css html e java scrip que já vi
Fico muito feliz que tenha gostado! Mais aulas virão com projetos divertidos pela frente
Show de bola!!!
show de bolo muito obrigado Amigo você e um amigo
Tamo junto amigo!
Posta mais projetos com javascript, man, vc explica muito bem. Parabens!!
Muito obrigado mano! Virá muitos vídeos e projetos legais
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.
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.
dá pra colocar uma tela de start antes de começar o game?
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.