PHP Academy · Aula

Criando uma lista de tarefas simples

Crie um aplicativo básico de lista de tarefas com PHP e HTML

Criando uma lista de tarefas simples é uma aula grátis de PHP Academy no CoddyKit. Esta é a aula 1 de 2. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de PHP Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de PHP Academy inclui 2 aulas no total.

Introdução ao projeto de lista de tarefas

Criando uma lista de tarefas simples

Bem-vindo à lição sobre como criar uma lista de tarefas simples! Neste projeto, você aprenderá a criar um aplicativo PHP para adicionar, exibir e remover tarefas. Vamos começar!

Configurando o projeto

Antes de começar, certifique-se de ter o seguinte:

Um servidor web, como XAMPP ou WAMP.
Um editor de texto ou uma IDE, por exemplo, VS Code.
Um arquivo chamado todo.php no diretório do seu projeto.

Ponto-chave: Este projeto usará sessões do PHP para armazenar tarefas temporariamente.

Criando a estrutura HTML básica

Comece criando a estrutura HTML do seu aplicativo de lista de tarefas. Exemplo:

Dica: Use o elemento ul para exibir a lista de tarefas.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>To-Do List</title>
</head>
<body>
  <h1>To-Do List</h1>
  <form action="todo.php" method="post">
    <input type="text" name="task" placeholder="Enter a new task" required>
    <button type="submit" name="add">Add Task</button>
  </form>
  <ul>
    <!-- Task list will appear here -->
  </ul>
</body>
</html>

Iniciando a sessão do PHP

Use sessões do PHP para armazenar tarefas entre requisições. Adicione este código ao início do seu arquivo todo.php:

Ponto-chave: As sessões permitem manter dados enquanto você navega entre páginas.

<?php
  session_start();

  if (!isset($_SESSION['tasks'])) {
    $_SESSION['tasks'] = [];
  }
?>

Adicionando tarefas à lista

Processe o envio do formulário para adicionar uma nova tarefa à sessão. Exemplo:

Dica: Use trim() para remover espaços desnecessários da entrada do usuário.

<?php
  if (isset($_POST['add'])) {
    $task = trim($_POST['task']);
    if (!empty($task)) {
      $_SESSION['tasks'][] = $task;
    }
  }
?>

Exibindo a lista de tarefas

Use um loop para exibir as tarefas armazenadas na sessão. Exemplo:

Ponto importante: Cada tarefa inclui um botão de exclusão para removê-la da lista.

<ul>
  <?php
    if (!empty($_SESSION['tasks'])) {
      foreach ($_SESSION['tasks'] as $key => $task) {
        echo "<li>$task <form style='display:inline;' method='post'><button type='submit' name='delete' value='$key'>Delete</button></form></li>";
      }
    } else {
      echo "<li>No tasks added yet.</li>";
    }
  ?>
</ul>

Excluindo uma tarefa

Processe o envio do botão de exclusão para remover tarefas. Exemplo:

Dica: A reindexação garante que os índices das tarefas permaneçam consistentes após a exclusão.

<?php
  if (isset($_POST['delete'])) {
    $key = $_POST['delete'];
    unset($_SESSION['tasks'][$key]);
    $_SESSION['tasks'] = array_values($_SESSION['tasks']); // Re-index the array
  }
?>

Aprimorando o aplicativo

Veja alguns aprimoramentos que você pode adicionar:

Estilize o aplicativo com CSS para obter uma interface de usuário melhor.
Use JavaScript para adicionar caixas de diálogo de confirmação antes de excluir tarefas.
Armazene as tarefas em um banco de dados para manter os dados de forma persistente.

Ponto importante: Os aprimoramentos tornam o aplicativo mais fácil de usar e funcional.

Muito bem!

Parabéns! Você criou um aplicativo simples de lista de tarefas usando PHP. Você aprendeu a usar sessões para armazenar tarefas, processar dados de formulários e exibir e excluir tarefas dinamicamente. Na próxima lição, construiremos outro projeto divertido para aprimorar suas habilidades em PHP. Vamos continuar programando!

Criando uma lista de tarefas simples — ilustração 10

Perguntas Frequentes

A aula “Criando uma lista de tarefas simples” é grátis?

Sim — o texto completo de “Criando uma lista de tarefas simples” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de PHP Academy, atualize para CoddyKit PRO. O curso de PHP Academy inclui 2 aulas no total.

O que vou aprender em “Criando uma lista de tarefas simples”?

Crie um aplicativo básico de lista de tarefas com PHP e HTML Você pratica PHP Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar PHP Academy?

Nenhuma experiência prévia é necessária. PHP Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 2.

Quanto tempo leva a aula “Criando uma lista de tarefas simples”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de PHP Academy?

Sim. Cada aula de PHP Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

Criando uma lista de tarefas simples
Criando um formulário de contato

← Voltar para PHP Academy