Sou formado na graduação LICENCIATURA EM FÍSICA em uma universidade pública,e quando entrei no curso superior, quase me perdi em meio a tantos cálculos, mas consegui estudar muito e ficar entre os melhores alunos da sala. Hoje em dia estou iniciando o curso de JAVASCRIPT para aumentar meus conhecimentos, e vejo que tudo é uma questão de paciência. É melhor vc caminhar devagar e chegar no seu objetivo, do que ir rápido e não aprender nada.
Oi , Professor! Infelizmente hoje me encontro numa situação que não consigo me inscrever na sua comunidade, mas com certeza na primeira oportunidade que eu tiver irei. Entretanto, queria agradecer, por que eu estou aprendendo e estudando por conta própria. E seu canal está me ajudando de uma maneira que nem sei explicar, em semanas vendo seus vídeos eu aprendi o que eu não tinha entendido em meses de estudo e isso me deu um ânimo grande, por que agora eu consigo fazer vários desafios do Front-end Mentor e outros sites que antes eu não tinha ideia de como fazer. Parabéns pelo seu empenho em ajudar e por ter uma linguagem que se preocupa com a gente que está iniciando nos estudos, agradeço de coração.
Sou Iniciante e vejo que a pessoa que conseguir concluir esse projeto de cabeça , sem consultar nada já vai ter uma boa noção de html , css , js , eu consigo fazer um bem simples agora quero fazer e refazer com esses eventos mais avançados
eu fiz um to do sozinho para testar minha capacidade html e css foi facil agora o js tive dificuldade conseguir fazer, só quebrei o código varias vezes e ficou bem maior que esse, mas assim vou aprendendo e obrigado pelo conteúdo
Gostei muito desse projeto, hoje mais cedo eu tentei fazer um TO DO List, mas me deparei com um problema que não estava conseguindo resolver e com a sua aula consegui entender no que eu estava errando.
Já me ganhou, iniciei seu vídeo e vi que você explica bem, outros não tem esse nível de explicação (e olha que já vi muitos canais). Parabéns, já sou inscrito!
Incrivel! Estava há 3 dias tentando fazer esse projeto, mas com outros professores e sempre parava no meio pq os outros davam bug, esse foi o único que não deu e estou conseguindo fazer funcionar direitinho. Parabéns, profe
⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE
Muito top a sua didática professor, agradeço muito! Eu estava fazendo um projeto pessoal e estava tendo dificuldades na hora de inserir a tarefa e alguns efeitos que gostaria eram aplicados em todos e seu vídeo me ajudou a encontrar o bug rs. Tenho muita dificuldade em lógica, mas você acendeu a luz.
Ótima didática, já fiz 3 cursos seu na Udemy e estou fazendo o quarto curso, fiz 3 sobre HTML e CSS e estou fazendo o de JavaScript e estou muito interessado em participar da comunidade
opa Thulio, pode vir que vai ser bem recebido, as coisas estão andando bem lá estou colocando o segundo projeto (pós lançamento) e construindo o nosso discord mês que vem começamos as lives e este mês ainda estarei colocando as aulas do próximo curso, vou produzindo, editando e postando qlqr duvida pode mandar msg, abraço!
Gostei muito da aula, nunca tive contato com javascript fui programador há muitos anos atrás e vendo essa aula decidi a voltar a programar por hobby, alguem poderia indicar algum video ou se o professor tiver no canal, algo que de algumas informações de como utilizar essa aula com um banco de dados, vi que se usa sqlite atualmente, alguem sabe onde poderia encontrar, gostaria de reproduzir e poder gravar os dados. Muito obrigado! Parabens a o professor pelo conhecimento e disponibilidade.
Estava aqui quebrando a cabeça, pensando em como iria adicionar um evento para um elemento que nem existia ainda, decidi procurar outro desenvolvedor realizando a mesma tarefa e a solução era só adicionar o evento no documento inteiro, nossa, valeu!!
Depois que vc entende as etapas e a lógica para cumprir cada uma delas, o céu é o limite. Esse To Do List vira brincadeira de criança e muitos dos princípios que vc aprendeu pode ser reaproveitado em outros tipos de projeto.
Como projetos práticos são essenciais pra aprender!!!!! Estudo JS a 2 meses, e nunca tinha começado um div "automaticamente" Apenas colocando # e o inserido o nome...assim prencheu tudo sozinho rsrsrsrsrs achei o máximo! 🤣
Se for criar uma com classe é só colocar (ponto) --> .nomedadiv Tem vários atalhos nesse estilo que faciliam a nossa vida, como * + o número de vezes que quer um elemento, etc.
Poderia aproveitar mais o espaço da ide e digitar dez linhas de códigos e depois subir ,isso facilitaria na hora de tirar print ,já que só se consegue tirar print a cada cinco linhas .
tens como criar um código em HTML e Java Script aonde contenha um formulário simples com nome, telefone e e-mail, e que esses dados sejam puxados e va para um banco de dados
Fala cara tudo bem? Bom vi um curso seu de react ate a maestria , tem uma pergunta em especifica, com o curso eu consigo criar uma tela de login onde um usuário so pode fazer um login por vez ?Digo o mesmo usuario não pode fazer o login em vários aparelhos ou abas diferentes ?
Olá Professor Matheus. Quero comprar o curso da continuação do projeto. Entrei na comunidade para conhecer e vi que tem muitos cursos interessantes que já separei aqui pra mim. Mas tbm queria dar continuidade a esse projeto. Obrigada. abraços!
Olá metheus, ótimo vídeo, realmente um exercício muito bom :))))) ele vai ter a continuação ?? nesse aqui ele não finaliza todas as funcionalidades... Abraço
Ola, no minuto 35:00 quando testa pelo console se o formulario esta sendo enviado, aqui no meu da o erro "Cannot read properties of null (reading 'addEventListener')", não sei o que pode ser. Alguem por favor pode ajudar???
Boa tarde, esse ocorre porque estamos manipulando eventos na tela, e você precisa colocar o defer quando linka a pagina do html ao js, assim o js carrega depois que o html estiver pronto. segue alterações Scripts JavaScript: Código correto: O seu código:
E tem pessoas falando, ta muito saturado o mercado. O mercado ta saturado de pessoas que fazem o básico, esse vídeo mostra que para vc ganhar o tal salário e não ser medíocre, vc tem que estudar muito, muito mesmo😢😅
Assisti a aula 3 vezes e nao vi quando vc colocou aquele console.log na linha 53, no minuto 54:00, estou tentando resolver um erro que deu no meu codigo mas esta dificil.
Professor, a titulo de otimização criei um unica função para criar botões de adicionar tarefas (37:19 a 39:14) em termos de manutenção isso é valido ? createAddButton(todo,"button","finish-todo", "fa-check"); createAddButton(todo,"button","edit-todo", "fa-pen"); createAddButton(todo,"button","remove-todo", "fa-xmark"); const createAddButton = (fatherElement,sNameFirst, sNameSec,clsIcon) => {
Fala Matheus, engraçado que fiz todo o projeto seguindo o tutorial, mas não consegui fazer a edição do título antigo, mudei algumas o nome de algumas variáveis e classes para fazer mais sentido para mim. mesmo inserindo: editInput.value = todoTitle; oldInputValue = todoTitle; ele já me devolve um erro no console dizendo que não tem como setar as propriedades value, como resolvo? --> scripts.js:83 Uncaught TypeError: Cannot set properties of undefined (setting 'value') at HTMLDocument. (scripts.js:83:28)
Tenho uma pequena dúvida, tô começando agr na programação já fiz uma calculadora e uma lista de tarefa simples, será q assistir esses tipos de vídeo do pessoal fazendo as coisas ajuda a evoluir ou é melhor fazer td sozinho.??
💡Conheça nosso curso completo de JavaScript: app.horadecodar.com.br/course/curso-de-javascript-completo
Esse vídeo me fez perceber que sou um simples espermatozoide na área de programação :(
opa Bruno, dá uma olhada na comunidade: www.horadecodar.com.br/comunidade-hora-de-codar/
lá o foco é justamente promover a transformação dos devs =)
Não pense "será que vou aprender?" E sim "eu vou aprender, agora em quanto tempo?"
Pra chegar lá você só precisa sempre ser melhor que ontem, hoje você aprende uma funcionalidade, amanhã outra e assim por diante.
Sou formado na graduação LICENCIATURA EM FÍSICA em uma universidade pública,e quando entrei no curso superior, quase me perdi em meio a tantos cálculos, mas consegui estudar muito e ficar entre os melhores alunos da sala.
Hoje em dia estou iniciando o curso de JAVASCRIPT para aumentar meus conhecimentos, e vejo que tudo é uma questão de paciência.
É melhor vc caminhar devagar e chegar no seu objetivo, do que ir rápido e não aprender nada.
E eu sou só um elétron vagando sem rumo
Oi , Professor! Infelizmente hoje me encontro numa situação que não consigo me inscrever na sua comunidade, mas com certeza na primeira oportunidade que eu tiver irei. Entretanto, queria agradecer, por que eu estou aprendendo e estudando por conta própria. E seu canal está me ajudando de uma maneira que nem sei explicar, em semanas vendo seus vídeos eu aprendi o que eu não tinha entendido em meses de estudo e isso me deu um ânimo grande, por que agora eu consigo fazer vários desafios do Front-end Mentor e outros sites que antes eu não tinha ideia de como fazer. Parabéns pelo seu empenho em ajudar e por ter uma linguagem que se preocupa com a gente que está iniciando nos estudos, agradeço de coração.
opa Gersuer, sem problemas, quando der, aparecer lá =)
Sazonalmente rolará umas promoções...
E obrigado pelo seu feedback =D
Matheus, por favor não esqueça de nós da uDemy, atualmente só compro cursos seus por gostar da didática, mas não nos abandone.
Ze cursinho 😂😂😂
Sou Iniciante e vejo que a pessoa que conseguir concluir esse projeto de cabeça , sem consultar nada já vai ter uma boa noção de html , css , js , eu consigo fazer um bem simples agora quero fazer e refazer com esses eventos mais avançados
⭐ Conheça a Comunidade Hora de Codar: www.horadecodar.com.br/comunidade-hora-de-codar/
eu fiz um to do sozinho para testar minha capacidade html e css foi facil agora o js tive dificuldade conseguir fazer, só quebrei o código varias vezes e ficou bem maior que esse, mas assim vou aprendendo e obrigado pelo conteúdo
Gostei muito desse projeto, hoje mais cedo eu tentei fazer um TO DO List, mas me deparei com um problema que não estava conseguindo resolver e com a sua aula consegui entender no que eu estava errando.
boa Mateus!
Já me ganhou, iniciei seu vídeo e vi que você explica bem, outros não tem esse nível de explicação (e olha que já vi muitos canais). Parabéns, já sou inscrito!
Incrivel! Estava há 3 dias tentando fazer esse projeto, mas com outros professores e sempre parava no meio pq os outros davam bug, esse foi o único que não deu e estou conseguindo fazer funcionar direitinho. Parabéns, profe
⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE
muito bom, só senti falta de por a janela do html do lado do vsc já q a utilidade do liver server é justamente alterar o html sem precisar dar f5
Muito top a sua didática professor, agradeço muito! Eu estava fazendo um projeto pessoal e estava tendo dificuldades na hora de inserir a tarefa e alguns efeitos que gostaria eram aplicados em todos e seu vídeo me ajudou a encontrar o bug rs. Tenho muita dificuldade em lógica, mas você acendeu a luz.
Ótima didática, já fiz 3 cursos seu na Udemy e estou fazendo o quarto curso, fiz 3 sobre HTML e CSS e estou fazendo o de JavaScript e estou muito interessado em participar da comunidade
opa Thulio, pode vir que vai ser bem recebido, as coisas estão andando bem lá
estou colocando o segundo projeto (pós lançamento) e construindo o nosso discord
mês que vem começamos as lives
e este mês ainda estarei colocando as aulas do próximo curso, vou produzindo, editando e postando
qlqr duvida pode mandar msg, abraço!
Boa tarde amigos ! Como faz para participar do grupo ?
Já pegou algum trampo?
Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Meu Deus do céu, Matheus, tu é perfeito! Afff como eu queria um projeto exatamente assim! Brigada!
valeu Dre!!
não conseguir baixar o ngc que ele fala na parte 10:12, sabe em qual video ele fala ?
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
professor, qual é o video que o sr ensina usar os icones?
Cara, sensacional! Tua didática é massa
valeuu Mariana!
tem mais em: horadecodar.com.br/comunidade-hora-de-codar/ =)
Amei suas dicas graças a primeiramente Deus, segundo meus esforços e a você conseguir executar todas as suas instruções! Obrigado!❤🙏🏽
Sua didática é impressionante. E olha q conheço muito cara bom!
Que massa, o design ficou bem parecido com o meu To Do
Muito bom, fiz aqui assim que lançou e terminei agora haha, esses projetos pequenos são muito bons para manter a pratica.
boa mano, semana que vem tem mais!
No lugar do margin pra separar os elementos também podemos utilizar o gap (dentro do flex).
TOP 100% MEGA. Ganhei meu dia assistindo isso.
Gostei muito da aula, nunca tive contato com javascript fui programador há muitos anos atrás e vendo essa aula decidi a voltar a programar por hobby, alguem poderia indicar algum video ou se o professor tiver no canal, algo que de algumas informações de como utilizar essa aula com um banco de dados, vi que se usa sqlite atualmente, alguem sabe onde poderia encontrar, gostaria de reproduzir e poder gravar os dados. Muito obrigado! Parabens a o professor pelo conhecimento e disponibilidade.
Muito bom, excelente projeto para adicionar no portfólio ! Parabéns pela sua excelente didática professor !
excelente aula Matheus👏🏻👏🏻👏🏻 Gostaria de sugerir, esse mesmo projeto, já no react. Grato pela aula, muitos fundamentos envolvidos.
Parabéns! tutorial simples e direto! muito didático!
Estava aqui quebrando a cabeça, pensando em como iria adicionar um evento para um elemento que nem existia ainda, decidi procurar outro desenvolvedor realizando a mesma tarefa e a solução era só adicionar o evento no documento inteiro, nossa, valeu!!
Parabéns... Já salvo aqui para assistir quando chegar em casa, faz mais vídeos de JS para iniciantes 🥰😍
showww Marcio, semana que vem teremos mais um, mas ele é intermediário, acho que é interessante também a progressão de dificuldade =D
@@MatheusBattisti Sim, muito importante a progressão de dificuldade. Esperando a aula!!!
Obrigada professor! Show!
obrigado tb por acompanhar! =)
Depois que vc entende as etapas e a lógica para cumprir cada uma delas, o céu é o limite. Esse To Do List vira brincadeira de criança e muitos dos princípios que vc aprendeu pode ser reaproveitado em outros tipos de projeto.
Você explica muito bem professor
valeu Gustavo!!
Didática excelente, ganhou um inscrito e um aluno
Perfeito Matheus, com a sua didática e conhecimento, não tem como aprender a criar projetos show, parabéns!
Matheus, a sua didática é excelente e objetiva, parabéns, me ajudando pakas!!!!
Que projeto top professor, sensacional, Parabéns pela didática.
Muito bom!! projeto muito bom para aprender, e didática melhor ainda.
Conteúdo muito bom. Sempre me ajuda.
valeu Raimundo!
Matheus muito obrigado, assistindo suas aulas eu tirei muitas duvidas, mais ainda estou caminhando
Seu curso de node na udemy tá muito top chará! Super recomendo!
valeu Matheus, em breve Node na Comunidade!
boa noite. Conteudo incrível.
Onde está a continuação para as filtragens e busca?
é um mistério até hoje
Bora, sempre a aprender...
bora!
Galera esse projeto é bom mas está incompleto, so pra deixar avisado de antemão mesmo
Aula show, parabéns
valeu!
Como projetos práticos são essenciais pra aprender!!!!! Estudo JS a 2 meses, e nunca tinha começado um div "automaticamente" Apenas colocando # e o inserido o nome...assim prencheu tudo sozinho rsrsrsrsrs achei o máximo! 🤣
Se for criar uma com classe é só colocar (ponto) --> .nomedadiv
Tem vários atalhos nesse estilo que faciliam a nossa vida, como * + o número de vezes que quer um elemento, etc.
@@hansleygladberg que bacana, realmente facilita muito!
eu peguei esse projeto e fiz um sitema de formulario para cadastro e armazenamentos de dados.. valew
Muito bom, consegui colocar a funçao de pesquisa e filtro. Só preciso aprender a guardar os dados no localStorage
Onde esta a continuacao desse projeto?
@@DavidLucax o esse do vídeo eu não sei n, acho que no curso dele
@@DavidLucaxPago 😂😂😂😂
Como conseguiu mano? Consegue me mandar o repositório?
parabéns, fera de mais!!!
Poderia aproveitar mais o espaço da ide e digitar dez linhas de códigos e depois subir ,isso facilitaria na hora de tirar print ,já que só se consegue tirar print a cada cinco linhas .
Fantáastico professor! Obrigada pela aula ✨✨
Muito bom, parabéns!
valeu Igor!
Show, conteúdo TOP!
valeu Gilney!
tens como criar um código em HTML e Java Script aonde contenha um formulário simples com nome, telefone e e-mail, e que esses dados sejam puxados e va para um banco de dados
Ótimo vídeo. PS: Parabéns pela plataforma!
obrigado Lino! =)
seu conteúdo é muito top
Uma boa ideia de projeto seria uma páginação no React
Ótima didática
valeu Rafael!
Fala cara tudo bem?
Bom vi um curso seu de react ate a maestria , tem uma pergunta em especifica, com o curso eu consigo criar uma tela de login onde um usuário so pode fazer um login por vez ?Digo o mesmo usuario não pode fazer o login em vários aparelhos ou abas diferentes ?
Thank you so much Sensei! You are a blessing!
Olá Professor Matheus. Quero comprar o curso da continuação do projeto. Entrei na comunidade para conhecer e vi que tem muitos cursos interessantes que já separei aqui pra mim. Mas tbm queria dar continuidade a esse projeto. Obrigada. abraços!
É o formação front end 😀
Após o cronônometro, agora estou nesse form com localStorage, mais para frente quero ver se acho alguma aula com db.
show Juliano!
Olá metheus, ótimo vídeo, realmente um exercício muito bom :))))) ele vai ter a continuação ?? nesse aqui ele não finaliza todas as funcionalidades... Abraço
Que atalho foi esse que foi utilizado para quebrar as linhas de todos os atributos da tag link aos 7:03 ?
OMG, it really worked. Thank you so much!!
Não tem continuação?
muito booom tmj matheus
valeu Pernalonga!
Quero volta o canais anterior HTML.Esta no TVC não consigo adicionar os canais antes obrigado.
Valeuu professor!!
de nada Breno!
Isso ai professor!!!!
Valeu Bruno!
Muito bom!!
valeu Breno!
Alguém da comunidade compartilha ai o restante da aula, ajuda o amigo que nao tem condições de comprar o curso 😭
brabo demais !!!!
Muito bom.
obrigado Albérico!
Bora rodar as tecnologias fundamentais!!!
Ola, no minuto 35:00 quando testa pelo console se o formulario esta sendo enviado, aqui no meu da o erro "Cannot read properties of null (reading 'addEventListener')", não sei o que pode ser. Alguem por favor pode ajudar???
Boa tarde, esse ocorre porque estamos manipulando eventos na tela, e você precisa colocar o defer quando linka a pagina do html ao js, assim o js carrega depois que o html estiver pronto.
segue alterações
Scripts JavaScript:
Código correto:
O seu código:
E tem pessoas falando, ta muito saturado o mercado.
O mercado ta saturado de pessoas que fazem o básico, esse vídeo mostra que para vc ganhar o tal salário e não ser medíocre, vc tem que estudar muito, muito mesmo😢😅
Muito bom !
cade o resto do video ensinando a salvar e a ferramenta de busca?
Alguém da comunidade compartilha o repositório do projeto com o restante das funcionalidades pvf
qual dos cursos da continução a esse projeto?
Muito bom amigo
eu venho do java, back end e pensa num cara q ta apanhando
Assisti a aula 3 vezes e nao vi quando vc colocou aquele console.log na linha 53, no minuto 54:00, estou tentando resolver um erro que deu no meu codigo mas esta dificil.
Cara to com esse problema de editar, na hora de salvar ele n edita, vc conseguiu resolver?
@@gabrieljauneribera9931 essa parte é facil, problema é local storage que nao tem continuação
Top top!
Professor, a titulo de otimização criei um unica função para criar botões de adicionar tarefas (37:19 a 39:14) em termos de manutenção isso é valido ?
createAddButton(todo,"button","finish-todo", "fa-check");
createAddButton(todo,"button","edit-todo", "fa-pen");
createAddButton(todo,"button","remove-todo", "fa-xmark");
const createAddButton = (fatherElement,sNameFirst,
sNameSec,clsIcon) => {
const localBtn = document.createElement(sNameFirst);
localBtn.classList.add(sNameSec);
localBtn.innerHTML = ''
fatherElement.appendChild(localBtn);
};
Boa noite, estou aprendend. Não consegui carregar a imagem de fundo kkk. Tentei de tudo que é jeito.
Mesma coisa por aqui
Fazendo fora do "Live Server" funcionou aqui
O meu tá dando erro na parte de adicionar uma nova tarefa , não sei oq fazer 😢
o meu font-aweasome não vai de forma alguma, aff
sofro com a mesma coisa kk
26:23 o meu search e o filter nao ficaram lado a lado . Oque poderira estR barrando essa acao ? 😢
soft is rather complex.. sotNice tutorialngs more than they should be. But you've made a great job explaining it!
professor o seu curso não terá black friday ?
tá rolando sim Lyris, me manda um whats: wa.me/554899876826?text=Tenho%20uma%20d%C3%BAvida%20sobre%20a%20Comunidade
no meu const toggleforms ele esconde apenas se tirar o editform, porem some tambem os botoes cancelar...
Fala Matheus, engraçado que fiz todo o projeto seguindo o tutorial, mas não consegui fazer a edição do título antigo, mudei algumas o nome de algumas variáveis e classes para fazer mais sentido para mim.
mesmo inserindo:
editInput.value = todoTitle;
oldInputValue = todoTitle;
ele já me devolve um erro no console dizendo que não tem como setar as propriedades value, como resolvo? --> scripts.js:83 Uncaught TypeError: Cannot set properties of undefined (setting 'value')
at HTMLDocument. (scripts.js:83:28)
pode ultilizar os icones do ionicons?
Tenho uma pequena dúvida, tô começando agr na programação já fiz uma calculadora e uma lista de tarefa simples, será q assistir esses tipos de vídeo do pessoal fazendo as coisas ajuda a evoluir ou é melhor fazer td sozinho.??
ajuda, com toda a certeza, mas crie seus próprios depois
Fiz em React. Manipular o DOM diretamente dá muito trabalho.
Realmente, no react é mais simples, mas a proposta é outra kkk
Boa garoto
valeu!
onde eu consulto as classes do font awesome para saber o que tenho disponível para uso?
site do font awesome
@@reuelsiIva eu imaginei mesmo, mas não achei rs
Muito bom
valeu Matheus!