Tema 1 | Introdução a PHP
AULA 1
INTRODUÇÃO A PROGRAMAÇÃO DE APLICAÇÕES WEB
DE CONTEÚDOS DINÂMICOS COM PHP
MSC. Henry Raúl González Brito | henryraul@outlook.com
Contenúo
•Apresentação do programa do curso
•Porque PHP.
•Preparando as tecnologias de trabalho
•Introdução a HTML
Apresentação
do programa do
curso
Com a base adquirida nesse curso, a aprendizagem
autodidata de outros recursos PHP se tornará muito
mais fácil.
O objetivo
desse curso é
ensinar os
conceitos
básicos da
linguagem
PHP,
proporcionand
o aos alunos
conhecimento
suficiente para
iniciarem seus
projetos de
programação
de
APLICAÇÕES
WEB DE
CONTEÚDOS
DINÂMICOS
COM PHP
Tema Aulas Contenúo
Introdução a PHP 1
 Apresentação do programa do curso
 Porque PHP.
 Preparando o ambiente de trabalho
 Introdução a HTML
Linguagem PHP
básico
2
 Sintaxe básica
 Tipos de dados
 Variáveis
 Constantes
 Expressões e operadores
 Estruturas de controle
3
 Funções
 Vectores
 Bibliotecas de funções
Tema Aulas Contenúo
Formulários 4
 Acesso a formulários HTML desde PHP
 O formulário do PHP.
 Validação dos dados de um formulário
Sessões 5
 Manejo de sessões
 Autenticação de usuários
Segurança nas
aplicações Web
6
 Segurança no PHP
 Variáveis globais
 Bibliotecas
 Formulários
Prova de
avaliação final do
curso
7  Avaliação
Referência bibliográfica básica
Porque PHP
Algumas características do PHP, O ciclo das
páginas PHP, Quem utiliza?, Usage of server-
side programming languages for websites
PHP
PHP
•PHP começa em 1995 com
Rasmus Lerdorf para
resolver um problema, hoje
básico, de contar quantos
visitantes acessaram uma
página web.
•Atualmente, a linguagem
está na versão 5.5.11.
Algumas características do PHP
 Praticidade: é uma linguagem simples de utilizar, rápida
aprendizagem e pouco burocrática.
 Potência: possui recursos poderosos para uso na web, tais como:
 Cria e manipula arquivos Flash e PDF.
 Tratamento de senhas avançado.
 Tratamento de strings por expressões regulares, utilizando bibliotecas PERL
e Posix.
 Autentica usuários utilizando arquivos simples, bancos de dados ou Active
Directory.
 Comunica com grande variedade de protocolos.
 Preço: PHP é software livre! Utilizado em vários CMS de ampla
utilização, tais como Drupal, Wordpress, Moodle, etc.
O ciclo das páginas PHP
Quem utiliza?
Usage of server-side programming
languages for websites (w3techs.com, 24-6-
2014)
Preparando o
ambiente de
trabalhoEditor de texto – Netbeans++, Servidor Web
APACHE 2.4
Preparando o ambiente de trabalho
SERVIDOR WEB APACHE 2.4
PACOTE DE INSTALAÇÃO E
PREPARAÇÃO DO SERVIDORES 1.8.3
PHP 5.5.11
Editor de Código-Fonte de PHP Avançado
NETBEANS 8.0.2
NETBEANSIDE 8.0.2
• O editor PHP do NetBeans fornece modelos de código e ferramentas
de geração de código, como geração de "getter e setter", refatoração,
"renomeação instantânea", dicas de ferramentas de parâmetros,
dicas e correções rápidas e i recurso autocompletar código
inteligente.
• Benefício do código sintático e semântico, destacando documentação
pop-up e formatação e dobramento do código, marcando pontos de
saída e ocorrências, funcionalidade autocompletar código try/catch
inteligente, preenchimento de parâmetro do método inteligente e
seleção retangular.
• https://netbeans.org/index.html
Servidor Web APACHE 2.4
•Implementação do protocolo HTTP(80) e
HTTPS(443)
•Arquitetura Client / Server
•Proviemento de páginas WEB
•Open Source
•Servidor Web mais utilizado no mundo
•Daemon responsável pelo serviço: httpd
•Atualmente na versão 2.4. Versão 1.3 ainda é
utilizada.
O que é XAMPP?
•XAMPP é o ambiente de
desenvolvimento PHP mais popular
•XAMPP é completamente gratuito e
fácil de instalar a distribuição
Apache contendo MySQL, PHP e
Perl. O pacote de código aberto do
XAMPP foi criada para ser
extremamente fácil de instalar e de
usar.
Passo 1 - Instalação
•Página do Projeto Xampp
• http://www.apachefriends.org/pt_br/
•Página para Download
• https://www.apachefriends.org/download.html
•Link direto para Download
• http://downloads.sourceforge.net/project/xampp/XAM
PP%20Windows/1.8.3/xampp-win32-1.8.3-4-VC11-
installer.exe
Passo 2 - Instalação
Passo 3 - Instalação
Passo 4 - Instalação
Passo 5
Passo 6 - Instalação
•Após isso abra o navegador e informe o endereço:
http://localhost
Passo 7
•Agora vamos criar uma pasta com o seu nome no
diretório C:xampphtdocs onde “htdocs” é a
pasta que colocaremos nossos projetos.
•Após isso crie um arquivo chamado index.php com
o seguinte código dentro:
1. <?php
2. phpinfo();
3. ?>
Passo 8
•Feito isso abra no navegador a url:
http://localhost/SEU_NOME/ onde SEU_NOME é
a pasta que você criou.
•Após acessar o link, a tela abaixo vai ser exibida.
Introdução a
HTML
Definição HTML, Elementos principais de
qualquer página em HTML, Paragrafos –
Titulos - Subtitutlos, Listas, Quebra de Linha,
Inserindo Links, Tabelas, Entradas, Checkbox,
Radio, Select, Textarea, Forms
O que é HTML?
•HTML (abreviação para a
expressão inglesa HyperText
Markup Language, que significa
Linguagem de Marcação de
Hipertexto) é uma linguagem de
marcação utilizada para produzir
páginas na Web. Documentos
HTML podem ser interpretados
por navegadores. A tecnologia é
fruto do “casamento” dos
padrões HyTime e SGML.
Definição HTML
•Um elemento HTML é um componente individual
de um documento HTML.
•Documentos HTML são compostos de uma árvore
de elementos HTML e outros nós, tais como nós de
textos. Cada elemento pode ter determinados
atributos.
•Na sintaxe HTML, a maioria dos elementos são
escritos com marcadores (ainda chamados de
etiquetas ou tags) de abertura e um marcador de
fechamento, com o conteúdo entre os dois. As
etiquetas são compostas do nome do elemento,
fechadas por parênteses angulares.
Elementos principais de qualquer
página em HTML
<html>: Esta é a tag de abertura de qualquer página em HTML
<head>: Esta é a tag de abertura do cabeçalho.
<title> Título do Documento </title> :Estas são as tags de
abertura e fechamento do //titulo de qualquer página em
HTML
</head> :Esta é a tag de fechamento do cabeçalho
<body>:O body é o corpo da página. Tudo que for colocando
entre as tags de abertura e fechamento aparecerá em sua
página.
Aqui entra o corpo do documento.
</body> : Fechamento da tag do corpo.
</html> :Fechamento da página em html
Paragrafos – Titulos - Subtitutlos
•Paragrafo:
•<p></p> :Esta tag deve ser utilizada para
parágrafos.
•Titulos/SubTitulos:Divididos em até seis tamanhos
de letras.
•<h1></h1>:Tamanho 1
•<h2></h2>:Tamanho 2
•<h3></h3>:Tamanho 3
•<h4></h4>:Tamanho 4
•<h5></h5>:Tamanho 5
•<h6></h6>:Tamanho 6 TEST
Listas
<ul>:Início de lista não-ordenada
</ul>:tag de fechamento de uma lista
<ol>:Início de lista ordenada
</ol>:tag de fechamento de uma lista
<li></li>:itens da lista
Quebra de Linha:
• <br />: Utilizado para quebrar uma linha
Inserindo Links
•a=ancora, href=url + texto que aparece
•<a href=“http://www.google.com.br">google</a>
•Envio de E-mail Simples: (abre o cliente de e-mail do
visitante)
• <a href="mailto:henryraul@gmail.com">Henry Raul</a>
•Outras opções
• Determinar o assunto
• <a href="mailto:pedro@gmail.com?subject=Assunto da
msg">pedro@gmail.com</a>
Tabela: linhas
•<!-- definição de uma tabela -->
•<table>
•<!-- definição de uma linha -->
•<tr>...</tr>
•</table>
•<!-- final da tabela -->
Tabelas
Input - Entradas
Sempre tem um “tipo” e um “nome”
<input type="text" name="nome" />
Ou apenas,
<input name="nome" />
Exemplos
Checkbox - Permite múltiplas opções
•<input type= "checkbox" name="esporte"
value="futebol" />Futebol
•<br/>
•<input type= "checkbox" name="esporte"
value="volei" checked /> Vôlei
Radio - Permite apenas 1 opção
<input type="radio" name="time"
value="Internacional" />Inter
<br />
<input type="radio" name="time" value="Grêmio"
checked />Grêmio
Select - menu drop down
<select name="sabor">
<option>Abacaxi</option>
<option>Creme</option>
<option>Morango</option>
<option>Chocolate</option>
</select>
Textarea
<textarea cols="40" rows="5" name="comentario">
Comentário
</textarea>
Tema 1 | Introdução a PHP
AULA 1
INTRODUÇÃO A PROGRAMAÇÃO DE APLICAÇÕES WEB
DE CONTEÚDOS DINÂMICOS COM PHP
MSC. Henry Raúl González Brito | henryraul@outlook.com

Tema 1 | Introdução a PHP

  • 1.
    Tema 1 |Introdução a PHP AULA 1 INTRODUÇÃO A PROGRAMAÇÃO DE APLICAÇÕES WEB DE CONTEÚDOS DINÂMICOS COM PHP MSC. Henry Raúl González Brito | henryraul@outlook.com
  • 2.
    Contenúo •Apresentação do programado curso •Porque PHP. •Preparando as tecnologias de trabalho •Introdução a HTML
  • 3.
  • 4.
    Com a baseadquirida nesse curso, a aprendizagem autodidata de outros recursos PHP se tornará muito mais fácil. O objetivo desse curso é ensinar os conceitos básicos da linguagem PHP, proporcionand o aos alunos conhecimento suficiente para iniciarem seus projetos de programação de APLICAÇÕES WEB DE CONTEÚDOS DINÂMICOS COM PHP
  • 5.
    Tema Aulas Contenúo Introduçãoa PHP 1  Apresentação do programa do curso  Porque PHP.  Preparando o ambiente de trabalho  Introdução a HTML Linguagem PHP básico 2  Sintaxe básica  Tipos de dados  Variáveis  Constantes  Expressões e operadores  Estruturas de controle 3  Funções  Vectores  Bibliotecas de funções
  • 6.
    Tema Aulas Contenúo Formulários4  Acesso a formulários HTML desde PHP  O formulário do PHP.  Validação dos dados de um formulário Sessões 5  Manejo de sessões  Autenticação de usuários Segurança nas aplicações Web 6  Segurança no PHP  Variáveis globais  Bibliotecas  Formulários Prova de avaliação final do curso 7  Avaliação
  • 7.
  • 8.
    Porque PHP Algumas característicasdo PHP, O ciclo das páginas PHP, Quem utiliza?, Usage of server- side programming languages for websites
  • 9.
  • 10.
    PHP •PHP começa em1995 com Rasmus Lerdorf para resolver um problema, hoje básico, de contar quantos visitantes acessaram uma página web. •Atualmente, a linguagem está na versão 5.5.11.
  • 11.
    Algumas características doPHP  Praticidade: é uma linguagem simples de utilizar, rápida aprendizagem e pouco burocrática.  Potência: possui recursos poderosos para uso na web, tais como:  Cria e manipula arquivos Flash e PDF.  Tratamento de senhas avançado.  Tratamento de strings por expressões regulares, utilizando bibliotecas PERL e Posix.  Autentica usuários utilizando arquivos simples, bancos de dados ou Active Directory.  Comunica com grande variedade de protocolos.  Preço: PHP é software livre! Utilizado em vários CMS de ampla utilização, tais como Drupal, Wordpress, Moodle, etc.
  • 12.
    O ciclo daspáginas PHP
  • 13.
  • 14.
    Usage of server-sideprogramming languages for websites (w3techs.com, 24-6- 2014)
  • 15.
    Preparando o ambiente de trabalhoEditorde texto – Netbeans++, Servidor Web APACHE 2.4
  • 16.
    Preparando o ambientede trabalho SERVIDOR WEB APACHE 2.4 PACOTE DE INSTALAÇÃO E PREPARAÇÃO DO SERVIDORES 1.8.3 PHP 5.5.11 Editor de Código-Fonte de PHP Avançado NETBEANS 8.0.2
  • 17.
    NETBEANSIDE 8.0.2 • Oeditor PHP do NetBeans fornece modelos de código e ferramentas de geração de código, como geração de "getter e setter", refatoração, "renomeação instantânea", dicas de ferramentas de parâmetros, dicas e correções rápidas e i recurso autocompletar código inteligente. • Benefício do código sintático e semântico, destacando documentação pop-up e formatação e dobramento do código, marcando pontos de saída e ocorrências, funcionalidade autocompletar código try/catch inteligente, preenchimento de parâmetro do método inteligente e seleção retangular. • https://netbeans.org/index.html
  • 18.
    Servidor Web APACHE2.4 •Implementação do protocolo HTTP(80) e HTTPS(443) •Arquitetura Client / Server •Proviemento de páginas WEB •Open Source •Servidor Web mais utilizado no mundo •Daemon responsável pelo serviço: httpd •Atualmente na versão 2.4. Versão 1.3 ainda é utilizada.
  • 19.
    O que éXAMPP? •XAMPP é o ambiente de desenvolvimento PHP mais popular •XAMPP é completamente gratuito e fácil de instalar a distribuição Apache contendo MySQL, PHP e Perl. O pacote de código aberto do XAMPP foi criada para ser extremamente fácil de instalar e de usar.
  • 20.
    Passo 1 -Instalação •Página do Projeto Xampp • http://www.apachefriends.org/pt_br/ •Página para Download • https://www.apachefriends.org/download.html •Link direto para Download • http://downloads.sourceforge.net/project/xampp/XAM PP%20Windows/1.8.3/xampp-win32-1.8.3-4-VC11- installer.exe
  • 21.
    Passo 2 -Instalação
  • 22.
    Passo 3 -Instalação
  • 23.
    Passo 4 -Instalação
  • 24.
  • 25.
    Passo 6 -Instalação •Após isso abra o navegador e informe o endereço: http://localhost
  • 26.
    Passo 7 •Agora vamoscriar uma pasta com o seu nome no diretório C:xampphtdocs onde “htdocs” é a pasta que colocaremos nossos projetos. •Após isso crie um arquivo chamado index.php com o seguinte código dentro: 1. <?php 2. phpinfo(); 3. ?>
  • 27.
    Passo 8 •Feito issoabra no navegador a url: http://localhost/SEU_NOME/ onde SEU_NOME é a pasta que você criou. •Após acessar o link, a tela abaixo vai ser exibida.
  • 28.
    Introdução a HTML Definição HTML,Elementos principais de qualquer página em HTML, Paragrafos – Titulos - Subtitutlos, Listas, Quebra de Linha, Inserindo Links, Tabelas, Entradas, Checkbox, Radio, Select, Textarea, Forms
  • 29.
    O que éHTML? •HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do “casamento” dos padrões HyTime e SGML.
  • 30.
    Definição HTML •Um elementoHTML é um componente individual de um documento HTML. •Documentos HTML são compostos de uma árvore de elementos HTML e outros nós, tais como nós de textos. Cada elemento pode ter determinados atributos. •Na sintaxe HTML, a maioria dos elementos são escritos com marcadores (ainda chamados de etiquetas ou tags) de abertura e um marcador de fechamento, com o conteúdo entre os dois. As etiquetas são compostas do nome do elemento, fechadas por parênteses angulares.
  • 31.
    Elementos principais dequalquer página em HTML <html>: Esta é a tag de abertura de qualquer página em HTML <head>: Esta é a tag de abertura do cabeçalho. <title> Título do Documento </title> :Estas são as tags de abertura e fechamento do //titulo de qualquer página em HTML </head> :Esta é a tag de fechamento do cabeçalho <body>:O body é o corpo da página. Tudo que for colocando entre as tags de abertura e fechamento aparecerá em sua página. Aqui entra o corpo do documento. </body> : Fechamento da tag do corpo. </html> :Fechamento da página em html
  • 32.
    Paragrafos – Titulos- Subtitutlos •Paragrafo: •<p></p> :Esta tag deve ser utilizada para parágrafos. •Titulos/SubTitulos:Divididos em até seis tamanhos de letras. •<h1></h1>:Tamanho 1 •<h2></h2>:Tamanho 2 •<h3></h3>:Tamanho 3 •<h4></h4>:Tamanho 4 •<h5></h5>:Tamanho 5 •<h6></h6>:Tamanho 6 TEST
  • 34.
    Listas <ul>:Início de listanão-ordenada </ul>:tag de fechamento de uma lista <ol>:Início de lista ordenada </ol>:tag de fechamento de uma lista <li></li>:itens da lista
  • 36.
    Quebra de Linha: •<br />: Utilizado para quebrar uma linha
  • 37.
    Inserindo Links •a=ancora, href=url+ texto que aparece •<a href=“http://www.google.com.br">google</a> •Envio de E-mail Simples: (abre o cliente de e-mail do visitante) • <a href="mailto:henryraul@gmail.com">Henry Raul</a> •Outras opções • Determinar o assunto • <a href="mailto:pedro@gmail.com?subject=Assunto da msg">pedro@gmail.com</a>
  • 38.
    Tabela: linhas •<!-- definiçãode uma tabela --> •<table> •<!-- definição de uma linha --> •<tr>...</tr> •</table> •<!-- final da tabela -->
  • 39.
  • 42.
    Input - Entradas Sempretem um “tipo” e um “nome” <input type="text" name="nome" /> Ou apenas, <input name="nome" />
  • 43.
  • 44.
    Checkbox - Permitemúltiplas opções •<input type= "checkbox" name="esporte" value="futebol" />Futebol •<br/> •<input type= "checkbox" name="esporte" value="volei" checked /> Vôlei
  • 45.
    Radio - Permiteapenas 1 opção <input type="radio" name="time" value="Internacional" />Inter <br /> <input type="radio" name="time" value="Grêmio" checked />Grêmio
  • 46.
    Select - menudrop down <select name="sabor"> <option>Abacaxi</option> <option>Creme</option> <option>Morango</option> <option>Chocolate</option> </select>
  • 47.
    Textarea <textarea cols="40" rows="5"name="comentario"> Comentário </textarea>
  • 49.
    Tema 1 |Introdução a PHP AULA 1 INTRODUÇÃO A PROGRAMAÇÃO DE APLICAÇÕES WEB DE CONTEÚDOS DINÂMICOS COM PHP MSC. Henry Raúl González Brito | henryraul@outlook.com