B01 | PHP do zero: crie sua primeira página dinâmica

Escolha seu idioma

Selecione uma bandeira para abrir esta lição no seu idioma.

EnglishFrançaisالعربيةKiswahiliPortuguêsEspañol

Aviso de tradução automática: esta versão foi preparada por tradução automática e pode conter imprecisões. O código e os exercícios são equivalentes à fonte em espanhol. Os gráficos são neutros em relação ao idioma.

Nível básico · Lição B01 · 60–90 minutos

PHP do zero: crie sua primeira página dinâmica

Aprenda como o PHP gera HTML no servidor e constrói uma página que muda quando seus dados são modificados.

Resultado: crie uma página cujo conteúdo muda ao modificar dados em PHP, sem reescrever sua estrutura HTML.

O problema: uma página que pode mudar

Uma página escrita exclusivamente em HTML exibe conteúdo fixo. Se quisermos personalizar uma saudação, apresentar informações diversas ou responder aos dados recebidos, precisamos gerar parte do HTML no servidor. PHP permite que você faça esse trabalho antes de enviar a página para o navegador.

Neste primeiro post construiremos uma página simples com nome e título do curso armazenados como dados. Ao alterá-los, o conteúdo visível será atualizado sem modificar a estrutura da página.

Esta entrada inicia a rota

Antes de começar, revise a introdução ao nível básico. Você só precisa reconhecer tags HTML básicas. Na próxima lição veremos variáveis e tipos de dados.

Conceitos essenciais

PHP é executado no servidor

O navegador solicita um arquivo .php. O servidor interpreta as instruções PHP, normalmente gera uma resposta HTML e a envia. O navegador exibe o resultado; Você não deve receber o código PHP original.

O navegador recebe o resultado gerado, não as instruções do PHP.

Blocos PHP

As instruções são escritas entre <?php e ?>. Aqui combinaremos PHP e HTML para distinguir a função de cada linguagem.

echo

echo envie um texto para a resposta. Cada instrução termina com um ponto e vírgula.

<?php echo "Hola desde PHP"; ?>

Variáveis

Uma variável preserva dados para reutilização. Em PHP começa com $.

<?php
$studentName = "Amina";
?>

Decisão: dados e apresentação separados

Definiremos os dados no início e os exibiremos no HTML. Os dados poderão mudar sem nos obrigar a duplicar a estrutura visual.

Exercício guiado

1. Prepare o ambiente

Você precisa de um editor, um navegador e um servidor local com PHP. Salve o arquivo na pasta pública configurada e abra-o usando um endereço de servidor local.

2. Crie index.php

<?php
$studentName = "Amina";
$course = "Panafrikan PHP";
?>
<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mi primera página PHP</title>
</head>
<body>
  <h1>Hola, <?php echo $studentName; ?>.</h1>
  <p>Bienvenida al curso <?php echo $course; ?>.</p>
  <p>Esta página fue generada por PHP.</p>
</body>
</html>

3. Corra e observe

Abra o URL local correspondente. Você deverá ver a saudação e o curso, mas não as tags PHP.

4. Altere os dados

Substitui Amina por outro nome e atualize o navegador. Então isso muda $course. A estrutura HTML permanece a mesma enquanto o conteúdo muda.

Confira o resultado

• O arquivo é chamado index.php.
• Você o abre através do servidor local.
• O navegador não exibe código PHP bruto.
• O nome e o curso aparecem.
• Alterar uma variável e atualizar altera o resultado.

Verifique o que você aprendeu

1. Onde o PHP é executado?
2. O que o navegador normalmente recebe?
3. Como você reconhece uma variável em PHP?
4. Que vantagem obtivemos ao salvar o nome em uma variável?

Desafio 01: perfil dinâmico do aluno

Crie uma página com dados fictícios que inclua:

• Quatro variáveis: nome, país, objetivo e horas disponíveis por semana.
• Um título e pelo menos três parágrafos ou uma lista.
• Uma estrutura HTML que não muda ao tentar outro perfil.
• Dois testes com conjuntos de dados diferentes.
• HTML legível e fechado corretamente.

Não inclua números de telefone, documentos, endereços, senhas ou outros dados confidenciais.

O que você deve entregar?

1. O arquivo index.php.
2. Uma captura de tela da página funcionando.
3. Uma explicação de três a cinco frases.
4. As duas mudanças testadas e o que foi observado.
5. Uma pergunta específica para o Tutor Virtual.

Construa seu perfil dinâmico, teste-o com dois conjuntos de dados e envie sua solução para o Panafrikan PHP Virtual Tutor.

Canal provisório: Compartilhe nos comentários um resumo da sua solução, dos dois testes realizados e da sua dúvida. Mantenha o arquivo index.php para enviá-lo quando habilitarmos o Tutor Virtual.

COMPARTILHE MEU RESULTADO

Continuar aprendendo

Próxima postagem: B02 — Variáveis ​​e tipos de dados. O link será ativado quando a aula for publicada.