Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu...

50
Prof. Esp. Andrew Rodrigues www.andrewrodrigues.com.br www.andrewrodrigues.com.br 1

Transcript of Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu...

Page 1: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Prof. Esp. Andrew Rodrigues

www.andrewrodrigues.com.br

www.andrewrodrigues.com.br 1

Page 2: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

PHP em Ação

• PHP é uma linguagem de programação que pode

fazer todo o tipo de coisas: avaliar dados de

formulários enviados por um navegador, criar

conteúdo web personalizado para o navegador,

conversar com um banco de dados, e até mesmo

enviar e receber cookies (pequenos pacotes de dados

que seu navegador usa para lembrar das coisas).

www.andrewrodrigues.com.br 2

Page 3: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Por que Aprender PHP?

• "E daí?", você pode dizer. "Posso fazer isso comJavaScript."

E é verdade! Mas o conhecimento de JavaScript pode ser

limitado.

• JavaScript geralmente é executado no navegador, ou cliente.

Isso significa que ele só sabe o que está acontecendo

realmente no seu navegador, e sobre as informações que ele

obtém dos websites aos quais você está conectado.

• PHP, por outro lado, é executado no mesmo computador que

o website que você está visitando, que é conhecido

como servidor. Isso significa que ele tem acesso a toda a

informação e a todos os arquivos naquela máquina, o que o

permite construir páginas HTML personalizadas para enviar

ao seu navegador, manusear cookies, e executar tarefas ou

realizar cálculos com dados obtidos a partir do website. www.andrewrodrigues.com.br 3

Page 4: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Escrevemos um

pequeno código em

PHP no editor à

direita, mas ele não

está completo! Na

linha 8, digite Minha

primeira linha em

PHP! entre “ ".

www.andrewrodrigues.com.br 4

Page 5: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

PHP e HTML

• O código PHP pode ser

escrito diretamente no

seu código HTML, assim:

• Seu código PHP vai

dentro dos

delimitadores<?php e ?>.

Aqui estamos usando a

função echo para

exibir Estou aprendendo

PHP!. Também

terminamos a linha com

um ponto e vírgula.

www.andrewrodrigues.com.br 5

Page 6: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Sua vez de tentar. Na linha

8, use echo para exibir seu

nome. Certifique-se de

terminar a linha com um

ponto e vírgula.

www.andrewrodrigues.com.br 6

Page 7: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Arquivos PHP

• Você deve ter percebido que nosso arquivo principal

agora é index.php no lugar de index.html. Isso é

importante! Isso mostra ao interpretador PHP que há

um código PHP no arquivo a ser interpretado.

www.andrewrodrigues.com.br 7

Page 8: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Echo

• A função echo exibe strings. Se você digitar

• PHP vai exibir Olá!.

• Certifique-se de terminar sua linha de código PHP

com um ponto e vírgula.

www.andrewrodrigues.com.br 8

Page 9: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Strings

• Uma string é uma palavra ou frase entre aspas,

assim: "Olá, mundo!".

• Você pode digitar uma string de uma vez, assim:

www.andrewrodrigues.com.br 9

Page 10: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Strings

• Ou usar o operador de concatenação, que cola

várias strings:

• O operador de concatenação é simplesmente um

ponto (.). (Se você está vendo PHP depois de ver

JavaScript, o ponto faz a mesma coisa com as strings

que o sinal + faz em JavaScript.)

www.andrewrodrigues.com.br 10

Page 11: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Vá em frente e exiba uma

string de sua escolha,

usando echo, na linha 8.

Tente usar o operador de

concatenação se você

estiver se sentindo

confiante!

www.andrewrodrigues.com.br 11

Page 12: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Aritmética

• Além de exibir strings, PHP também pode fazer

cálculos.

• Aqui, usamos echo para multiplicar 5 e 7, e

terminamos nossa linha de código com um ponto e

vírgula. PHP vai exibir o resultado 35.

www.andrewrodrigues.com.br 12

Page 13: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 8, entre <?php e ?>,

use echo para calcular 17 *

123. Certifique-se de terminar

seu código PHP com um ponto

e vírgula.

www.andrewrodrigues.com.br 13

Page 14: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

www.andrewrodrigues.com.br 14

Page 15: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Variáveis

• Até agora, exibimos strings e fizemos cálculos

matemáticos.

• Para escrever códigos mais complexos, precisamos

de uma forma de "salvar" esses valores. Podemos

fazer isso usando variáveis. Uma variável pode

armazenar uma string ou ou número, e dá ao dado

armazenado um nome específico, sensível a letras

maiúsculas e minúsculas.

www.andrewrodrigues.com.br 15

Page 16: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Variáveis - Exemplos

• $myName = "Beyonce";

• $myAge = 32;

• Todos os nomes de variáveis em PHP começam com

um sinal de cifrão ( $ ).

www.andrewrodrigues.com.br 16

Page 17: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 8, crie uma variável

chamada $myName e atribua

seu nome a ela. Certifique-se

de terminar seu código PHP

com um ponto e vírgula.

www.andrewrodrigues.com.br 17

Page 18: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

www.andrewrodrigues.com.br 18

Page 19: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Ponto e Vírgula

• Você provavelmente notou que nossas linhas de

código PHP terminam com um ponto e vírgula (;). PHP

requer o uso de ponto e vírgula no final de cada

instrução, que é a menor unidade independente do

código. (Por exemplo, echo "Olá!"; ou 2 + 2;)

• Você pode pensar em uma instrução como um

pensamento completo em PHP. 19 + ou echo não são

pensamentos completos, então você não deve colocar

ponto e vírgula ao final deles!

www.andrewrodrigues.com.br 19

Page 20: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Acidentalmente,esquec

emos de colocar nosso

ponto e vírgula na linha

8. Coloque-o lá!

www.andrewrodrigues.com.br 20

Page 21: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Comentários

• Assim como, às vezes, usamos comentários em CSS

(usando /* essa sintaxe */) ou em HTML (usando <!--

essa sintaxe -->), também podemos colocar

comentários no nosso código PHP! Fazemos isso

usando duas barras (//), assim:

www.andrewrodrigues.com.br 21

Page 22: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Vá em frente e adicione um comentário ao nosso

código PHP. Ele pode dizer o que você quiser!

www.andrewrodrigues.com.br 22

Page 23: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Criando uma Variável

• A prática leva à perfeição! Vamos começar criando

uma variável e atribuindo um valor a ela.

• Instruções

• Declare uma variável, $myName, e atribua a ela seu

nome em forma de string.

www.andrewrodrigues.com.br 23

Page 24: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Criando uma Variável

www.andrewrodrigues.com.br 24

Page 25: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Deixe a Máquina Fazer os Cálculos

• Lembre-se, computadores foram feitos para fazer

coisas que não queremos fazer! E isso inclui fazer

cálculos tediosos.

• Instruções

• Depois da sua primeira variável, declare uma

segunda, $myAge, e atribua a ela sua idade como um

número. Lembre-se: não use aspas em volta dos

números!

www.andrewrodrigues.com.br 25

Page 26: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Comparações

• Até agora, vimos:

• strings (exemplo "dogs go woof!")

• números (exemplo 4, 10)

• Agora vamos aprender sobre operadores de

comparação.

www.andrewrodrigues.com.br 26

Page 27: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Lista de operadores de comparação:

> Maior que

< Menor que

<= Menor ou igual

>= Maior ou igual

== Igual

!= Diferente

www.andrewrodrigues.com.br 27

Page 28: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 8, use um operador de comparação para

comparar dois números. Certifique-se de terminar sua

linha de código com um ponto e vírgula.

www.andrewrodrigues.com.br 28

Page 29: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

• Eis como comparar que 6 é menor que 7:

www.andrewrodrigues.com.br 29

Page 30: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções If

• Bom trabalho nas comparações! Agora, vamos ver

como podemos usar as comparações para fazer

perguntas de sim ou não.

• Suponha que queiramos escrever um programa que

pergunta se seu nome tem mais de 7 letras. Se a

resposta for sim, podemos responder com "você tem

um nome grande. Podemos fazer isso com uma

instrução if:

www.andrewrodrigues.com.br 30

Page 31: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções If

• Uma estrutura if é composta pela palavra reservada if,

uma condição, como vimos antes, e um par de

chaves{ }. Se a resposta à condição for sim, o código

dentro das chaves será executado.

www.andrewrodrigues.com.br 31

Page 32: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 7, defina $items como um número maior que 5. Certifique-se de colocar um ponto e vírgula no final da linha.

• Na linha 9, edite a condição para que seu programa imprima Você obteve 10% de desconto!.

www.andrewrodrigues.com.br 32

Page 33: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

• Se a condição na linha 9 for verdadeira, o código entre

chaves será executado.

www.andrewrodrigues.com.br 33

Page 34: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Adicionando um Else

• Ótimo! Usamos uma estrutura if para fazer alguma coisa se a resposta à condição for sim, ou verdadeira, true, como dizemos em PHP.

• Além de fazer alguma coisa quando a condição é true, podemos fazer alguma coisa se a condição for falsa, false. Podemos fazer isso usando uma instrução if / else:

www.andrewrodrigues.com.br 34

Page 35: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Adicionando um Else

• Assim como antes, se a condição é verdadeira true,

então somente o código dentro do primeiro par de

chaves será executado. Caso contrário, a condição é

falsa false, então somente o código dentro do

segundo par de chaves, depois da palavra

reservada else, será executado.

• No exemplo acima, a condição $name== "Simon" é

falsa false, já que o nome $name é Edgar. Uma vez

que a condição é falsa false, apenas o código dentro

das chaves depois da palavra reservada else é

executado, e imprime Who are you?

www.andrewrodrigues.com.br 35

Page 36: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Abaixo da sua

instrução if na linha 12,

escreva uma

instrução else para

capturar as pessoas

que estão comprando

apenas 5 itens ou

menos. Nesse caso,

use echo para

exibir "Você obteve 5%

de desconto!".

www.andrewrodrigues.com.br 36

Page 37: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

• Lembre-se exibir a mensagem "Você obteve 5% de

desconto!", exatamente como nas instruções.

• Seu código deve ser algo parecido com:

www.andrewrodrigues.com.br 37

Page 38: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Tudo Junto Agora!

• Agora vamos praticar o uso das instruções if / else.

www.andrewrodrigues.com.br 38

Page 39: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 8, escreva uma instrução if/ else, como

fizemos no último exercício. Eis um esboço do código:

www.andrewrodrigues.com.br 39

Page 40: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções – cont.

• Se sua condição for verdadeira true, seu código deve

exibir, usando echo, "A condição é verdadeira"

• Caso contrário (else), quando é falsa, seu código deve

exibir, usando echo, "A condição é falsa".

• Certifique-se de que a condição seja false, para que

seu programa exiba "A condição é falsa".

www.andrewrodrigues.com.br 40

Page 41: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

• Seu código deve se parecer com:

www.andrewrodrigues.com.br 41

Page 42: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Sintaxe do Switch

• Uma instrução switch é similar a uma

instrução if / elseif / else na qual você pode verificar

várias condições. Eis como ela se parece:

www.andrewrodrigues.com.br 42

Page 43: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Sintaxe do Switch

• Uma instrução switch é composta pela palavra reservada switch, uma variável a ser verificada, e um par de chaves { }. Aqui verificamos o valor de $myNum.

• Então temos um bloco case para cada comparação. Por exemplo case 1: echo"1"; break; verifica se $myNum é igual a 1. Se sim, ele exibe, usando echo, "1", e usa a instrução break para sair do switch.

• Caso contrário, o próximo bloco case é executado.

• Se todos os blocos case retornarem falso, o bloco case padrão default é executado.

www.andrewrodrigues.com.br 43

Page 44: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Na linha 10, tem uma

instrução switch

• Preencha os

espaços __ com o código

correto. Verifique o

exemplo acima

• Adicione o case default.

www.andrewrodrigues.com.br 44

Page 45: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Dica

• Você deve substituir os dois __ com as

palavras break ou case. Verifique o exemplo acima para

ver onde o bloco case default e break devem ser

www.andrewrodrigues.com.br 45

Page 46: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Vários Cases. Falling Through!

• Às vezes você quer fazer várias expressões, todas

com o mesmo resultado. Considere a seguinte

instrução if:

www.andrewrodrigues.com.br 46

Page 47: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Vários Cases. Falling Through!

• Com uma instrução switch, você pode fazer isso

adicionando um case após o outro sem usar o break.

Essa técnica é chamada falling through (cair através

de todos os cases). O código a seguir funciona

exatamente como a instrução if acima:

www.andrewrodrigues.com.br 47

Page 48: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Instruções

• Substitua os dois

caracteres

sublinhados para

fazer com que o

switch também

verifique 3 e 4.

www.andrewrodrigues.com.br 48

Page 49: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Faça Você Mesmo!

• É hora de mostrar o que você

aprendeu sobres witches até

agora!

• Instruções

• Crie uma instrução switch

com 3 cases diferentes e um

case default se você quiser. Fique

à vontade para usar a sintaxe

alternativa também!

www.andrewrodrigues.com.br 49

Page 50: Prof. Esp. Andrew Rodrigues  · PHP e HTML • O código PHP pode ser escrito diretamente no seu código HTML, assim: ... Vamos começar criando uma variável e atribuindo um valor

Material Disponível

www.andrewrodrigues.com.br

www.andrewrodrigues.com.br 50