Clique aqui e veja todas as aulas
1. Importância de uma Estrutura de Pastas Bem Definida
Uma boa organização de pastas permite que você e outros desenvolvedores naveguem pelo projeto com facilidade, encontrando rapidamente os arquivos necessários. Além disso, uma estrutura bem definida ajuda a evitar confusões e erros, especialmente em projetos maiores.
2. Criando a Estrutura de Pastas
Vamos criar uma estrutura básica de pastas para o projeto. Esta estrutura será expandida conforme adicionamos novas funcionalidades ao sistema.
Passo 1: Criando as Pastas Principais
Dentro da pasta raiz do projeto gerenciador_tarefas, crie as seguintes pastas:
css/: Esta pasta armazenará todos os arquivos CSS utilizados para estilizar o site.js/: Aqui ficarão os arquivos JavaScript, que serão usados para adicionar interatividade ao projeto.img/: Use esta pasta para armazenar todas as imagens que serão utilizadas no site.classes/: Esta pasta conterá as classes PHP que serão criadas para organizar a lógica do sistema.includes/: Armazene nesta pasta os arquivos PHP que serão incluídos em várias partes do projeto, como cabeçalhos, rodapés e configurações.uploads/: Esta pasta será usada para armazenar arquivos enviados pelos usuários, como imagens ou documentos.config/: Use esta pasta para armazenar arquivos de configuração, como a conexão com o banco de dados.views/: Armazene aqui as páginas HTML ou templates que serão exibidos ao usuário.
Passo 2: Criando Arquivos Básicos
Após criar as pastas, vamos criar alguns arquivos básicos que serão usados futuramente.
- Dentro da pasta
css/, crie um arquivo chamadostyle.css. Este arquivo será usado para definir o estilo da nossa aplicação. - Dentro da pasta
js/, crie um arquivo chamadomain.js. Este arquivo conterá scripts JavaScript para adicionar funcionalidades ao site. - Dentro da pasta
includes/, crie arquivos chamadosheader.phpefooter.php. Esses arquivos serão incluídos em várias páginas para compor o cabeçalho e o rodapé do site.
Passo 3: Estrutura do Arquivo index.php
O arquivo index.php na raiz do projeto será o ponto de entrada da aplicação. Vamos modificá-lo para incluir o cabeçalho e rodapé:
<!DOCTYPE html>
<html>
<head>
<title>Gerenciador de Tarefas</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<?php include 'includes/header.php'; ?>
<h1>Bem-vindo ao Gerenciador de Tarefas</h1>
<p>Aqui você pode gerenciar suas tarefas de forma simples e eficiente.</p>
<?php include 'includes/footer.php'; ?>
<script src="js/main.js"></script>
</body>
</html>
Nesse código, o cabeçalho (header.php) e o rodapé (footer.php) são incluídos na página principal.
3. Visão Geral da Estrutura de Pastas
A estrutura final deve ficar assim:
gerenciador_tarefas/
│
├── css/
│ └── style.css
│
├── js/
│ └── main.js
│
├── img/
│
├── classes/
│
├── includes/
│ ├── header.php
│ └── footer.php
│
├── uploads/
│
├── config/
│
├── views/
│
└── index.php
A estrutura final deve ficar assim:
gerenciador_tarefas/: Pasta raiz do projeto.
index.php: Arquivo principal que carrega a página inicial.css/: Pasta onde colocaremos os arquivos CSS para estilizar o site.js/: Pasta onde colocaremos os arquivos JavaScript para interatividade.classes/: Pasta onde criaremos nossas classes PHP que serão usadas para a lógica do sistema.includes/: Pasta para armazenar arquivos que serão incluídos em várias partes do projeto, como cabeçalhos e rodapés.
Essa estrutura oferece uma base sólida para o desenvolvimento do sistema, permitindo que diferentes partes do código sejam organizadas de forma lógica e fácil de navegar.
4. Próximos Passos
Com a estrutura de pastas do projeto criada, estamos prontos para começar a desenvolver as funcionalidades principais do Sistema de Gerenciamento de Tarefas. Na próxima aula, vamos revisar alguns conceitos básicos da linguagem PHP antes de começarmos nosso projeto.
