Criando CRUD Responsivo com JavaScript (Projeto de Cadastro)

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 126

  • @maathmatics
    @maathmatics 5 месяцев назад +1

    Muito bom, antes eu n entendia nada, mas depois desses conhecimentos eu to ficando muito bom, valeu por compartilhar essa sabedoria com a gente!

  • @fredericonobrega6007
    @fredericonobrega6007 Месяц назад +2

    Amigo, e o banco de dados, onde ele foi criado ? Tem algum vídeo sobre isto ? Foi em algum MariaDB ? Sou iniciante, to meio que boiando nos assuntos.

  • @IsabelleeJúliadeJesus
    @IsabelleeJúliadeJesus 2 месяца назад

    obrigado vc salvou meu tcc🙏🙏🙏🙏 monstruoso demaissssss, codigo limpo, bonitooo

  • @devrenj
    @devrenj 10 месяцев назад

    Nossa muito obrigado! Nunca vi um CRUD tão fácil acontecer! Estava precisando desse vídeo pra saber em que nível estou, e no caso eu entendi tudo 🎉

  • @antoniolemos316__
    @antoniolemos316__ Год назад +2

    Parabéns mano, simples e direto, muito bom mesmo!

    • @will_dev
      @will_dev  Год назад

      Muito obrigado pelo feedback :D

  • @Fe2011able
    @Fe2011able 7 месяцев назад

    Muito obrigado, os seus videos tem me ajudado bastante

  • @mchaprao
    @mchaprao 2 года назад +2

    Excelente didática, parabéns! Fico no aguardo de mais conteúdo.

    • @justfelipe7542
      @justfelipe7542 11 месяцев назад +1

      ta de sacanagem né? Didatica horrivel... Deve ser amigo haha

  • @kaioffm
    @kaioffm 2 года назад +1

    Excelente :)) esse jeito de explicar os projetos e so colando os códigos poupa muito tempo!! bom d+

    • @will_dev
      @will_dev  2 года назад +1

      Muito obrigado pelo feedback :D

  • @3ggames988
    @3ggames988 2 года назад +2

    Sensacional, projeto bem simples de entender a logica

    • @will_dev
      @will_dev  2 года назад

      Muito obrigado pelo feedback :D

  • @jeffersonhenrique4491
    @jeffersonhenrique4491 2 года назад +4

    O vídeo é bom,porém se vc fosse fazendo uma linha de código e falando o que akilo faz ao invés de só colar seria muito melhor

    • @williand.1833
      @williand.1833 7 месяцев назад

      Pelo que eu entendi não é tutorial, é só ele mostrando fazendo mesmo

  • @joaosantana2884
    @joaosantana2884 Год назад

    parabéns, você é demais!!

  • @klebersanzony
    @klebersanzony Год назад +1

    vir aqui pra mim foi basicamente, entrar no github, copiar e colar e tá pronto!

  • @mbs2488
    @mbs2488 2 года назад

    Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !

    • @will_dev
      @will_dev  2 года назад

      Muito obrigado pelo feedback :D

  • @luizcarlosjunior8983
    @luizcarlosjunior8983 Год назад +3

    ótima didática, gostaria de saber como seria se fosse gravar em um banco de dados

    • @will_dev
      @will_dev  Год назад +2

      Tenho um projeto Full Stack aqui no canal que grava no MySQL

  • @jonasrocha2836
    @jonasrocha2836 2 года назад

    Obrigado meu Nobre! Bem atual.

  • @devacademy7839
    @devacademy7839 2 года назад +1

    Obrigado por compartilhar esse conhecimento!

  • @arraiolosbulldogs2620
    @arraiolosbulldogs2620 2 года назад

    Muito obrigado procurei por um tempão saporra

  • @cgcosassimples4522
    @cgcosassimples4522 2 года назад +2

    Eu gostei.
    Mas você poderia fazer um vídeo explicando paso a Paso as instruções do arquivo .já? Por favor

    • @will_dev
      @will_dev  2 года назад

      Valeu pelo feedback, vou anotar.

  • @Dobock8
    @Dobock8 2 года назад

    Eu pequei o css e escrevi a mãos. Isso faça em pensar nas propriedades que estão sendo inseridas.

  • @devfucador
    @devfucador 2 года назад

    Muito obrigado amigo!!! Abriu a mente para o JS. Tmj!!!

    • @will_dev
      @will_dev  2 года назад +1

      Obrigado pelo feedback :D

  • @monicarosa5292
    @monicarosa5292 Год назад

    Muito bom seus projetos.

  • @flamenguistaraiz2652
    @flamenguistaraiz2652 2 года назад

    QUE VIDEO TOPPP IRMÃO

  • @fee.angelis
    @fee.angelis Год назад

    Você é top!

  • @Cbersoftware
    @Cbersoftware Год назад

    show tem alguma aula ensiando como fazer a integração com o banco de dados do firebase???

    • @will_dev
      @will_dev  Год назад

      Não com esse projeto, mas tenho alguns aqui no canal que integra com o firebase

  • @klebersanzony
    @klebersanzony Год назад +15

    Foi boa a intenção, mas não aprendi nada!!! Explicação muito rápida, copiando e colando, nao entendi nada!

    • @B13L01
      @B13L01 Год назад +1

      Também não aprendi nada, ele cola o código kkkkk

    • @will_dev
      @will_dev  Год назад +1

      Realmente é um formato que precisa ter um pouco de conhecimento já em javascript para não ficar muito perdido. Mas ao ir vendo, você começa a entender cada vez mais, experiência própria kk

    • @lazaro-gomes99
      @lazaro-gomes99 Год назад +2

      Da pra entender bem a lógica, mas precisa entender melhor JS. Se realmente não tiver um conhecimento básico não vai entender. Básico pq oq vi no vídeo foram elementos e funções com métodos básicos mesmo. Mas concordo que, se fizesse num formado digitando o código e explicando linha por linha seria muito mais didático. Podia fazer isso apenas com o JS mesmo. Ficaria um video longo mas seria um ótimo conteúdo

    • @1killer_fps
      @1killer_fps Год назад

      @@lazaro-gomes99 pra quem tá iniciando, como eu, é um terror mesmo kkkkkkkkkk

    • @theTallManofJava
      @theTallManofJava 9 месяцев назад

      Estuda mais JS q tu entende q explicação 👍🏽

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph 2 года назад +1

    Muito bom!!!! Vou usar, mas estou tentando usar um CSV. Poderia dar umas dicas.
    Valeu.

  • @monarca4591
    @monarca4591 Год назад

    Muito top

  • @edusf0
    @edusf0 2 года назад

    Muito Bom!!!

  • @ezequielvirginio
    @ezequielvirginio Год назад

    era tudo q eu precisava, agora ensina como conectar esse mesmo projeto a um banco de dados usando php e mysql.

    • @will_dev
      @will_dev  Год назад

      Agradeço a sugestão 😃

  • @jorocha6956
    @jorocha6956 Год назад

    perfeito, faltou apenas você dar um zoom na hora de digitar os codigos, parabéns

    • @will_dev
      @will_dev  Год назад

      Muito obrigado pelo feedback 😃

  • @leonardo_gomes
    @leonardo_gomes 7 месяцев назад

    Qual é a vantagem de CRUD no localStorage?

  • @leonardoraupp7830
    @leonardoraupp7830 2 года назад

    Ótimo vídeo! meu maior desafio vai ser entender as funções js agora, vou tentar mastigar cada uma pra entender melhor. Tu usou algum processo para startar esse projeto nesse ambiente? a url 127...

    • @will_dev
      @will_dev  2 года назад +1

      Obrigado pelo Feedback Leonardo! Para startar usei a extensão live server do Visual Studio Code.

  • @nandorace
    @nandorace Год назад

    Tipo, no clicar em incluir ele já geraria automaticamente um relatório em Excel

  • @brayanlatosinski4204
    @brayanlatosinski4204 Год назад

    Como faço para adicionar um banco de dados?
    Muito bom o projeto.

    • @will_dev
      @will_dev  Год назад

      Opa, de uma conferida na playlist "fullstack" aqui do canal, que tenho um projeto semelhante com banco de dados.

  • @andreazevedodesign
    @andreazevedodesign 7 месяцев назад

    Tem a possibilidade de arquivar esses dados em um txt ou em um banco?

  • @luc7s473
    @luc7s473 Год назад

    Will,
    Uma dúvida para fazer o armazenamento dessas informações no Banco de dados, preciso usar o Node JS, ou com esse script js consigo fazer a conexão?

    • @will_dev
      @will_dev  Год назад

      Com o script já é possível

    • @rubenfontes7085
      @rubenfontes7085 Год назад

      @@will_dev como isso seria possível no lado do client?

  • @linkzera5068
    @linkzera5068 Год назад

    muito bom, mas tem alguma ideia do pq ele nn funciona com o bootstrap ?

    • @will_dev
      @will_dev  Год назад

      Tenta mudar os links de importação do Bootstrap

  • @iaml2909
    @iaml2909 2 года назад

    Fala will, blz?
    Obrigado pelo video, ajudou bastante. Uma duvida, e se inves de abrirmos o modal ao clicar em editar fôssemos direcionado a outra pagina contendo apenas a tela de ediçao. Como fariamos para nessa nova pagina sabermos que estamos de fato editando o usuario que foi clicado?

    • @will_dev
      @will_dev  2 года назад

      Agradeço o feedback. Então, a ideia seria a mesma, passar o id ou alguma info do item por parâmetro pra indicar que é uma edição, e as demais informações do item

    • @iaml2909
      @iaml2909 2 года назад

      @@will_dev Show..obrigado

  • @pablosalazar8945
    @pablosalazar8945 2 года назад +1

    Gostei do Projeto e da explicação, eu não entendi foi a parte do get, set , json, for each, mas é por que eu nunca estudei essa parte ai de javascript , eu vou estudar ela separado e volto pra fazer de novo o projeto por que as outras coisas eu já estudei .. mas se tu puder me dizer o por que de ter usado o json eu lhe agradeço..

    • @will_dev
      @will_dev  2 года назад +1

      E aí Pablo, beleza? O armazenamento local tem que ser feito em string (set), daí pra eu pegar para reutilizar (get), eu tenho que converter em JSON (que me da a estrutura) para percorrer cada item no for each.

    • @pablosalazar8945
      @pablosalazar8945 2 года назад

      @@will_dev muito obrigado pela explicação e pelo conteúdo excelente. Já me inscrevi no canal

  • @semilacapitao
    @semilacapitao Год назад

    Olá Will Dev, muito obrigada pela aula. Eu tentei seguir os teus passos e criei outras tabelas mas quando preencho o formulário envia-me os dados para a primeira. Sabes me dizer o que se passa por favor?

    • @will_dev
      @will_dev  Год назад +1

      Olá, agradeço seu feedback. Tem que mudar o nome do localstorage para cada nova tabela

    • @semilacapitao
      @semilacapitao Год назад

      @@will_dev Muito obrigada mais um vez. Funcionou. Mudei o Localstorage😁

  • @cjfranca2004
    @cjfranca2004 Год назад +1

    Esta bom, Mas é para avançado, uma pessoa que procura ainda aprender sobre HTML CSS e JS não entende nada não. No mais parabéns.

    • @will_dev
      @will_dev  Год назад

      Realmente é um pouquinho mais avançado, mas ao escrever já ajuda a entender melhor. Valeeu

  • @ENLAY
    @ENLAY 2 года назад

    Tem algum video integrando com back end? No qual as funcoes CRUD vem do Back

    • @will_dev
      @will_dev  2 года назад +1

      Sim, meu último vídeo fiz um crud Full Stack

  • @FelipeAlves-zp2dn
    @FelipeAlves-zp2dn Год назад

    Uma duvida, tem como mudar a lógica pro ultimo lançamento sempre cair na 1° linha da tabela?

    • @will_dev
      @will_dev  Год назад +1

      Tem sim, só colocar uma ordenação (.sort) no array que renderiza essas linhas

    • @FelipeAlves-zp2dn
      @FelipeAlves-zp2dn Год назад +1

      @@will_dev Seria pedir demais pra vc me passar certinho aonde eu devo colocar certinho, ou como ficaria o código? Estou estudando e não entendo muita coisa kk

  • @wasleybrito5971
    @wasleybrito5971 Год назад

    Como posso conectar esse projeto a uma base de dados Oracle fazendo o CRUD na tabela de lá, ao invés do Local Storage?

    • @will_dev
      @will_dev  Год назад +1

      eu tenho alguns exemplos com o firebase e com o mysql, se quiser dar uma conferida

  • @robertojeronimo714
    @robertojeronimo714 Год назад

    mn tô qnd mudu o Index lasca td, como posso resolver isso? preciso urgente dessa resposta

  • @orlandorodriguez343
    @orlandorodriguez343 2 года назад

    Muchas gracias me funciono ¿donde se guardan los datos?

    • @will_dev
      @will_dev  2 года назад

      Agradeço o feedback! São armazenados no localStorage do navegador

  • @nandorace
    @nandorace Год назад

    Poderia complementando esse vídeo salvando esses dados em uma planilha de Excel? (Relatório)

    • @will_dev
      @will_dev  Год назад

      Massa, boa sugestão

  • @DaviSantanadeAvila
    @DaviSantanadeAvila Год назад

    Nescessita de alguma extensão?

    • @will_dev
      @will_dev  Год назад

      não, apenas para rodar eu uso o live server

  • @hunterspirit3714
    @hunterspirit3714 2 года назад +1

    onde fica esse banco de dados? é do js?

    • @will_dev
      @will_dev  2 года назад +2

      o localStorage é um armazenamento local que os navegadores tem, para acessar, basta dar um f12, ir na aba Application, e vai ter a sessão de storage.

  • @mateusmiranda6153
    @mateusmiranda6153 11 месяцев назад

    Estou com uma duvida , a parte do java scripts meu vistual estúdio code não quer ler ou entender , quando eu vou clickar aparece mover sabe , essa e aparte de editar ou excluir no canto direito onde começa" tr inner html" pode me ajudar?

    • @mateusmiranda6153
      @mateusmiranda6153 11 месяцев назад

      Acho que a nova atualização não usa mais esse td

  • @historinhasdivertidas5712
    @historinhasdivertidas5712 2 года назад

    Wiilllllllllllll show da um help ... tenho curtido teus videos demais... vc tem algo no canal ou conheça algum tutorial que mostre a criação de uma banco de questoes com respostas em javascript? é tranquilo de fazer?... quero colocar as perguntas e respostas, e ao clicar num botao "simular", a tela renderiza as questoes randomicamente, e apenas seleciono a opção...e só no final, clico em "REsultadoS"..e sai a nota....muito dificil??

    • @will_dev
      @will_dev  2 года назад

      Muito obrigado pelo feedback! Acredito que o banco de questões é tranquilo de fazer, agradeço a sugestão :D

  • @lheo323
    @lheo323 2 года назад

    🚀🚀🚀🚀

  • @brgu1t4rr1st6
    @brgu1t4rr1st6 2 года назад +1

    Brother, tem como fazer interagir com banco de dados? Tipo, quando insere uma nova pessoa, aí aparece uma nova linha na tabela e quando exclui ela desaparece, tem como?

    • @will_dev
      @will_dev  2 года назад +1

      Tem sim, só substituir a lógica feita no localstorage para o banco desejado.

    • @brgu1t4rr1st6
      @brgu1t4rr1st6 2 года назад

      @@will_dev Poderia fazer um vídeo sobre? Acho que seria bacana

    • @math1069
      @math1069 2 года назад

      @@brgu1t4rr1st6 descobriu algum video legal sobre?

    • @brgu1t4rr1st6
      @brgu1t4rr1st6 2 года назад

      @@math1069
      Na verdade achei, só que o cara fez com php

  • @menornak7391
    @menornak7391 Год назад

    como sera que faço para criar um relatorio (excel) dos dados que esta registrado

    • @will_dev
      @will_dev  Год назад

      pretendo trazer um vídeo com essa questão :)

  • @RachideRafael-mu7dw
    @RachideRafael-mu7dw Месяц назад

    Good

  • @detonatudogamersbr111
    @detonatudogamersbr111 2 года назад

    como que cria um projeto para controle de entrada e saida de estoque e financeiro ?

    • @will_dev
      @will_dev  2 года назад

      Olá, tenho um projeto financeiro e de estoque no canal

  • @asmgutinho
    @asmgutinho Год назад

    fiz acompanhando e nao funcional. depois apaguei tudo , e copiei e colei do seu repositório. Tambem não funcionou

    • @will_dev
      @will_dev  Год назад

      Que estranho, tá dando algum erro?

    • @asmgutinho
      @asmgutinho Год назад

      @@will_dev descobri que eu tava abrindo em forma de Gerenciador de Soluções - Leitura de Pastas. Por isso não rodava.

    • @dropcas8275
      @dropcas8275 Год назад

      @@asmgutinho olá. sou iniciante e o meu tambem nao esta funcionando. como voce descobre que esta abrindo em forma de gerenciador de solucoes?

    • @asmgutinho
      @asmgutinho Год назад

      @@dropcas8275 quando você for na pasta onde estão os arquivos. Você procura o arquivo no formato slc, e dá 2 clicks nele.

  • @arraiolosbulldogs2620
    @arraiolosbulldogs2620 2 года назад +1

    O código é ótimo,o único problema é que n dar pra usar mesclando com outros projetos

  • @t_figueira
    @t_figueira Год назад

    Opa, tranquilo, usei o seu crud pra tentar adaptar no meu projeto, refiz algumas partes do CSS, mas estou com problemas nos itens. Você tem no vídeo que são Nome, função e salário e eu preciso de 4. Nome, email, salário e data de admissão. Simplesmente criei eles onde achei que daria certo. Porém reparei que dentro do modal apareceu tudo correto. O problema é que dentro da function que cria o tr dentro do tbody o meu não cria, fica vazio, alguém consegue me ajudar??

    • @will_dev
      @will_dev  Год назад +1

      Opa, conseguiu resolver? Ele retorna tá retornando no map?

    • @t_figueira
      @t_figueira Год назад

      Opa, consegui sim ! Tiveram algumas coisas que adaptei errado. Obg ! seu vídeo me salvou !@@will_dev

  • @edimirk9
    @edimirk9 2 года назад +1

    Ess goLive como usa e aonde statar

    • @will_dev
      @will_dev  2 года назад

      É uma extensão do Visual Studio Code, basta ir nas extensões do Visual Studio Code, procurar por Live Server e instalar. Ele é bom para rodar alguns projetos em JavaScript.

  • @rarozodev
    @rarozodev Год назад

    Agradeço o conteúdo will, pode me explicar a logica do if ao clicar fora do modal,
    if (e.target.className.indexOf('modal-container') !== -1) {
    modal.classList.remove('active')
    }
    como funciona isso, o index diferente de menos 1, gostaria de entender

    • @will_dev
      @will_dev  Год назад

      o indexOf basicamente é uma forma de verificar se o elemente existe, nesse exemplo, se clicar fora do modal, onde não existe, ele vai fechar.

  • @walysoncastro4383
    @walysoncastro4383 2 года назад

    boa noite amigo! o meu codigo esta dando erro no script.js sabe me informa oq rolou?
    Erro: ':' esperado.ts(1005)

    • @will_dev
      @will_dev  2 года назад

      Olá Walyson, sem olhar o código fica difícil, mas recomendo acessar o repositório que deixei na descrição do vídeo, e comparar o código para ver o que tem de errado.

    • @walysoncastro4383
      @walysoncastro4383 2 года назад

      Eu fiz um teste copiando todo seu código que vc deixou disponível porém tava dando o mesmo erro! Não tá dando pra imputar nem excluir

  • @1killer_fps
    @1killer_fps Год назад

    Para quem está iniciando assim como eu recomendo esse vídeo: ruclips.net/video/_HEIqE_qqbQ/видео.html. É com localstorage também mas muito detalhado. Desculpa Will mas gosto de ajudar as pessoas que estão passando pela mesma dificuldade que eu. Seu vídeo é muito bom porém é muito avançado para iniciantes.