oficina de web design lecom - php e javascript

Um Projeto de e-marketing: Metodologia e Colaboração de Áreas

“ Oficina de Webdesign – Lecom”

ÍndiceMinicurso de PHP

• Visão geral da linguagem• Sintaxe Básica• JavaScript

“ Visão Geral da Linguagem”1 – 2 – 3

Índice

• O que é o PHP ?• Principais Características• Necessidades ao Funcionamento

Visão Geral da Linguagem

O que é o PHP?

• Significado - Hypertext Preprocessor.• Linguagem de Scripts embutida em HTML - diferença de

scripts CGI escritos em C ou Perl• Linguagem interpretada - script é executado linha a linha• Linguagem Server-Side – interpretada no servidor• Versão Atual - versão 5,chamado de PHP5

Visão Geral da Linguagem

O que é o PHP?Visão Geral da Linguagem

Interação entre usuário –servidor:

O que é o PHP?Visão Geral da Linguagem

Linguagens de desenvolvimento no mercado Os produtos patenteados nesse nicho do mercado são as Active Server Pages da Microsoft, o Coldfusion da Allaire e as Java Server Pages da Sun. PHP é às vezes chamado de “o ASP de código-fonte aberto” porque sua funcionabilidade é tão semelhante ao produto/conceito, ou o que quer que seja, da Microsoft.

Tabela comparativa de Custos

Item ASP ColdFusion JSP PHP

Desenvolvimento US$ 0 – 480 US$ 395 US$ 0 US$ 0

Servidor US$ 620 US$ 1.295 US$ 0 – 595 US$ 0

Principais CaracterísticasVisão Geral da Linguagem

• Código aberto• Multiplataforma• Eficiente – consumo do servidor e chamada externa.• Comunicação fácil e direta com vários bancos de dados• Processamento de imagens – criação dinâmica• Interação com XML• Manipulação de arquivos similar a linguagem C• Programação P.O.O - Programação orientada a objetos

Necessidades ao FuncionamentoVisão Geral da Linguagem

• WebServer – Apache• PHP <Versão x>• Pacote do Banco

• Interação com banco• Facilidade com MySQL (software livre)

“ Sintaxe Básica”1 – 2 – 3

ÍndiceSintaxe Básica

• Delimitando o código PHP• Separador de instruções• Comentários• Tipos de variáveis• Variáveis pré-definidas• Estruturas de controle• Declaração de funções

Delimitando o código PHPSintaxe Básica

• O código PHP começa a ser interpretado pelo servidor a partir do momento em que tags especiais são encontradas.

• As tags utilizadas para determinar que certo trecho possui código são:o <?php ?>o <? ?> (Não recomendada, pois esse tipo de atribuição pode se confundir com

arquivos xml).o <script language=“php”> </script>o <% %>

Oficina de Webdesign - Firefox

pagina.htm Oficina de Webdesign Oficina de Webdesign Echo e print tem diferença?

<HTML><HEAD><TITLE>Oficina de Webdesign</TITLE></HEAD><BODY><?php echo “Oficina de Webdesign<br/>”; print “Echo e print tem diferença?”;?></BODY></HTML>

Separador de InstruçõesSintaxe Básica

• Para cada final de linha é necessário se adicionar um ponto-e-vírgula (;) para que o interpretador do código identifique o fim de uma instrução.

• Linhas de comando de controle (if,else,while,for,foreach etc..) não precisam de ponto e vírgula (;) .

<?php

echo “Essa linha precisa de ponto e vírgula pois não é uma linha de comando de controle”; if(true){ echo “A linha acima é uma linha de

comando de controle”; ?>

ComentáriosSintaxe Básica

• Os caracteres delimitadores para um comentário no código PHP são “/*” para início e “*/” para o fim do bloco de comentário.

• Caso o comentário seja de uma só linha existe a possibilidade assim como na linguagem C de se comentar com os caracteres “//” antes do início da linha de código.

<?php

echo “A Oficina de Webdesign é hoje”; //echo “mas o conteúdo não foi feito”; /*echo “comentar mais de uma linha”; echo “PHP lembra muito C, não é?”;*/ ?>

Tipos de variáveisSintaxe Básica

• O PHP suporta os seguintes tipos de dados:o Inteiro – Integero Ponto Flutuante – Floato Cadeia de caracteres – Stringo Matrizes e Vetores – Arrayso Objetos – Object

• Checagem de tipos dinâmicas – a variável pode conter valores de diferentes tipos em diferentes momentos da execução do script. Por esse motivo não é necessário declarar o tipo de variável para usá-la. Fica a encargo do interpretador PHP decidir qual o tipo daquela variável, verificando o conteúdo em tempo de execução.

Tipos de variáveisSintaxe Básica

• $GLOBALS: é um array associativo contendo referências para todas as variáveis atualmente definidas no escopo global do script. Os nomes das variáveis são as chaves do array;

• $_SERVER: é um array contendo informações como headers, caminhos e localizações do script. Os itens deste array são criados pelo servidor web;

• $_GET: contém um array associativo de variáveis passadas para o script atual através do método HTTP GET (método de comunicação HTTP). Os índices deste array são os nomes das variáveis passadas pelo método GET;

• $_POST: contém um array associativo de variáveis passadas para o script atual através do método HTTP POST (método de comunicação HTTP). Os índices deste array são os nomes das variáveis passadas pelo método POST;

• $_COOKIE: contém um array associativo de variáveis passas para o script atual através de cookies HTTP;

• $_FILES: contém um array associativo das variáveis postadas para o script atual via transferência de arquivos HTTP;

• $_REQUEST: contém um arrayassociativo com os conteúdos de $_GET, $_POST e $_COOKIE;

• $_SESSION: contém um array associativo das variáveis de sessão disponíveis para o script atual.

Estruturas de controleSintaxe Básica

• IF – testa a condição, se essa for true executará o comando indicado.• ELSE – se no if o comando for false executará assim, o else.

<?php

$i = 10; $j = 20; if($i > $j){ echo “Valor da maior var = ”.$i; } else { echo “Valor da maior var = ”.$j; } ?>


<?php

$a = 1; // Break faz parte da sintaxe para o switch funcione switch($a) { case 0: echo “a igual a zero”; break; case 1: echo “a igual a um”; break; } // O sitch acima equivale a essa cadeia de ifs if ($a == 0) echo “a igual a zero”; elseif ($a == 1) echo “a igual a um”; } ?>

SWITCH – testa vários valores para uma mesma expressão e executa


<?php

$i = 10;while($i < 100){ $i +=10; echo "O valor de i é igual ao valor anterior de i mais 10”.$i; }

?>

WHILE(laço) – É um comando de repetição que mantém o seu código no laço até que a condição testada seja falsa.


<?php

$i = 10;echo "O do...while() funciona como while porém independente da condição ele entrará ao menos 1 vez no laço.";do{ $i+=10;}while($i<100)

?>

DO ... WHILE - A estrutura do...while faz a mesma coisa que o while, porém a verificação da expressão é feita após os comandos e não antes, garantindo assim que o fluxo de execução entre no while ao menos uma vez.


FOR(exp1;exp2;exp3) - As estruturas de for são um pouco mais complicadas queas outras (funcionam da mesma maneira que na linguagem C). A 1º expressão é executada apenas na primeira vez da repetição, por isso contém o primeiro valorda chave de comparação, normalmente. A 2 º expressão é executada em todarepetição e caso o resultado seja falso, o fluxo sai do laço. A 3º expressão é executada ao final de toda repetição.

<?php

for($i=1;$i<10;$i++){ echo “Variável i é igual a ".$i; }

?>

Declaração de FunçõesSintaxe Básica

• Como em qualquer outra linguagem de programação, o PHP possibilita a criação de funções. São muito úteis pois ajudam a diminuir a repetição desnecessária de código e também a torná-lo mais fácil de se entender.

• Sintaxe – function nome_da_funcao (parâmetros da função) { } • Todas as variáveis criadas na função serão “removidas” após sua execução.

<?php

function novaFuncao(){ $i = 10; echo "Estou dentro da função que tem uma variável i de valor ".$i; } novaFuncao();

?>

Declaração de FunçõesSintaxe Básica

• Existem 2 maneiras de se passar uma variável por parâmetro a uma função:o Por valor: É passado o valor de uma variável que não está no escopo da

função, para uma variável criada para a função.o Por referência: Qualquer alteração que seja feita dentro da função é

refletida fora da função, na variável original que foi passada como parâmetro.

<?php function funcaoComParametro($iValor){ $iValor += 10; echo "A variável que foi passada como parâmetro tem valor dentro da função igual a ".$iValor; } $iVar = 90; funcaoComParametro($iVar); echo "<br />O valor da minha variável fora da função é ". $iVar;?>

<?php function funcaoComParametro(&$iValor){ $iValor += 10; echo "A variável que foi passada como parâmetro por referência tem valor na função igual a ".$iValor; } $iVar = 90; funcaoComParametro($iVar); echo "<br />O valor da minha variável fora da função é ". $iVar;?>

“ JavaScript”1 – 2 – 3

JavaScriptSintaxe Básica

• Javascript, como o nome já diz, é uma linguagem de script.

• Entenda linguagem de script com uma linguagem de programação leve e mais simples.

• O principal objetivo do Javascript é adicionar interatividade nas páginas HTML.

• É uma linguagem interpretada.


• Bastante simples e prática, é uma linguagem baseada em objetos e eventos.

• Suportada pela maioria dos navegadores atuais: Firefox, Internet Explorer, Opera, Safari...

• Seu nome real é ECMAScript. Este nome é baseado no orgão que padroniza a linguagem.

• Não confundir com JScript. Este é um padrão da Microsoft e com baixa adoção.


• Javascript é uma ferramenta de programação para páginas web.

• Javascript pode ler e escrever HTML dentro de uma página.

• Javascript pode ficar aguardando um evento ocorrer para disparar uma ação em resposta (listener).


Javascript pode ser usado para validar informações antes que elas sejam enviadas ao servidor.

Javascript pode trabalhar com cookies (não comestíveis). Cookies permitem armazenar informações do usuário entre páginas ou sessões.

Javascript possui suporte a expressões regulares.


Eventos são ações geradas pelo navegador ou pelo usuário.

Exemplos de eventos:blurfocuschangeclickmouseovermouseoutloadunload


Referências rOx:http://www.noupe.com/javascript/javascript-for-designers.htmlhttp://tizag.com/http://javascript.about.com/od/learnjavascript/Learn_to_Program_with_Javascript.htmhttp://www.learn-javascript-tutorial.com/

http://www.noupe.com/javascript/javascript-for-designers.html

http://tizag.com/

http://javascript.about.com/od/learnjavascript/Learn_to_Program_with_Javascript.htm

Raphael Albino

[email protected]

Bauru/SP – Fone/Fax (14) 4009-8900

São Paulo/SP – Fone/Fax (11) 5087-9493

Campinas/SP – Fone/Fax (19) 3255-2824

Joinville/SC – Fone/Fax (47) 3431-8534

Obrigado...Concluindo

oficina de web design lecom - php e javascript

Documents