sexta-feira, 9 de novembro de 2012

Aula 09/11 Criando Funções


Olá,

Nas últimas duas aulas iniciamos nosso aprendizado da linguagem PHP, aprendemos como utilizar a sintaxe PHP em meio ao nosso HTML, como imprimir conteúdos, utilizar variáveis e transferir informações de outra página com get e post.
Vamos dar uma pequena revisada, resumindo nosso caminho até aqui:

  • Delimitar o espaço do php com <?php e ?>
  • Gerar textos na página com o echo "texto qualquer";
  • Criar variáveis com $variavel = "conteudo";
  • Imprimir variáveis com echo $variavel;
  • Receber informações de outra página com $_GET["campo"] e $_POST["campo"];

Agora vamos dar um passo a mais em nosso aprendizado para melhorar nossos sites com PHP.
Na aula de hoje iremos aprender como criar funções, e como utilizá-las para resolver problemas propostos.
Também vamos conhecer algumas funções prontas do PHP e aprender como pesquisar as funções existentes na internet.

Função
Funções são blocos de código criados para serem reaproveitados em nosso site, estes pequenos espaços podem conter qualquer programação em PHP e ser chamada várias vezes, conforme necessário.
Algumas funções são criadas para resolver problemas específicos, como uma fórmula ou um tipo de cálculo.

Para criar uma função para usar a palavra function seguido do nome da função e de parênteses "()". O espaço destinado ao código deve ser delimitado com chaves "{}".
Veja o exemplo:
function dizMeuNome() {
  echo "Willian Soares";
}

Para chamar essa função, fazendo ela funcionar basta usarmos o seu nome, digitando dizMeuNome(); em nosso código.

Note: a palavra function criando a função, o nome da função (segue a mesma regra do nome de variáveis, ou seja, nada de caracteres especiais), os parênteses e as chaves.
Dentro das chaves, vemos o nosso código, no caso o comando echo.
Simples? Vamos complicar um pouco, nós podemos passar informações para nossa função, para que ela faça algo com isto, e então apresente um resultado.
Chamamos de "parâmetros" os dados que passamos para uma função, estes parâmetros devem ser declarados como variáveis e separados por vírgulas.

Exemplo de como uma função imprimir o resultado de uma conta de multiplicação:

function vezes($valor1, $valor2) {
  echo ($valor1 * $valor2);
}

Bacana né? Para fazê-la funcionar podemos fazer como no exemplo abaixo:
vezes(25, 10);
Isto deve imprimir o resultado "250".

Nós podemos usar o resultado de uma função sem precisar imprimir isto, ou seja, a função apenas devolve para uma variável o resultado de seu cálculo. E então o programador usa esse resultado como achar melhor, vamos melhorar nosso exemplo:
function vezes($valor1, $valor2) {
  return ($valor1 * $valor2)
}

Note que temos uma palavra nova "return". Isto significa retorno, ou seja, nesse momento a função irá retornar seu resultado.
Uma forma de fazer uso da função desta forma pode ser vista abaixo:
$calc = vezes(25, 10);
echo "O resultado de 25 x 10 é " . $calc;

Vamos recapitular alguns pontos importantes sobre funções:

  • Trechos de blocos que podem ser reaproveitados
  • Poder efetuar e devolver resultados de cálculos
  • Seu nome deve possuir letras ou números ou "_" apenas
  • Entre parenteses podemos declarar parâmetros
  • As chaves delimitam o espaço de nosso bloco de código.

Funções do PHP
Da mesma maneira que usamos funções que criamos, podemos usar funções já existentes no PHP, e são miliares!
Vou listar aqui abaixo algumas funções interessantes para manipulação de texto:
strlen(): diz a quantidade de caracteres de um texto.
strtolower(): transforma o texto em minúsculo.
strtoupper(): transforma o texto em maiúsculo.

Vamos testar? Veja um exemplo de como aplicar estas funções no código.

$nome = "Willian Soares";
echo $nome . " possui " . strlen($nome) . " letras<p>";
echo "<p>Em minusculo: " . strtolower($nome);
echo "<p>Em maiusculo: " strtoupper($nome);


Bacana né? Existem alguns sites aonde podemos pesquisar muitas funções legais do php:
Acessem:
http://www.php.net/manual/pt_BR/book.strings.php

sexta-feira, 26 de outubro de 2012

Aula 25/10 Sobre o GET e POST.

Olá,

Hoje teremos a nossa segunda aula de PHP, dando continuidade ao nosso estudo sobre como criar páginas web para a Internet.

Uma pequena revisão, na última aula nós aprendemos:

  • Códigos em PHP se misturam ao HTML básico através das tags <?php e ?>;
  • O comando "echo" exibe qualquer conteúdo do php direto no código HTML;
  • Para textos usamos aspas (") no início e fim;
  • Para números usamos apenas os números, sem aspas;
  • Para números com valores decimais (como dinheiro), usamos ponto e não vírgula para separar;
  • Variáveis são espaços no programa que usamos para guardar qualquer informação para reutilizar depois.
  • Variáveis devem começar com $ (cifrão), em acentos, espaços ou caracteres especiais.
  • Para usar o nome da variável, o símbolo "igual " (=) e o conteúdo que queremos armazenar.
  • Podemos usar  um único comando "echo" com diversos conteúdos impressos unidos pelo símbolo "ponto" (.);
  • Ponto-e-vírgula no fim de cada linha de comando PHP.


Exemplo:
<!DOCTYPE html> 
<html>
  <head>
    <title>
      Meu primeiro programa PHP
    </title>
  </head>
  <body>
      <?php
         $nome "Pedro Calcanhar";
         echo "<p>Nome: " . $nome . "</p>";
      ?>
  </body>
</html>

Quando o internauta envia informações para a página
É comum em uma página de internet o internauta digitar alguma informação que é enviada para o site, fazendo com que outra página seja acessada com suas informações.
Exemplos de informações que costumamos enviar nas páginas que entramos:

  • Login
  • Nosso Email
  • Nossa Senha
  • Nome
  • Documentos
  • Idade
  • Dados de busca (como o do Google)
  • Etc

Como vemos, isto é muito comum. E muito fácil de ser feito por PHP.
Para ensinar e testar este tipo de operação em nossos estudos, preparei um cenário no qual vamos poder utilizar esta tecnologia e ainda se divertir de maneira muito interessante.
Calculadora: vamos criar duas páginas em nosso site: a principal (index.php) será um formulário aonde o internauta informa dois números e um tipo de operação. A segunda página (calc.php) irá receber os dados da primeira (como vamos aprender a seguir) e efetuar o cálculo, exibindo-o na página via comando echo que já aprendemos aqui antes.

Duas maneiras de atingir o mesmo resultado
Quando um internauta envia seus dados para o site, há duas maneiras do site fazer isso: GET e POST.
Basicamente, podemos entender como o seguinte: uma das formas é digamos, mais pública e simples, enquanto a outra é mais privada e segura.

GET
Este método é utilizado com mais frequência, pois é muito útil e simples para o envio de informações simples e não exigem um grau de segurança elevado, como por exemplo: campos de busca e parâmetros de busca.
É muito simples de perceber os dados sendo enviados e recebidos por GET, basta olhar para o endereço da página lá no navegador, tudo que vem após o ? (interrogação) são dados enviados por GET.
Exemplo, olhe este endereço:
https://www.google.com.br/?q=escolagestao

Veja que a informação "q=escolagestao" é um dado que foi enviado para a página por este método.

POST
O Post já é um método mais utilizado para enviar dados que exigem um nível de segurança um pouco maior, como login e senhas por exemplo ou uma quantidade de informações muito grande. Estes dados não aparecem no endereço da página e por isso não são fáceis de serem percebidos pelos internautas.

Formulários
Lembram da aula de formulários?
Olha o link: http://cursophpgestao.blogspot.com.br/2012/08/aula-3108-formularios.html

Cada campo do formulário é enviado para a página de destino por get ou por post.
Iremos testar com as duas opções.
Veja um exemplo de um formulário que envia o login e senha por post:

<!DOCTYPE html>
<html>
  <head>
    <title>
      Meu primeiro programa PHP
    </title>
  </head>
  <body>
    <form name="envio" action="destino.php" method="POST">
       <input type="text" name="login" />
       <input type="password" name="senha" />
       <input type="submit" value="Enviar" />
    </form>
  </body>
</html>


Simples não?
Note em verde alguns dados especiais, o endereço da página de destino, o método de envio, POST no caso, e o nome dos campos, o login e a senha neste caso.

Lendo o GET e POST pelo PHP
Agora que já vimos como enviar estas informações para a página de destino, vamos aprender como ler seu conteúdo em variáveis do PHP, lembram das variáveis? Na aula anterior falamos bastante sobre isso.

Vamos supor que temos duas informações recebidas, uma por GET e outra por POST, vou chamá-las de "nome", enviado por GET e "idade", enviado por POST.
Vou obter estes conteúdos e depois imprimí-los via comando echo. Vejam:
<?php
  $nome  = $_GET["nome"];
  $idade = $_POST["idade"];

  echo $nome;
  echo $idade;
?>

Simples não? Ou seja, basta usar as expressões $_GET[""] e $_POST[""] colocando entre as aspas o nome dos campos que foram enviados.

Agora é só acompanhar a aula presencial para ver como utilizamos isto tudo para gerar uma calculadora show de boa!

Se quiser se adiantar, pode conferir este exemplo funcional baixando ele neste link.
A imagem de fundo utilizada no exemplo pode ser conseguida logo abaixo:

sexta-feira, 19 de outubro de 2012

Aula 19/10 Usando e Exibindo Variáveis

Continuando nosso curso de PHP vamos começar a aprender os primeiros comandos desta linguagem maravilhosa. A aula de hoje será sobre como declarar e usar variáveis, imprimindo seu conteúdo em seu site em HTML.

Variável
Variáveis são utilizadas em qualquer linguagem de programação, o tempo todo! Mas o que são variáveis? É fácil de entender, varáveis vocês podem entender como qualquer informação que você precisa utilizar em seu programa, em seu código, e que pode ter seu valor, seu conteúdo manipulado e alterado no tempo. Por exemplo, um nome de uma pessoa, é uma variável, pois podemos ter qualquer nome, diversos nomes diferentes, uma idade para esta pessoa, também é uma variável, pois pode ser qualquer idade, em resumo, qualquer informação dinâmica que você precisa utilizar em seu site, pode ser uma variável.

Na prática:

Toda variável em PHP tem seu nome composto pelo caracter $ e uma string, que deve iniciar por uma letra ou o caracter “_”. PHP é case sensitive, ou seja, as variáveis $php e $PHP são diferentes. Por isso  é  preciso  ter  muito  cuidado  ao  definir  os  nomes  das  variáveis.  É  bom  evitar  os nomes  em  maiúsculas, pois como veremos mais adiante, o PHP já possui alguma variáveis pré-definidas cujos nomes são formados por letras maiúsculas.

Exemplos de nome de variáveis corretos:
$pessoa
$idade
$salario
$resposta
$_teste

Exemplos de nome de variáveis errados:
$250 - Não pode iniciar por números
$salário - Não pode ter acentos ou outros símbolos
idade - Não pode esquecer do $ no começo

Quando você for criar uma variável é interessante já criar dando a ela seu primeiro valor, ou seja, seu primeiro significado, exemplos:
Uma informação que representa um número (inteiro), como uma idade por exemplo:
$idade = 28;
Uma informação que representa um valor quebrado (decimais) como um salário por exemplo:
$salario = 1400.25;
Uma informação que representa um texto como um nome por exemplo:
$nome = "José da Silva";

Detalhes: notem que para atribuir o valor das variáveis usamos um simbolo "=" (igual), para textos usamos aspas "" entre o texto e para números apenas digitamos os numeros, separando as decimais com ponto (.) isso mesmo, ponto! Não use vírgula!

Exibindo as variáveis na página
Para exibir as variáveis basta usarmos um comando do PHP chamado "echo", e na frente o nome da variável.
Podemos também usar o echo para exibir qualquer texto que não esteja em uma variável, até comandos HTML. Assim:
echo "<p>Paragrafo aqui</p>";

Vamos conferir na prática como isso funciona?

<!DOCTYPE html> 
<html>
  <head>
    <title>
      Meu primeiro programa PHP
    </title>
  </head>
  <body>
    A parte abaixo está rodando em PHP:
    <p>
      <?php
         $nome = "Pedro Calcanhar";
         $idade = 28;
         $salario = 2400.36;

         echo "<p>";
         echo "Nome: ";
         echo $nome;
         echo "<br>";
         echo "Idade: ";
         echo $idade;
         echo "<br>";
         echo "Salário: ";
         echo $salario;
         echo "</p>";
      ?>
    </p>
  </body>
</html>

Executem este exemplo em seu computador, notem que o nome, a idade e o salário são exibidos na página em HTML, mas foram gerados por nosso PHP.

Juntando tudo
Podemos programar de uma maneira bem mais simples esse código que foi exibido, ao invés de termos 10 linhas de "echo" podemos reduzir concatenando, ou seja, juntando as informações em uma única linha.
Concatenação:
Para concatenar textos e variáveis, vamos usar o ponto ".", basta colocar um ponto entre as informações e pronto, veja o exemplo reformulado:

<!DOCTYPE html> 
<html>
  <head>
    <title>
      Meu primeiro programa PHP
    </title>
  </head>
  <body>
    A parte abaixo está rodando em PHP:
    <p>
      <?php
         $nome "Pedro Calcanhar";
         $idade = 28;
         $salario = 2400.36;

         echo "<p>" . "Nome: " . $nome . "<br>";
         echo "Idade: " . $idade . "<br>";
         echo "Salário: " . $salario . "</p>";
      ?>
    </p>
  </body>
</html>

Bem melhor né?

Aula 19/10 Introdução ao PHP

Finalmente chegamos ao objetivo principal do curso.
PHPHypertext Preprocessor, ou processador de hiper-texto. PHP é uma linguagem de programação que permite gerar páginas de web de forma dinâmica e eficiente.

Tudo que aprendemos até aqui, ou seja, formas de criar uma página de internet através de comandos HTML, será utilizado, porém de uma forma diferente.
Quando criamos uma página em HTML simples, ela é estática, ou seja, sempre igual, não sofre alteração até que o programador altere novamente o HTML.
Em PHP podemos criar uma página HTML que se altera dinamicamente no tempo, conforme a necessidade, por exemplo: podemos criar uma página que mostra a data e hora corretos, que exibe fotos de forma aleatória, permita a inclusão de novas fotos e até uma página de mensagens e email pode ser feita em PHP.

Algumas características do PHP:


  • Velocidade e robustez.
  • Estruturado e orientação a objetos.
  • Portabilidade - independência de plataforma - escreva uma vez, rode em qualquer lugar.
  • Tipagem dinâmica.
  • Sintaxe similar a C/C++ e o Perl.
  • Open-source.

Para usar códigos da linguagem PHP dentro de uma página feita em HTML, teremos que escrevê-los dentro de uma TAG específica para o PHP (parecido com o que já vimos em javascript).
Para iniciar um programa PHP usamos a tag <?php e para encerrar usamos a tag ?>
Vejamos um exemplo:

<!DOCTYPE html> 
<html>
  <head>
    <title>
      Meu primeiro programa PHP
    </title>
  </head>
  <body>
    A parte abaixo está rodando em PHP:
    <p>
      <?php
         echo "Meu primeiro programa em PHP funciona";
      ?>
    </p>
  </body>
</html>

Note: dentro de <?php e ?> escrevemos nosso primeiro comando em PHP.
A partir da próxima aula aprenderemos muitos comandos e funções para tornar o desenvolvimento de sites muito mais interessante!

Atenção: qualquer página que você faça usando PHP salve o arquivo com .php na extensão ok? Exemplo: index.php

sexta-feira, 21 de setembro de 2012

Aula 21/09 IFrames

Hoje a aula será sobre iframes.

No começo pode parecer um pouco confuso mas logo você verá como eles são legais e podem ser bem aproveitados em alguns sites.

IFrames são quadros que podemos colocar em nossa página da internet, este quadro tem a capacidade de carregar um conteúdo de outro site ou página dentro dele.

Vou mostrar um exemplo com algumas imagens:
Construí uma página simples com o texto "E aqui abaixo você tem o UOL rodando dentro da minha página".
Veja o exemplo:


Bem, agora vou mostrar o que acontece quando colocamos um IFrame dentro da página e programamos ele para acessar a página do UOL. Veja:


Bacana né, vamos ver como isso fica em códigos.

IFrame
Para criar um IFrame basta usar a tag <iframe> fazendo uso de três propriedades básicas:
src: o local aonde você indica que nome de página ou site irá abrir.
width: a largura (dimensão) do seu iframe dentro da página.
height: a altura do seu iframe dentro da página.

Exemplo:
<iframe src="http://facebook.com" width="400" height="250"></iframe>

Simples não?
Então vamos ao que interessa:

Primeiro, veja como ficou o código da página simples, sem o IFrame:


Agora, note quando adicionamos o comando do iframe na página que faz aparecer uma página dentro da outra.


Fantástico né?

Bons exercícios e até mais.

quinta-feira, 13 de setembro de 2012

Aula 14/09 Javascript

Esta aula ensinará como adicionar alguns códigos e comandos especiais a sua página na internet, permitindo criar alguns efeitos dinâmicos e interessantes.
Para tal, utilizaremos uma linguagem de programação, no caso, o javascript.

Mas o que é JavaScript?
JavaScript é uma linguagem de script padronizada pela Ecma international nas especificações ECMA-262 e ISO/IEC 16262 e é atualmente a principal linguagem para programação client-side em navegadores web. Foi concebida para ser uma linguagem script com orientação a objetos baseada em protótipos, tipagem fraca e dinâmica e funções de primeira classe. Possui suporte à programação funcional e apresenta recursos como fechamentos e funções de alta ordem comumente indisponíveis em linguagens populares como Java e C++.

O que dá pra fazer com JavaScript?
Em uma página web, podemos apresentar mensagens, solicitar informações, fazer perguntas, validar formulários e movimentar elementos da página de forma dinâmica!

Como inserir um script na página?
É simples, basta utilizar a tag script para dar início e fim ao seu javascript. Veja:
< script >
    // Aqui dentro vai a programação em javascript
</ script >

Alguns comandos básicos
Agora vamos aprender a incrementar nossa página com alguns comandos básicos.

Mensagem
Podemos dar uma mensagem de boas vindas ao entrar na página que tal?

<script>
    // Mensagem de boas vindas
    alert("Bem vindo ao meu site! Aproveite.");
</ script >


Pergunta
Também é possível solicitar a resposta à uma pergunta, veja como:

< script >
    // Faz uma pergunta para responder OK ou Cancela.
    var respondeu = confirm("Este site está em desenvolvimento, ok?");
</ script >


Interpretando a pergunta
Dá para usar a resposta da pergunta para alguma coisa, que tal?
Para isso precisamos de verificar se o internauta respondeu a pergunta, ou seja, inserir uma condição ao nosso código, SE ele respondeu, nós damos uma mensagem, SE NÃO, não fazemos nada.

< script >
    // Faz uma pergunta para responder OK ou Cancela.
    var respondeu = confirm("Este site está em desenvolvimento, ok?");
    // Se respondeu
    if (respondeu) {
       // Responde ao internauta
       alert("Muito bem, obrigado por concordar.");
    }
</ script >


Solicitando informações para o internauta
Também podemos solicitar que o internauta nos informe qualquer coisa, por exemplo, vamos solicitar a sua idade. Veja como:

< script >
    // Solicita a idade do internauta
    var idade = confirm("Digite a sua idade por favor:");
    // Confirma a idade do internauta
    alert("Ok, você informou que sua idade é " + idade);
</ script >

Aula 14/09 Revisão Tags HTML

Abaixo uma pequena revisão das Tags HTML estudadas até o momento no curso e algumas mais:

- Início e Fim documento HTML
<html> e </html>

- Cabeçalho da página
<head> e </head>

- Título da página (dentro do cabeçalho)
<title> e </title>

- Corpo da página
<body> e </body>

- Títulos de documento
<h1> e <h1> (Sendo de 1 à 6).

- Parágrafo de texto
<p> e </p>


- Quebra de linha no texto
<br />


- Texto em negrito
<b> e </b>

- Texto em itálico
<i> e </i>

- Texto em sublinhado
<u> e </u>

- Alterando a fonte (letra) do texto
<font face="nome da fonte" size="tamanho da fonte" color="cor da fonte"> e </font>
Ex: <font face="arial" size="3" color="blue">Texto azul</font>

- Inserindo uma imagem na página
<img src="caminho imagem" width="largura" height="altura">
Ex: <img src="foto.jpg" width="100" height="100">

- Criando uma tabela
<table border=1> e </table>

- Inserindo uma linha na tabela
<tr> e </tr>

- Inserindo uma coluna (célula) na tabela
<td> e </td>

- Criando um link para outra página
<a href="endereço da página"> e </a>

- Inserindo um bloco javascript (programação) na página
<script> e </script>


- Inserindo uma linha divisória na página
<hr />