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

[@claudinoanthony]

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]

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.

[@everaldosantos356]

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

[@ProgramadorEspartano]

Estamos aqui pra ajudar, obrigado pelo feedback.

[@Jhean_Perdido]

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

[@helenoircardoso3002]

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.

[@Lukazcns]

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]

Que feedback massa... muito obrigado!!!

[@vidalbruno8147]

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

[@HumbertoLins]

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

[@vidalbruno8147]

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

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@Jhean_Perdido]

@@vidalbruno8147 sim

[@FabianoVasconcelos]

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!

[@luizahelena4261]

Muito obrigada!!! Ajudou demais

[@nogueira76]

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

[@Jhean_Perdido]

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

[@eduardohenriquedeassis9729]

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

[@pinkloucalouca877]

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

[@latissia1]

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!

[@Pedro-dn1do]

Eu coloco no HTML ?

[@SNLR2011]

Gostei muito, muito bacana! Parabéns!

[@ThiagoAlmeidaTech]

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

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@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.

[@evellyvictoryvieirapinto3418]

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

[@franca4712]

Ajudando de mas

[@matheuschagas9472]

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

[@ProgramadorEspartano]

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

[@leandrolemos9364]

Parabéns. Muito legal.

[@eletrotech51]

Parabens top

[@FelipeAlves-zp2dn]

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

[@luizpaulofranca1482]

Meus parabéns!!!

[@drakob4898]

salvou demais, obrigado mano

[@Singelon]

ótima didatica, parabens

[@LedielDelfino]

Muito bom mano

[@caiquemartins7994]

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]

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]

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

[@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]

Tem um curso completo?

[@ProgramadorEspartano]

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

[@cidooliveira5874]

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

[@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]

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

[@alessandromonteiro688]

Muito show!

[@cidooliveira5874]

Gostaria de fazer.

[@leonardoaraujo30]

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]

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]

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

[@nandorace]

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

[@cidooliveira5874]

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

[@MarceloAntenista]

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]

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]

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

[@vidalbruno8147]

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

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@marcosviniciusdasilvasanto2009]

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

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@juliano986]

minha duvida seria como fazer um CRUD disso

[@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]

@@ProgramadorEspartano ai sera Top demais

[@vidalbruno8147]

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

[@concurseiropadrao1761]

Top!!

[@ednaldo2796]

Show

[@Jhean_Perdido]

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

[@isshikikogo3056]

tá dando produto is not a function

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@LuanSilva-xx3yg]

É 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

[@vidalbruno8147]

tem esse codico pra me compartilhar por gentileza ?

[@LuanSilva-xx3yg]

@@vidalbruno8147 não amigo

[@m1c8a]

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]

tem esse codico pra me compartilhar por gentileza ?

[@cledilsondev]

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]

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

[@cledilsondev]

@@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]

@@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]

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]

@@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]

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]

tem esse codico pra me compartilhar por gentileza ?

[@isshikikogo3056]

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

[@vidalbruno8147]

@@isshikikogo3056 MANDA AI PRA MIM COPIAR RS

[@isshikikogo3056]

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