INTRODUÇÃO A PROGRAMAÇÃO DE APLICAÇÕES WEB DE CONTEÚDOS DINÂMICOS COM PHP Apresentação do programa do curso Porque PHP. Preparando as tecnologias de trabalho Introdução a HTML

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 programa do curso
•Porque PHP.
•Preparando as tecnologias de trabalho
•Introdução a HTML

3. Apresentação
do programa do
curso

4. 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

5. 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

6. 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

7. Referência bibliográfica básica

8. Porque PHP
Algumas características do PHP, O ciclo das
páginas PHP, Quem utiliza?, Usage of server-
side programming languages for websites

9. PHP

10. 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.

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.

12. O ciclo das páginas PHP

13. Quem utiliza?

14. Usage of server-side programming
languages for websites (w3techs.com, 24-6-
2014)

15. Preparando o
ambiente de
trabalhoEditor de texto – Netbeans++, Servidor Web
APACHE 2.4

16. 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

17. 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

18. 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.

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. Passo 5

25. Passo 6 - Instalação
•Após isso abra o navegador e informe o endereço:
http://localhost

26. 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. ?>

27. 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.

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 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.

31. 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

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 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

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ção de uma tabela -->
•<table>
•<!-- definição de uma linha -->
•<tr>...</tr>
•</table>
•<!-- final da tabela -->

39. Tabelas

42. Input - Entradas
Sempre tem um “tipo” e um “nome”
<input type="text" name="nome" />
Ou apenas,
<input name="nome" />

43. Exemplos

44. 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

45. 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

46. Select - menu drop 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