SlideShare une entreprise Scribd logo
1  sur  41
Télécharger pour lire hors ligne
do Jeito Certo
Não seja o Sobrinho
Outubro de 2013

de iro s - Jo ao Pau lo C e rc a l
Ad a n Fe li p e Me

quarta-feira, 16 de outubro de 13
João Paulo Cercal
iZi

Cekurte Sistemas

Programador Web
Wordpress e Zend

Freelancer
Wordpress, Zend,
Symfony e Silex

Ap re s e n t ação

quarta-feira, 16 de outubro de 13
Adan Felipe Medeiros
VEG Tecnologia
Programador Web
Sistemas, Websites e
Lojas Virtuais

Ap re s e n t ação

quarta-feira, 16 de outubro de 13
ome n t o Ving a nça [.. .]
M

Cada aluno(a) irá dizer:
- Seu nome;
- Qual o seu Conhecimento com Desenvolvimento Web;
- Quais as suas Expectativas com este Mini Curso;

Vamo s n o s C o nh e c e r !

quarta-feira, 16 de outubro de 13
Arquitetura
A arquitetura básica de aplicações web é chamada de
Cliente/Servidor (Client/Server);
Cliente = Browser (o navegador do usuário)
Servidor = Uma máquina central que disponibiliza
serviços

quarta-feira, 16 de outubro de 13
O Protocolo HTTP
Request

Response
Usuário (Cliente)

quarta-feira, 16 de outubro de 13

Ser vidor
Métodos HTTP
1) GET - Usado para recuperar um registro;
2) POST - Usado para inserir um registro;
3) PUT - Usado para atualizar um registro;
4) DELETE - Usado para remover um registro;
5) HEAD - Igual ao GET mas sua resposta é enviada
apenas pelo Cabeçalho;

quarta-feira, 16 de outubro de 13
O Servidor Web Apache
Amplamente utilizado;
OpenSource;
Conceito de Módulos;
E o melhor, existe um módulo
para PHP.

quarta-feira, 16 de outubro de 13
O Funcionamento do Apache
Request

Response
Usuário (Cliente)

quarta-feira, 16 de outubro de 13

Servidor
HTML
Hypertext Markup Language;
Utilização de Tags (marcadores);
Cada tag tem um significado;
Juntas formam um documento;
Vamos conhecer a sintaxe?

quarta-feira, 16 de outubro de 13
HTML Sintaxe
<tag atributo=”valor-do-atributo”>Conteúdo</tag>

Ou...
<tag atributo=”valor-do-atributo” />

quarta-feira, 16 de outubro de 13
HTML e a Tabela Periódica
http://joshduck.com/periodic-table.html

quarta-feira, 16 de outubro de 13
HTML Exemplo Básico

quarta-feira, 16 de outubro de 13
HTML além do código [...]

quarta-feira, 16 de outubro de 13
HTML5
Web Semântica;
Novas Tags;
Elementos experimentais
Canvas, SVG, WebGL, Local Storage, WebSocket,
entre outras...

quarta-feira, 16 de outubro de 13
HTML VS HTML5

quarta-feira, 16 de outubro de 13
CSS
Cascading StyleSheet;
Personalizar a exibição de um documento HTML
Composto por Seletores;

quarta-feira, 16 de outubro de 13
CSS
Cada seletor possuí as suas regras;
Cada regra criada influencia em como o layout será
exibido;
Cada seletor pode ser composto por N seletores;
Possibilidade de uso com Estados;
Vamos conhecer a sintaxe?

quarta-feira, 16 de outubro de 13
CSS (Sintaxe)

quarta-feira, 16 de outubro de 13
CSS (Libraries)

quarta-feira, 16 de outubro de 13
JS (Javascript)
Desenvolvido inicialmente pela Netscape;
É uma linguagem de Programação executada no
lado (máquina) do Cliente;
Deixou de ser utilizado nativamente, hoje usamos
bibliotecas;
Permite que uma página fique dinâmica;
Permite desenvolvimento de Aplicações Ricas para
a Internet (RIA);
Não é JAVA!
quarta-feira, 16 de outubro de 13
JS (Javascript)
Nos dias atuais, pode ser executado fora do
Navegador.

quarta-feira, 16 de outubro de 13
JS (Sintaxe)

quarta-feira, 16 de outubro de 13
JS (Libraries)

quarta-feira, 16 de outubro de 13
Git
Versionar e manter histórico de Alterações de
Códigos Fonte;
Trabalhar em Equipe;
Ramificações (branches);

Serviços de Referência no Mercado
GitHub e Bitbucket

quarta-feira, 16 de outubro de 13
Dependency Manager
Gerencia as dependências do Software;
Facilita a Manutenibilidade do Software;
Organização de códigos fonte de terceiros
(vendors);
Usaremos dois desses serviços
Bower (JS e CSS) e Composer (PHP)

quarta-feira, 16 de outubro de 13
PHP
Criado em 1995 por Rasmus Lerdorf;
Inicialmente se chamava PHP/FI
(Personal Home Pages Tools/Forms Interpreter)
Hoje se chama: Hypertext Preprocessor;
Reformulado pela comunidade e por Andy e Zeev,
criaram a Engine atual e uma empresa chamada
Zend;
Hoje estamos na versão 5.5.x
quarta-feira, 16 de outubro de 13
PHP (Versões)
PHP/FI: Interpretador de Formulários;
PHP/FI 2.0: Milhares de usuários, representava 1%
dos domínios;
PHP3: deixou de ser apenas um interpretador de
formulários;
PHP4: Escrita uma nova Engine (Zend), 20% dos
domínios da Internet;
PHP5: Suporte a grandes e aplicações e orientação
a objetos;
quarta-feira, 16 de outubro de 13
PHP e o Sobrinho

quarta-feira, 16 de outubro de 13
PHP e o Sobrinho
Pega scripts PRONTOS e segue tutoriais na internet
e diz que sabe programar;
Por conta destes profissionais, o PHP e o seu
mercado são prejudicados;

quarta-feira, 16 de outubro de 13
PHP do Jeito Certo
Finalmente, vamos aprender como programar de
maneira correta utilizando o PHP.
O que vem a seguir?
+ Design Patterns
+ Frameworks
+ Prática

quarta-feira, 16 de outubro de 13
Design Patterns
ou Padrões de Projeto;
Definem uma forma padronizada (já documentada)
de resolver um problema;
Existem vários padrões, vamos estudar apenas o
MVC;

quarta-feira, 16 de outubro de 13
Design Patterns
O MVC é um padrão para desenvolvimento em
camadas, que delega as responsabilidades da
aplicação;
Outros padrões:
CRUD, Factory, Singleton, Dependency Injection,
Decorator, Chain of Responsability, Front
Controller, etc;

quarta-feira, 16 de outubro de 13
Design Patterns: MVC

quarta-feira, 16 de outubro de 13
Frameworks
Agilizam e padronizam a forma como você
trabalha:

quarta-feira, 16 de outubro de 13
Dúvidas?
- Fiquem a vontade para
questionar..

úv id a s, C rít ic a s, S uge s tõe s?
D

quarta-feira, 16 de outubro de 13

<?php
Exercícios de Fixação
- Vamos praticar, aqueçam os
seus dedos...

o s No s s o s C o nh e c ime n t o s
H o ra de Te s t a r

quarta-feira, 16 de outubro de 13
Ferramentas
- PHP (Silex)
- SublimeText
- Mysql Workbench
- Browser (Firefox + Firebug)

r o s n o s s o s c o nh e c ime n t o s
H o ra de te s t a

quarta-feira, 16 de outubro de 13
Proposta CRUD
- Agenda de contatos
Nome, Sexo, E-mail, Telefone

quarta-feira, 16 de outubro de 13
Onde encontro os fontes?
- No GitHub, em:
https://github.com/CekurteSistemas/php-do-jeito-certo

Q ue r o c o n teúdo?

quarta-feira, 16 de outubro de 13
Contatos
Adan Felipe Medeiros
@adanfm
facebook.com/adanfm
adan.grg@gmail.com
linkedin.com/in/adanfm

João Paulo Cercal
@jpcercal
facebook.com/jpcercal
jpcercal@gmail.com
linkedin.com/in/jpcercal

amo s t ro c a r f ig u r inh a s !?
V

quarta-feira, 16 de outubro de 13

Contenu connexe

Tendances

Defenda seus consumidores
Defenda seus consumidoresDefenda seus consumidores
Defenda seus consumidoresMarcelo Serpa
 
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDayO novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDayRenato Groff
 
Contribuindo e criando software livre
Contribuindo e criando software livreContribuindo e criando software livre
Contribuindo e criando software livreVitor Mattos
 
Curso de php básico - Aula 01
Curso de php básico - Aula 01Curso de php básico - Aula 01
Curso de php básico - Aula 01Felipe Campos
 
PHP 5 de Forma Correta e Segura
PHP 5 de Forma Correta e SeguraPHP 5 de Forma Correta e Segura
PHP 5 de Forma Correta e SeguraKleber Silva
 
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NETO novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NETRenato Groff
 
Visao geralti netshoes03
Visao geralti netshoes03Visao geralti netshoes03
Visao geralti netshoes03Ale Uehara
 
PHP e o Desenvolvimento Mobile Web - PHPhederal
PHP e o Desenvolvimento Mobile Web - PHPhederalPHP e o Desenvolvimento Mobile Web - PHPhederal
PHP e o Desenvolvimento Mobile Web - PHPhederalBruno Fernandes "PorKaria"
 
WordPress como aliado do desenvolvedor front-end
WordPress como aliado do desenvolvedor front-endWordPress como aliado do desenvolvedor front-end
WordPress como aliado do desenvolvedor front-endLeandrinho Vieira
 
JS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOMJS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOMtdc-globalcode
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoErick L. F.
 
Plone - Poderoso e flexível
Plone - Poderoso e flexívelPlone - Poderoso e flexível
Plone - Poderoso e flexívelLucas Aquino
 
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonDjango - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonIgor Sobreira
 
HTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFFHTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFFLeonardo Balter
 
Despertando para o PHP
Despertando para o PHPDespertando para o PHP
Despertando para o PHPRafael Dohms
 

Tendances (20)

Defenda seus consumidores
Defenda seus consumidoresDefenda seus consumidores
Defenda seus consumidores
 
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDayO novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
 
Apresentação do grupo PHPMS
Apresentação do grupo PHPMSApresentação do grupo PHPMS
Apresentação do grupo PHPMS
 
Contribuindo e criando software livre
Contribuindo e criando software livreContribuindo e criando software livre
Contribuindo e criando software livre
 
Curso de php básico - Aula 01
Curso de php básico - Aula 01Curso de php básico - Aula 01
Curso de php básico - Aula 01
 
PHP 5 de Forma Correta e Segura
PHP 5 de Forma Correta e SeguraPHP 5 de Forma Correta e Segura
PHP 5 de Forma Correta e Segura
 
Visao geralti netshoes03
Visao geralti netshoes03Visao geralti netshoes03
Visao geralti netshoes03
 
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NETO novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
 
Visao geralti netshoes03
Visao geralti netshoes03Visao geralti netshoes03
Visao geralti netshoes03
 
PHP e o Desenvolvimento Mobile Web - PHPhederal
PHP e o Desenvolvimento Mobile Web - PHPhederalPHP e o Desenvolvimento Mobile Web - PHPhederal
PHP e o Desenvolvimento Mobile Web - PHPhederal
 
Evolucao php2
Evolucao php2Evolucao php2
Evolucao php2
 
WordPress como aliado do desenvolvedor front-end
WordPress como aliado do desenvolvedor front-endWordPress como aliado do desenvolvedor front-end
WordPress como aliado do desenvolvedor front-end
 
JS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOMJS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOM
 
Desenvolvimento Mobile Web usando PHP
Desenvolvimento Mobile Web usando PHPDesenvolvimento Mobile Web usando PHP
Desenvolvimento Mobile Web usando PHP
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - Introdução
 
Plone - Poderoso e flexível
Plone - Poderoso e flexívelPlone - Poderoso e flexível
Plone - Poderoso e flexível
 
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonDjango - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com Python
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
 
HTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFFHTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFF
 
Despertando para o PHP
Despertando para o PHPDespertando para o PHP
Despertando para o PHP
 

Similaire à Php do Jeito Certo

php4android: desenvolva aplicações android em PHP
php4android: desenvolva aplicações android em PHPphp4android: desenvolva aplicações android em PHP
php4android: desenvolva aplicações android em PHPRamon Ribeiro Rabello
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Cultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develCultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develJose Augusto Carvalho
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPElton Minetto
 
Desenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosDesenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosLucas Vegi
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?Fabio Janiszevski
 
Desenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software LivreDesenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software Livreelliando dias
 
Apostila php
Apostila phpApostila php
Apostila phpmurilocbs
 
Apostila php
Apostila phpApostila php
Apostila phpkoldm2
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...Renato Groff
 
Aula 01 - Programação Web - PHP
Aula 01  - Programação Web - PHPAula 01  - Programação Web - PHP
Aula 01 - Programação Web - PHPDalton Martins
 
Php Visao Geral Svs
Php Visao Geral SvsPhp Visao Geral Svs
Php Visao Geral Svscristhianobv
 

Similaire à Php do Jeito Certo (20)

php4android: desenvolva aplicações android em PHP
php4android: desenvolva aplicações android em PHPphp4android: desenvolva aplicações android em PHP
php4android: desenvolva aplicações android em PHP
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Cultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develCultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e devel
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHP
 
Mini Curso Mashup Coreu
Mini Curso Mashup CoreuMini Curso Mashup Coreu
Mini Curso Mashup Coreu
 
Desenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosDesenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetos
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?
 
Desenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software LivreDesenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software Livre
 
Apostila php
Apostila phpApostila php
Apostila php
 
Apostila php
Apostila phpApostila php
Apostila php
 
Apostila php
Apostila phpApostila php
Apostila php
 
Apostila php
Apostila phpApostila php
Apostila php
 
Apostila php
Apostila phpApostila php
Apostila php
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Apresentação faef
Apresentação faefApresentação faef
Apresentação faef
 
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...
Docker + Bancos de Dados: descomplicando a montagem de ambientes de Desenvolv...
 
Aula 01 - Programação Web - PHP
Aula 01  - Programação Web - PHPAula 01  - Programação Web - PHP
Aula 01 - Programação Web - PHP
 
Php Visao Geral Svs
Php Visao Geral SvsPhp Visao Geral Svs
Php Visao Geral Svs
 
Phpmanual
PhpmanualPhpmanual
Phpmanual
 
Programando para web com php my sql - fed cox junior
Programando para web com php my sql - fed cox juniorProgramando para web com php my sql - fed cox junior
Programando para web com php my sql - fed cox junior
 

Dernier

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfNatalia Granato
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 

Dernier (6)

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 

Php do Jeito Certo

  • 1. do Jeito Certo Não seja o Sobrinho Outubro de 2013 de iro s - Jo ao Pau lo C e rc a l Ad a n Fe li p e Me quarta-feira, 16 de outubro de 13
  • 2. João Paulo Cercal iZi Cekurte Sistemas Programador Web Wordpress e Zend Freelancer Wordpress, Zend, Symfony e Silex Ap re s e n t ação quarta-feira, 16 de outubro de 13
  • 3. Adan Felipe Medeiros VEG Tecnologia Programador Web Sistemas, Websites e Lojas Virtuais Ap re s e n t ação quarta-feira, 16 de outubro de 13
  • 4. ome n t o Ving a nça [.. .] M Cada aluno(a) irá dizer: - Seu nome; - Qual o seu Conhecimento com Desenvolvimento Web; - Quais as suas Expectativas com este Mini Curso; Vamo s n o s C o nh e c e r ! quarta-feira, 16 de outubro de 13
  • 5. Arquitetura A arquitetura básica de aplicações web é chamada de Cliente/Servidor (Client/Server); Cliente = Browser (o navegador do usuário) Servidor = Uma máquina central que disponibiliza serviços quarta-feira, 16 de outubro de 13
  • 6. O Protocolo HTTP Request Response Usuário (Cliente) quarta-feira, 16 de outubro de 13 Ser vidor
  • 7. Métodos HTTP 1) GET - Usado para recuperar um registro; 2) POST - Usado para inserir um registro; 3) PUT - Usado para atualizar um registro; 4) DELETE - Usado para remover um registro; 5) HEAD - Igual ao GET mas sua resposta é enviada apenas pelo Cabeçalho; quarta-feira, 16 de outubro de 13
  • 8. O Servidor Web Apache Amplamente utilizado; OpenSource; Conceito de Módulos; E o melhor, existe um módulo para PHP. quarta-feira, 16 de outubro de 13
  • 9. O Funcionamento do Apache Request Response Usuário (Cliente) quarta-feira, 16 de outubro de 13 Servidor
  • 10. HTML Hypertext Markup Language; Utilização de Tags (marcadores); Cada tag tem um significado; Juntas formam um documento; Vamos conhecer a sintaxe? quarta-feira, 16 de outubro de 13
  • 11. HTML Sintaxe <tag atributo=”valor-do-atributo”>Conteúdo</tag> Ou... <tag atributo=”valor-do-atributo” /> quarta-feira, 16 de outubro de 13
  • 12. HTML e a Tabela Periódica http://joshduck.com/periodic-table.html quarta-feira, 16 de outubro de 13
  • 13. HTML Exemplo Básico quarta-feira, 16 de outubro de 13
  • 14. HTML além do código [...] quarta-feira, 16 de outubro de 13
  • 15. HTML5 Web Semântica; Novas Tags; Elementos experimentais Canvas, SVG, WebGL, Local Storage, WebSocket, entre outras... quarta-feira, 16 de outubro de 13
  • 16. HTML VS HTML5 quarta-feira, 16 de outubro de 13
  • 17. CSS Cascading StyleSheet; Personalizar a exibição de um documento HTML Composto por Seletores; quarta-feira, 16 de outubro de 13
  • 18. CSS Cada seletor possuí as suas regras; Cada regra criada influencia em como o layout será exibido; Cada seletor pode ser composto por N seletores; Possibilidade de uso com Estados; Vamos conhecer a sintaxe? quarta-feira, 16 de outubro de 13
  • 19. CSS (Sintaxe) quarta-feira, 16 de outubro de 13
  • 21. JS (Javascript) Desenvolvido inicialmente pela Netscape; É uma linguagem de Programação executada no lado (máquina) do Cliente; Deixou de ser utilizado nativamente, hoje usamos bibliotecas; Permite que uma página fique dinâmica; Permite desenvolvimento de Aplicações Ricas para a Internet (RIA); Não é JAVA! quarta-feira, 16 de outubro de 13
  • 22. JS (Javascript) Nos dias atuais, pode ser executado fora do Navegador. quarta-feira, 16 de outubro de 13
  • 23. JS (Sintaxe) quarta-feira, 16 de outubro de 13
  • 25. Git Versionar e manter histórico de Alterações de Códigos Fonte; Trabalhar em Equipe; Ramificações (branches); Serviços de Referência no Mercado GitHub e Bitbucket quarta-feira, 16 de outubro de 13
  • 26. Dependency Manager Gerencia as dependências do Software; Facilita a Manutenibilidade do Software; Organização de códigos fonte de terceiros (vendors); Usaremos dois desses serviços Bower (JS e CSS) e Composer (PHP) quarta-feira, 16 de outubro de 13
  • 27. PHP Criado em 1995 por Rasmus Lerdorf; Inicialmente se chamava PHP/FI (Personal Home Pages Tools/Forms Interpreter) Hoje se chama: Hypertext Preprocessor; Reformulado pela comunidade e por Andy e Zeev, criaram a Engine atual e uma empresa chamada Zend; Hoje estamos na versão 5.5.x quarta-feira, 16 de outubro de 13
  • 28. PHP (Versões) PHP/FI: Interpretador de Formulários; PHP/FI 2.0: Milhares de usuários, representava 1% dos domínios; PHP3: deixou de ser apenas um interpretador de formulários; PHP4: Escrita uma nova Engine (Zend), 20% dos domínios da Internet; PHP5: Suporte a grandes e aplicações e orientação a objetos; quarta-feira, 16 de outubro de 13
  • 29. PHP e o Sobrinho quarta-feira, 16 de outubro de 13
  • 30. PHP e o Sobrinho Pega scripts PRONTOS e segue tutoriais na internet e diz que sabe programar; Por conta destes profissionais, o PHP e o seu mercado são prejudicados; quarta-feira, 16 de outubro de 13
  • 31. PHP do Jeito Certo Finalmente, vamos aprender como programar de maneira correta utilizando o PHP. O que vem a seguir? + Design Patterns + Frameworks + Prática quarta-feira, 16 de outubro de 13
  • 32. Design Patterns ou Padrões de Projeto; Definem uma forma padronizada (já documentada) de resolver um problema; Existem vários padrões, vamos estudar apenas o MVC; quarta-feira, 16 de outubro de 13
  • 33. Design Patterns O MVC é um padrão para desenvolvimento em camadas, que delega as responsabilidades da aplicação; Outros padrões: CRUD, Factory, Singleton, Dependency Injection, Decorator, Chain of Responsability, Front Controller, etc; quarta-feira, 16 de outubro de 13
  • 34. Design Patterns: MVC quarta-feira, 16 de outubro de 13
  • 35. Frameworks Agilizam e padronizam a forma como você trabalha: quarta-feira, 16 de outubro de 13
  • 36. Dúvidas? - Fiquem a vontade para questionar.. úv id a s, C rít ic a s, S uge s tõe s? D quarta-feira, 16 de outubro de 13 <?php
  • 37. Exercícios de Fixação - Vamos praticar, aqueçam os seus dedos... o s No s s o s C o nh e c ime n t o s H o ra de Te s t a r quarta-feira, 16 de outubro de 13
  • 38. Ferramentas - PHP (Silex) - SublimeText - Mysql Workbench - Browser (Firefox + Firebug) r o s n o s s o s c o nh e c ime n t o s H o ra de te s t a quarta-feira, 16 de outubro de 13
  • 39. Proposta CRUD - Agenda de contatos Nome, Sexo, E-mail, Telefone quarta-feira, 16 de outubro de 13
  • 40. Onde encontro os fontes? - No GitHub, em: https://github.com/CekurteSistemas/php-do-jeito-certo Q ue r o c o n teúdo? quarta-feira, 16 de outubro de 13
  • 41. Contatos Adan Felipe Medeiros @adanfm facebook.com/adanfm adan.grg@gmail.com linkedin.com/in/adanfm João Paulo Cercal @jpcercal facebook.com/jpcercal jpcercal@gmail.com linkedin.com/in/jpcercal amo s t ro c a r f ig u r inh a s !? V quarta-feira, 16 de outubro de 13