Como fazer uma lista de tarefas (TO-DO LIST) com PHP | CRUD completo com PDO

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • Olá, pessoal!
    Neste vídeo, você vai aprender a criar uma lista de tarefas completa, do front-end ao back-end e um CRUD completo com PHP.
    No front-end, vamos usar HTML, CSS e jQuery para criar uma interface simples e intuitiva.
    No back-end, vamos usar PHP para conectar a um banco de dados PostgreSQL SQL.
    Caso deseje focar apenas na parte do back-end, que inicia no minuto 0:24:00, o código do front-end está disponível neste repositório: Link para o repositório do front-end
    Se a sua página estiver exibindo a mensagem de erro "Erro: could not find driver", talvez seja necessário descomentar a extensão pgsql no arquivo php.ini. Para fazer isso, abra o arquivo php.ini, procure por 'pgsql' e remova o ponto e vírgula ';' na frente da linha 'extension=pgsql', depois salve o arquivo.
    Repositório com o código completo:
    github.com/Larissakich/to-do-...
    Redes sociais:
    LinkedIn: / larissakich
    Instagram: @lariikich
    E-mail:
    larissakich04@gmail.com
    Tema do VSCode:
    Omni Owl
    Capítulos:
    0:00:00 - Introdução
    0:00:45 - Criação do Projeto
    0:01:40 - HTML
    0:06:55 - CSS
    0:17:26 - JQuery
    0:24:00 - Banco de dados
    0:27:23 - Conexão com o banco
    0:30:35 - Read
    0:36:50 - Create
    0:41:40 - Delete
    0:45:20 - Update
    0:50:18 - Checkbox
    1:00:00 - Conclusão
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 44

  • @brainiacmarco4014
    @brainiacmarco4014 4 ชั่วโมงที่ผ่านมา

    Gratidão Lari, vai me ajudar nos estudos

  • @diesnei8067
    @diesnei8067 8 หลายเดือนก่อน +1

    Aeeee, estava esperando por um CRUD completo! Muito bom!

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Hehe, espero que goste 😄

  • @PauloRoberto-tt6dj
    @PauloRoberto-tt6dj 3 หลายเดือนก่อน

    Muito top! Mais vídeos de PHP

  • @joaovitorrodrigues6501
    @joaovitorrodrigues6501 8 หลายเดือนก่อน

    Larissa, ótimo conteúdo, Muito boa a explicação. Excelente!!!

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Muito obrigada ☺️

  • @jordane157
    @jordane157 7 หลายเดือนก่อน

    Manda bem demais, ótima didática.

    • @larissakich
      @larissakich  6 หลายเดือนก่อน

      Muito obrigada ☺️

  • @NecroNK
    @NecroNK 8 หลายเดือนก่อน

    Obrigado pelo vídeo ! tem me ajudado bastante! Depois faz algum projeto usando uma api para gente ver como é sz obrigado novamente por todos os vídeos.

  • @viniciussilvano4177
    @viniciussilvano4177 8 หลายเดือนก่อน +1

    Muito booom. Tu tem uma ótima identidade visual e explica bem. Parabéns.
    A quesito de conhecimento.: Conheci seu canal pelo vídeo do menu responsivo

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Aaa que bom, fico muito feliz em saber ☺️😁

  • @raphaeldesouzaazambuja6039
    @raphaeldesouzaazambuja6039 7 หลายเดือนก่อน

    nossa, que tutorial, que didática. mil vezes melhor que uma superestimada youtuber de java que temos por ai

    • @larissakich
      @larissakich  6 หลายเดือนก่อน

      Muito obrigada ☺️

  • @agenciavolksein5486
    @agenciavolksein5486 8 หลายเดือนก่อน +1

    Bacana sua forma de explicar, bem didática, seria bacana se houvesse alguns vídeos sobre NextJS, principalmente sobre a versão 14, server actions etc

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Muito obrigada pela sujestão ☺️

  • @vitorgomes5169
    @vitorgomes5169 8 หลายเดือนก่อน +3

    Sua didática é muito boa e esse LO-FI no fundo ajuda mt também, pq vc não faz um curso? tipo na udemy n sei

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +3

      Muito obrigada! Estou com um projeto de curso, acredito que ano que vem eu já consigo postar ele ☺

  • @severinojoaquim
    @severinojoaquim 8 หลายเดือนก่อน +1

    Larissa, ótimo conteúdo. Apenas essa "font-size" do seu VSCode é que está de matar qualquer "velhinho". Muito obrigado!

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +3

      Mil desculpas kkkkk, recebi um feedback esses dias sobre isso, mas eu já havia gravado esse vídeo quando percebi que estava muito pequena, pode deixar que nos próximos vídeos eu vou aumentar ☺️

  • @tezzy9486
    @tezzy9486 8 หลายเดือนก่อน

    qual é esse tema de fundo que voce usa no vscode?

  • @Alucard.2024
    @Alucard.2024 8 หลายเดือนก่อน

    Vc ta evoluindo demais, parabéns! Por onde vc estuda? Tudo no Alura?

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Oii, muito obrigada! Na Alura e na b7Web

  • @user-hg9bg3qf1e
    @user-hg9bg3qf1e 8 หลายเดือนก่อน

    Lari, tu poderia fazer um vídeo sobre posiconamentos e alinhamento. Forte Abraço!

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Claroo, vou fazer sim, muito obrigada pela sujestão ☺️❤️

    • @user-hg9bg3qf1e
      @user-hg9bg3qf1e 8 หลายเดือนก่อน

      @@larissakich valeu, to morrendo de duvida nisso. Fico perdido ao colocar espaçamentos e utilizar o ren ao invés do px. Valeuu!

  •  8 หลายเดือนก่อน

    Oi, Kich. Eu consigo replicar esse projetinho usando o MySql?

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Oii, tudo bem? Consegue sim

  • @vitoriaemilly4064
    @vitoriaemilly4064 8 หลายเดือนก่อน

    Larii, qual é o seu notebook? Adoro seus vídeos😊😊

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Oii, tudo bem? É um Lenovo IdeaPad S145 Intel core i7

  • @thalitanoemi3359
    @thalitanoemi3359 8 หลายเดือนก่อน

    Lari, como faz pra salvar a imagem de background? Sou inciante e não entendi muito bem como fazer

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Oii, tudo bem? Você pode acessar o link do repositório e ir em src/images e copiar o SVG, aí você cria um arquivo SVG na pasta images e usa ele como eu mostrei
      Aqui tá o link, daí você pode acessar direito dele: github.com/Larissakich/to-do-list-php/blob/main/src/images/background.svg

    • @GabrielandreR
      @GabrielandreR 8 หลายเดือนก่อน +1

      salva ela com o final .svg

  • @GabrielandreR
    @GabrielandreR 8 หลายเดือนก่อน

    muito bom lari, nao conseguir de primeira , amnha vou tentar fazer denovo kk

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Aa isso é normal, eu demorei muito para conseguir fazer dar certo também, qualquer coisa pode me perguntar, vou tentar te ajudar ☺️

    • @GabrielandreR
      @GabrielandreR 8 หลายเดือนก่อน

      por que nao consigo criar php -S localhost:5000 ?@@larissakich

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Está dando algum erro?

    • @GabrielandreR
      @GabrielandreR 8 หลายเดือนก่อน

      entao seempre aparece isso (bash: php: command not found) sabe me dizer o porque ? ate essa parte, fiz tudo igual ao video baixei o postgree fiz as tabelas , baixei o php no vscode mais da isso kk@@larissakich

    • @larissakich
      @larissakich  8 หลายเดือนก่อน

      Talvez você não tenha configurado o PHP de maneira correta, você apenas baixou uma extensão de PHP no vscode ou baixou o PHP na sua máquina?

  • @animaisfelizes1723
    @animaisfelizes1723 6 หลายเดือนก่อน

    Bom eu segui rigidamente o seu tutorial no html css e voltei verifiquei pra mim não saiu igual o seu, e teu codigo no github tambem deu erro aqui criei um novo arquivo apenas com o teu código e lancei la html seu css seu deu nao ficou igual ah nao ser que vc tenha mudado mais pra frente