Faculdade de Tecnologia e Inovação
SENAC DF
Curso:
ADS
Disciplina:
Programação para Web II
Do frontend ao backend: domine o PHP e construa aplicações web completas.
Profª. Maristela (Stela)
Visão Geral
O que vamos aprender nesta disciplina?
A disciplina de Programação para Web II é a sua porta de entrada para o universo do desenvolvimento backend. Enquanto na Web I você aprendeu a construir interfaces com HTML, CSS e JavaScript, agora é hora de entender o que acontece nos bastidores — no servidor — quando um usuário faz login, envia um formulário ou consulta dados.
Ao longo das aulas, você vai dominar o PHP, uma das linguagens mais utilizadas na web, e entender como ela processa dados, conecta-se a bancos de dados e gera páginas dinâmicas. A metodologia é 100% prática: laboratório, experimentação e código.
Parte 1
Conhecendo a disciplina e o papel do backend
Parte 2
Primeiros scripts em PHP: sintaxe, variáveis e tipos
Parte 3
Operadores e expressões em PHP
Parte 1
🧠 Dinâmica Inicial: O que você já sabe?
Antes de mergulhar no conteúdo técnico, vamos fazer uma dinâmica de diagnóstico. O objetivo é mapear o que você já conhece sobre desenvolvimento web e identificar lacunas que serão preenchidas ao longo da disciplina.
Reflita: Quando você acessa um site de e-commerce e faz uma compra, quais etapas acontecem sem que você veja? Onde seus dados são processados? Quem verifica se o pagamento foi aprovado?
A partir dessas reflexões, vamos analisar situações reais de sistemas web — como lojas online, redes sociais e plataformas de streaming — para entender onde o frontend termina e o backend começa.
Parte 1
Frontend × Backend: Qual a diferença?
Toda aplicação web moderna é composta por duas camadas fundamentais que trabalham juntas, mas com responsabilidades completamente distintas. Entender essa separação é o primeiro passo para se tornar um desenvolvedor completo.
Frontend (Cliente)
É tudo o que o usuário vê e interage: botões, formulários, animações, cores e layout. Tecnologias: HTML, CSS, JavaScript. Roda no navegador do usuário.
Backend (Servidor)
É o que acontece por trás das cortinas: validação de dados, autenticação, consultas ao banco de dados e lógica de negócio. Tecnologias: PHP, Python, Node.js. Roda no servidor.
Parte 1
Como Frontend e Backend se comunicam?
Quando você clica em "Entrar" em um site, o navegador envia uma requisição HTTP para o servidor. O servidor, usando uma linguagem como PHP, processa essa requisição — verifica login e senha no banco de dados — e devolve uma resposta (a página de boas-vindas ou uma mensagem de erro). Esse ciclo acontece em milissegundos, mas envolve diversas etapas complexas que você vai dominar nesta disciplina.
Parte 1
Por que PHP?
O PHP é uma das linguagens mais populares para o backend da web. Criada em 1994 por Rasmus Lerdorf, ela alimenta gigantes como Facebook, Wikipedia e WordPress (que representa mais de 40% de todos os sites da internet). É uma escolha estratégica para aprender backend por ser acessível, bem documentada e amplamente utilizada no mercado brasileiro.
77%
Websites
dos sites com backend usam PHP
40%
WordPress
da web roda sobre PHP
30+
Anos
de evolução contínua da linguagem
Parte 2
Configurando o ambiente de programação
Para facilitar o aprendizado e a experimentação com PHP, utilizaremos um ambiente de desenvolvimento portátil e pré-configurado. Este setup permite executar aplicações PHP diretamente do terminal do VSCode, sem a necessidade de instalações complexas como XAMPP ou Apache.
O objetivo: Ter um ambiente PHP funcional em poucos minutos, pronto para você codificar!
Baixar PHP
Obtenha o pacote ZIP.
Extrair
Organize os arquivos na pasta.
VSCode & Terminal
Abra o projeto e o terminal.
Iniciar Servidor
Execute o PHP em
localhost:8000.Na próxima etapa, detalharemos cada um desses passos para que você possa colocar o ambiente para rodar e começar a programar.
Parte 2
🚀 Laboratório PHP – Ambiente Portátil
Este projeto foi criado para permitir que os alunos executem aplicações PHP sem instalar XAMPP ou Apache, utilizando apenas o terminal do VSCode.
O ambiente utiliza uma versão portátil do PHP, funcionando diretamente dentro da pasta do projeto, o que garante facilidade e consistência para todos os alunos.
📁 Estrutura do Projeto
lab-php
│
├── php
│ ├── php.exe
│ ├── ext
│ ├── php.ini-development
│ └── outros arquivos do PHP
│
└── projeto
│
├── index.php
├── css
└── js
Parte 2
Criando o Ambiente portável no seu computador: Detalhes dos Primeiros Passos
Para dar continuidade à configuração do seu ambiente de desenvolvimento portátil, siga os passos detalhados abaixo:
💻 Requisitos
- Sistema Operacional Windows
- VSCode instalado e atualizado
- Navegador web (Chrome, Edge, Firefox, etc.)
📥 Passo 1 – Baixar o PHP
Acesse o site oficial para baixar o PHP:
Certifique-se de escolher a versão Thread Safe no formato ZIP. Por exemplo, uma versão como
php-8.x.x-Win32-vs16-x64.zip.📦 Passo 2 – Extrair o PHP
Descompacte o conteúdo do arquivo ZIP baixado diretamente na pasta:
lab-php/phpImportante: O arquivo executável
php.exe deve estar localizado diretamente dentro da pasta do seu projeto ex: lab-php/php.▶ Passo 3 – Abrir o projeto no VSCode
Com o VSCode aberto, navegue até o menu File → Open Folder e selecione a pasta
lab-php do seu projeto.Parte 2
Configurando o Ambiente portável: Baixando o Projeto do GitHub
Para agilizar a configuração, você pode obter a estrutura inicial do projeto
lab-php e os primeiros arquivos de exemplo diretamente do GitHub Classroom. Isso garante que você tenha a base correta para seguir as aulas.Após aceitar a tarefa no GitHub Classroom, disponível em https://classroom.github.com/a/ft2QyyU8, baixe o repositório em arquivo zip para o seu computador. Certifique-se de escolher um local de fácil acesso.
Meus documentos/lad-phpAtenção: Uma vez feito o download, a pasta
lab-php estará no seu sistema. Lembre-se de seguir as instruções anteriores para colocar o php.exe (que você baixou) dentro da subpasta lab-php/php, caso ele ainda não esteja lá.Fique atendo às instruçoes
Parte 2
Configurando o Ambiente: Detalhes dos Primeiros Passos (Cont.)
Continue a configuração do seu ambiente de desenvolvimento portátil seguindo os passos detalhados abaixo:
01
Abrir o Terminal
No VSCode, acesse o menu Terminal → New Terminal.
02
Entrar na Pasta do Projeto
No terminal, digite:
cd projeto03
Iniciar o Servidor PHP
Execute o comando:
..\php\php -S localhost:8000Se tudo estiver correto, você verá a mensagem:
PHP Development Server started04
Abrir no Navegador
Abra o seguinte endereço no seu navegador web:
http://localhost:8000O arquivo
index.php será executado automaticamente.✔ Testar se o PHP está funcionando
Para verificar se a instalação está correta, crie um arquivo
index.php na pasta projeto com o seguinte código:<?php
phpinfo();
?>Se ao acessar
http://localhost:8000 no navegador você visualizar a página de informações do PHP, seu ambiente está pronto para uso!📚 Objetivo do Laboratório
Este ambiente portátil será a sua caixa de ferramentas para experimentar e aprender as seguintes tecnologias:
- PHP (para o backend)
- HTML (para estruturar o frontend)
- CSS (para estilizar o frontend)
- JavaScript (para interatividade no frontend)
Parte 2
Primeiros Scripts em PHP
Chegou a hora de colocar a mão no código! Na Parte 2, você vai criar seus primeiros programas em PHP, entender a estrutura básica de um arquivo
.php e aprender a exibir informações na tela. A metodologia é direta: escrever, executar, analisar erros, corrigir e repetir.Estrutura de um arquivo PHP
Todo script PHP começa com a tag de abertura
<?php e, opcionalmente, termina com ?>. Dentro dessas tags, você escreve a lógica do servidor. O PHP pode ser incorporado dentro de HTML ou usado em arquivos independentes.<?php
echo "Olá, Mundo!";
print "Bem-vindo ao PHP!";
?>echo × print
echo e print são comandos para exibir conteúdo na tela. A principal diferença:- echo — aceita múltiplos parâmetros, é ligeiramente mais rápido
- print — aceita apenas um parâmetro, retorna sempre 1
Na prática,
echo é o mais utilizado no dia a dia.Parte 2
Variáveis e Constantes em PHP
Variáveis são como caixas rotuladas que armazenam dados temporariamente durante a execução do programa. Em PHP, toda variável começa com o símbolo
$ seguido do nome. Já as constantes são valores fixos que não mudam durante a execução.📦 Variáveis
$nome = "Maria";
$idade = 21;
$media = 8.5;
$aprovado = true;O PHP é dinamicamente tipado: você não precisa declarar o tipo — ele é definido automaticamente pelo valor atribuído.
🔒 Constantes
define("PI", 3.14159);
define("NOME_SISTEMA", "MeuApp");
const VERSAO = "2.0";Use constantes para valores que nunca devem ser alterados, como configurações do sistema ou valores matemáticos.
Parte 2
Tipos de Dados no PHP
Conhecer os tipos de dados é essencial na programação porque eles definem a natureza dos valores com os quais seu código opera, influenciando como os dados são armazenados e manipulados. Isso é crucial para escrever um código robusto, legível e que funcione como esperado, prevenindo bugs inesperados.
O PHP suporta oito tipos primitivos, que podem ser categorizados em três grupos principais:
- Escalares (
string,int,float,bool): representam um único valor.
- Compostos (
array,object): armazenam coleções de dados ou instâncias de classes.
- Especiais (
null,resource): para valores nulos ou referências a recursos externos.
É importante notar que o PHP é uma linguagem dinamicamente tipada (conhecido como 'type juggling'). Isso significa que você não precisa declarar explicitamente o tipo de uma variável; o PHP infere e ajusta o tipo automaticamente conforme o valor atribuído a ela. Compreender esses tipos é fundamental para evitar erros comuns, como comparações inesperadas ou comportamentos indesejados ao realizar operações com diferentes tipos de dados.
A seguir, vamos explorar os tipos mais fundamentais que você utilizará constantemente em seus primeiros projetos:
String
Texto entre aspas simples ou duplas. Ex:
"Olá" ou 'Mundo'Integer
Números inteiros positivos ou negativos. Ex:
42, -7Float
Números com casas decimais. Ex:
3.14, -0.5Boolean
Verdadeiro ou falso. Ex:
true, falseDica: Use a função
var_dump($variavel) para descobrir o tipo e o valor de qualquer variável. É uma ferramenta essencial para depuração!Parte 2
🔬 Metodologia: Aprender Fazendo
A Parte 2 segue uma abordagem de aprendizagem prática em laboratório. Você não vai apenas assistir — vai escrever, errar, corrigir e entender. Esse ciclo é a base de como programadores reais trabalham todos os dias.
01
Escreva o código
Crie o script PHP seguindo as orientações do exercício proposto.
02
Execute e observe
Rode no servidor local (XAMPP/WAMP) e veja o resultado no navegador.
03
Analise os erros
Leia as mensagens de erro com atenção — elas indicam exatamente onde e o que corrigir.
04
Reescreva e aprimore
Ajuste o código até funcionar e, então, explore variações e melhorias.
Parte 3
Operadores e Expressões em PHP
Operadores são os verbos da programação: eles dizem ao computador o que fazer com os dados. Na Parte 3, você vai usar operadores para resolver problemas reais — desde cálculos simples até validações complexas com expressões lógicas.
Aritméticos
Cálculos matemáticos: soma, subtração, multiplicação, divisão e módulo
Relacionais
Comparações entre valores: igual, diferente, maior, menor
Lógicos
Combinação de condições: AND, OR, NOT
Concatenação
Juntar textos e variáveis com o operador ponto (.)
Parte 3
Operadores Aritméticos na Prática
Os operadores aritméticos do PHP funcionam como na matemática tradicional. Eles são fundamentais para cálculos de notas, preços, descontos e qualquer lógica que envolva números.
Exemplo Prático: Média de Notas
$nota1 = 7.5;
$nota2 = 8.0;
$nota3 = 6.5;
$media = ($nota1 + $nota2 + $nota3) / 3;
echo "Média: " . $media;
// Resultado: Média: 7.3333...Parte 3
Operadores Relacionais e Lógicos
Os operadores relacionais comparam valores e retornam
true ou false. Já os operadores lógicos combinam condições, permitindo criar regras mais complexas. Juntos, eles são a base para tomadas de decisão no código.Relacionais
== igual, != diferente, > maior, < menor, >= maior ou igual, <= menor ou igual, === idêntico (valor e tipo)Lógicos
&& (E) — ambas verdadeiras. || (OU) — ao menos uma verdadeira. ! (NÃO) — inverte o resultado.Concatenação
O operador
. (ponto) une strings: "Olá, " . $nome resulta em "Olá, Maria". Use .= para concatenar e atribuir.Parte 3
🧩 Resolvendo Problemas Contextualizados
A metodologia da Parte 3 é baseada em resolução de problemas reais. Cada exercício simula uma situação concreta que você enfrentaria no mercado de trabalho. Depois de resolver, a turma analisa e compara diferentes abordagens — porque em programação, quase sempre existe mais de uma solução correta.
🛒 Carrinho de Compras
Calcule o total de uma compra com desconto percentual e verifique se o cliente tem saldo suficiente usando operadores aritméticos e relacionais.
🎓 Sistema de Notas
Determine se o aluno foi aprovado considerando média mínima E frequência acima de 75%, combinando operadores lógicos.
📋 Gerador de Relatório
Monte uma string de relatório concatenando nome, nota e situação do aluno de forma dinâmica e formatada.
Lembre-se: Não existe apenas uma forma de resolver um problema. Compare sua solução com a dos colegas e descubra abordagens que você não tinha pensado!
Resumo e Próximos Passos
Você deu os primeiros passos no mundo do backend web com PHP. Veja o que cobrimos e para onde estamos caminhando:
1
Entendemos o papel do backend
A diferença entre frontend e backend, o ciclo requisição-resposta e por que o PHP é relevante no mercado atual.
2
Escrevemos nossos primeiros scripts
Estrutura de arquivos PHP, variáveis, constantes, tipos de dados e os comandos
echo e print.3
Dominamos operadores e expressões
Operadores aritméticos, relacionais, lógicos e concatenação aplicados em problemas práticos contextualizados.
Nas próximas aulas: estruturas de controle (if/else,switch), loops (for,while) e funções — as ferramentas que vão dar inteligência aos seus programas!