Como Adicionar e Manipular Objetos no Array - Curso de Javascript Puro Orientado a Objetos - Aula 3

Поділитися
Вставка
  • Опубліковано 29 жов 2024

КОМЕНТАРІ • 87

  • @claudinoanthony
    @claudinoanthony Рік тому +6

    Eu já tinha feito esse seu curso a 1 mês atrás, logo após concluir o curso básico de JS do Curso em Vídeo, sendo meu primeiro contato com programação. Fiz tudo que você disse no vídeo, não me aconteceu nenhum erro, mas eu estava apenas copiando código, não entendia nada do que você estava fazendo. Agora 1 mês depois, consigo entender tudo que você vez no vídeo, e sem dúvidas, aprendi muito com esse vídeo.

    • @ProgramadorEspartano
      @ProgramadorEspartano  Рік тому +3

      Que legal meu amigo, isso aí, basta por a mão no código e fazer sem parar, assim vai treinando o celebro pra dominar algo...é difícil pra quem não prática, mas quem faz um pouco que seja todos os dias, pode ter certeza que aprenderá. Só não desistir. Pegue um projeto básico pra fazer, e faça até o fim. Haverá dúvidas, mas você conseguirá descobrir a solução, fique tranquilo.

  • @Lukazcns
    @Lukazcns 3 роки тому +8

    Até comentei em outro vídeo a mesma coisa pq gostaria muito que soubesse. Parabéns pelo trabalho!
    Mano, surgiu uma oportunidade pra mim e tenho até hoje 08/09/21 para fazer uma prova. Tive somente 5 dias para fazer um intensivo de tudo que preciso, POO é uma delas. Sua forma de ensinar e o seu conteúdo tá salvando demais! Mesmo que eu não passe nessa prova, eu to feliz pra caramba pq acho nunca me dediquei tanto em uma coisa em tão pouco tempo... Sei que as condições são ruins pq dá para aprender somente o raso quando se trata de vários conteúdos. Contudo, seus vídeos estão me deixando mais confiante. Você é um ótimo professor!

    • @ProgramadorEspartano
      @ProgramadorEspartano  3 роки тому +1

      Que feedback massa... muito obrigado!!!

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

      ​@@ProgramadorEspartano alguem consegue me mandar o codigo ? por muita gentileza para testar

  • @everaldosantos356
    @everaldosantos356 Рік тому +1

    Muita disposição para ensinar de maneira correta. Muito obrigado Professor.

  • @helenoircardoso3002
    @helenoircardoso3002 2 роки тому +3

    Quanta simplicidade para explicar orientação a objeto, tem prof... que leva 2 anos na faculdade e ainda não entendemos kkk. Gratidão pelo conhecimento.

  • @jheanbrizadao2429
    @jheanbrizadao2429 Рік тому +1

    valeu, professor Espartano, Eu juro seguir o senhor, a minha lealdade!!!

  • @HumbertoLins
    @HumbertoLins 2 роки тому +1

    Quanta informação em 14 minutos ... Parabéns ... vou ter que rever várias vezes !

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

      alguem consegue me mandar o codigo ? por muita gentileza para testar

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

      tem esse codico pra me compartilhar por gentileza ?

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

      @@vidalbruno8147 sim

  • @FabianoVasconcelos
    @FabianoVasconcelos 2 роки тому +2

    Fala muito rápido, mas eu resolvi esse problema colocando na velocidade 0.75.
    Tirando isso, nota 10 pro conteúdo e pra didática! Ganhou o meu respeito!

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

    Fala meu brother. Aqui em junho de 2023 estudando JS e caí no seu vídeo. Excelente conteúdo e forma de explicar. Parabéns! 10 mil inscritos é pouco hein?
    Deixa perguntar. Estou criando um site onde já tenho o array com as informações a serem filtradas e mostradas na tabela, como se fosse meu banco de dados, com id da pessoa, nome da pessoa, curso que a pessoa fez e um botão de download dos certificados (que é um link de download para cada documento).
    Eu gostaria de ter um campo de pesquisa onde eu fizesse uma pesquisa por id ou nome da pessoa e trouxesse na tabela as linhas correspondentes a essa pesquisa, onde mostrasse todos os cursos que ela fez com os respectivos botões de download de certificados.
    Se puder indicar se é possível desenvolver dessa maneira e quais funções do JS eu devo pesquisar e estudar para colocar isso em prática, caso seja possível. Ou se já tem algum vídeo que indique o caminho.
    Forte abraço e, mais uma vez, obrigado por compartilhar seu conhecimento.

  • @luizahelena4261
    @luizahelena4261 Рік тому +1

    Muito obrigada!!! Ajudou demais

  • @franca4712
    @franca4712 Рік тому +2

    Ajudando de mas

  • @latissia1
    @latissia1 Рік тому +8

    Gente! Não esqueçam de colocar no botão type="button", para não ficarem horas tentando compreender porque não apareciam os dados dos input's no console!

  • @jheanbrizadao2429
    @jheanbrizadao2429 Рік тому +1

    Eu consegui fazer legal, mas vou assistir como vc vai fazer, sempre é bom analisar e aprender coisas novas com pessoas fazendo

  • @nogueira76
    @nogueira76 2 роки тому

    Amigo, está ajudando muito! Parabéns pela iniciativa. Obrigado!

  • @eduardohenriquedeassis9729
    @eduardohenriquedeassis9729 2 роки тому +1

    Caramba!! Que vídeo sensacional Bro!!
    Ganhou mais um inscrito!

  • @pinkloucalouca877
    @pinkloucalouca877 3 роки тому +1

    O melhor canal...valew ganhou mais 1 inscrito.

  • @eletrotech51
    @eletrotech51 Рік тому +1

    Parabens top

  • @SNLR2011
    @SNLR2011 3 роки тому +1

    Gostei muito, muito bacana! Parabéns!

  • @matheuschagas9472
    @matheuschagas9472 2 роки тому +1

    Extremamente objetivo, didática excelente, cai aqui de paraquedas e virei aluno, você possui algum curso na udemy?

    • @ProgramadorEspartano
      @ProgramadorEspartano  2 роки тому

      Ainda não amigo, estamos preparando ainda. Mas indico o fullstack aqui da descrição, recomendo.

  • @ThiagoAlmeidaTech
    @ThiagoAlmeidaTech 2 роки тому +1

    Perfeito man!! Ganhou um inscrito no canal!! Parabéns!!

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

      tem esse codico pra me compartilhar por gentileza ?

  • @leandrolemos9364
    @leandrolemos9364 2 роки тому

    Parabéns. Muito legal.

  • @luizpaulofranca1482
    @luizpaulofranca1482 3 роки тому +1

    Meus parabéns!!!

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

    ótima didatica, parabens

  • @FelipeAlves-zp2dn
    @FelipeAlves-zp2dn Рік тому

    Poderia mostrar como que faz pra ordenar .sort para que os itens sejam incluídos na parte de cima da tabela?

  • @alessandromonteiro688
    @alessandromonteiro688 3 роки тому +1

    Muito show!

  • @MsLediel
    @MsLediel 3 роки тому +1

    Muito bom mano

  • @caiquemartins7994
    @caiquemartins7994 2 роки тому +1

    Quando você colocar essa class Produto, não precisa usar o function antes das funções? e é por ter usado a class e o.this que você pode pegar as variáveis que estão em uma função e usar em outras funções? eu nunca tinha visto código como no formato que você apresentou aqui

    • @3ggames988
      @3ggames988 2 роки тому +3

      Em classes, as functions sao chamadas de metodos e nao precisa colocar o "function" para especificar elas.
      as variaveis de outras funçoes nao é possivel pegar, pq estão em escopos diferentes. So seria possivel pegar variaveis assim, se elas fossem globais.
      o this.id é diferente, ele nao necessariamente é uma variavel, mas sim um atributo da classe. Pq ele está no constructor da classe, sendo assim é possivel chamalo-lo em qualquer function da classe

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

      @@3ggames988 ja aprendi muito com o seu comentario também, obrigada.

  • @drakob4898
    @drakob4898 2 роки тому

    salvou demais, obrigado mano

  • @evellyvictoryvieirapinto3418
    @evellyvictoryvieirapinto3418 2 роки тому

    a sua didática é muito boa, uma pena n ter a opção de dar like 1000 vezes

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

    Estou com um problema, mesmo se não inserir dados em todos os campos está salvando o produto.
    Aparece o alert corretamente mas incrementa o id e salva o produto com o campo vazio

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

    BOM DIA MUITO BOM ESSE ENSINAMENTO,
    POREM FICOU MUITO PEQUENA AS LETRA DO CODIGO.

  • @nandorace
    @nandorace 2 роки тому

    Como faço para deixar esses dados guardados em um localstorage? Se puderes fazer um vídeo explicando eu agradeço

  • @leonardoaraujo30
    @leonardoaraujo30 3 роки тому +1

    Amigo bom tarde,
    Estava estudando sua aula e fazendo esse programa junto com você.
    Porém no meu programa na hora que eu adiciono um produto e limpa os capos, mesmo com os campos sem nada ele adiciona o produto anterior que cadastrei.
    Estou tentando achar o erro porém não estou conseguindo.

    • @kaua1415
      @kaua1415 2 роки тому

      opa amigo, tive este problema também, acabei de resolver. Pelo menos pra mim tava dando erro no método salvar onde meu let produto = this.lerDados(); estava sem o "()" no final do método, assim ele não estava executando o método e estava caindo direto no true executando o if dando o alerta "salvar". Se seu problema for outro, cheque totalmente seus parâmetros de validação e retorno

    • @dniksbr
      @dniksbr 2 роки тому +1

      recomendo sempre por um alert ou um console.log pra saber onde ta dando o erro, assim vc pode vizalizar onde o erro está

  • @concurseiropadrao1761
    @concurseiropadrao1761 2 роки тому

    Top!!

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

    Gostaria de fazer.

  • @MarceloAntenista
    @MarceloAntenista 3 роки тому

    Na parte quando clico em salvar com o evento onclick quando clico ele carrega e no console mostra em fração de segundos e já some os dados de produto, não dando tempo de ver. e eu coloquei certinho em onclick="produto.salvar()". Porém quando clicado ele mostra no console.log os dados que foram gravados dentro do arrayProdutos porém em rapidinho e já some do console e não dá tempo de ver. Como resolver isso ?

    • @joaoeduardo6929
      @joaoeduardo6929 3 роки тому

      Também tive esse problema, por padrão, o assume o type como submit. O que está acontecendo é que, ao clicar no botão o evento submit é disparado e então o formulário é "enviado" fazendo com que a página seje limpa. Adicione type='button' dentro da tag que resolve.

    • @adrianonascimento6075
      @adrianonascimento6075 2 роки тому

      @@joaoeduardo6929 kkk odio, passei algumas hrs tentando resolver esse problema e era só isso kkkk

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

      @@adrianonascimento6075 alguem consegue me mandar o codigo ? por muita gentileza para testar

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

      tem esse codico pra me compartilhar por gentileza ?

  • @ednaldo2796
    @ednaldo2796 2 роки тому

    Show

  • @cidooliveira5874
    @cidooliveira5874 Рік тому +1

    Tem um curso completo?

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

      Sim, neste aqui da descrição "pacote fullstack"

    • @cidooliveira5874
      @cidooliveira5874 Рік тому +1

      @@ProgramadorEspartano
      Eu uso o notepad++ da pra fazer nele?

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

      @@cidooliveira5874 Sim, da pra escrever por ele sim. Mas baixa o Visual Studio Code, melhor para escrever. Tem uma aula ensinando a baixar

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

      @@ProgramadorEspartano alguem consegue me mandar o codigo ? por muita gentileza para testar

  • @marcosviniciusdasilvasanto2009
    @marcosviniciusdasilvasanto2009 2 роки тому

    o meu ta dando type erro na hora de colocar o push, sabe dizer oque é?

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

      tem esse codico pra me compartilhar por gentileza ?

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

    Professor, vc está exalando uma voz feminina♀🏳‍🌈, eu sinto que o senhor é um Espartano que gosta de bater espadas ⚜ ⚧RS RS RS, Zoeira, Professor, Valeu pelo aula

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

    alguem consegue me mandar o codigo ? por muita gentileza para testar
    ajuda nois espartano

  • @juliano986
    @juliano986 Рік тому +1

    minha duvida seria como fazer um CRUD disso

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

      Vamos gravar uma aula em breve bem passo a passo. Se quiser, pode ir assistindo a aula que está no treinamento do pacote fullstack aqui na descrição do vídeo. Lá tem um projeto do zero bem passo a passo.

    • @juliano986
      @juliano986 Рік тому +1

      @@ProgramadorEspartano ai sera Top demais

  • @isshikikogo3056
    @isshikikogo3056 2 роки тому

    tá dando produto is not a function

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

      tem esse codico pra me compartilhar por gentileza ?

  • @LuanSilva-xx3yg
    @LuanSilva-xx3yg 2 роки тому +1

    É uma aula até interessante, mas nessa velocidade não é um curso, é um bate papo. tem uma hora que não dá pra entender nada mais

  • @m1c8a
    @m1c8a 2 роки тому

    Recebo o erro na hora do 'push':
    Uncaught TypeError: Cannot reat properties of undefined(reading 'push')
    at Produto.adicionar
    Alguém poderia me ajudar?

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

      tem esse codico pra me compartilhar por gentileza ?

  • @cledilsondev
    @cledilsondev 3 роки тому +5

    tabela.html:46 Uncaught TypeError: produto.salvar is not a function
    at HTMLButtonElement.onclick (tabela.html:46)
    onclick @ tabela.html:46 Meu javascript está muito fraco e não estou conseguindo resolver esse problema. Segui os passos da video aula, mas a única coisa que fiz diferente, foi com css.

    • @jessycard5289
      @jessycard5289 3 роки тому

      E pq você não colocou os parênteses, coloca assim produto.salvar()

    • @cledilsondev
      @cledilsondev 3 роки тому

      @@jessycard5289 Esse é o erro que aparece quando clico em salvar. tabela.html:46 Uncaught TypeError: produto.salvar is not a function at HTMLButtonElement.onclick (tabela.html:46). Esse é o evento da linha 46: onclick="produto.salvar()". Apesar do html estar com o link para o javascript, no arquivo html não está reconhecendo o produto.salvar() como função. obs: estou usando o bootstrap 4

    • @cledilsondev
      @cledilsondev 3 роки тому

      @@jessycard5289 Descobri o problema. Foi a nomenclatura dos id´s. Não sei o pq do conflito, mas quando mudei os nomes, parou de dar erro. Mas quando o console.log, ele aparece e some quando clico no botão.

    • @cledilsondev
      @cledilsondev 3 роки тому +1

      Consegui resolver o problema. Por padrão, o assume o type como submit, quando dentro de um formulário. O que está acontecendo é que, ao clicar no botão o evento submit é disparado e então o formulário é "enviado" fazendo com que a página seja limpa.

    • @MarceloAntenista
      @MarceloAntenista 3 роки тому +1

      @@cledilsondev Cara você é um anjo , rsrs eu estava com o mesmo problema kkk, graças ao seu comentário eu consegui resolver o problema, muito obrigado por contribuir!.

  • @isshikikogo3056
    @isshikikogo3056 2 роки тому

    no me uconsole deu
    Uncaught SyntaxError: redeclaration of class produto
    script1.js:28:4note: Previously declared at line 1, column 6script1.js:1:6
    Uncaught TypeError: produto.salvar is not a function
    onclick file:///C:/Users/Jeanf/Desktop/javascript/Index.html:1

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

      tem esse codico pra me compartilhar por gentileza ?

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

      @@vidalbruno8147 ah, não precisa já de ucerto kk

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

      @@isshikikogo3056 MANDA AI PRA MIM COPIAR RS

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

      @@vidalbruno8147 vish mano eu já perdi esse código faz tempo