como desenvolver aplicativos web em wordpress - WordCamp São

“Precisamos desenvolver um aplicativo web que consuma dados de uma. API externa mas permite gestão completa do conteúdo via CMS. 4. Page 5. Sidebar c ...

9 downloads 238 Views 1MB Size
COMO DESENVOLVER APLICATIVOS WEB EM WORDPRESS

Thiago Benvenuto Gerente de Engenharia e Dados Empreendedor Programador .NET + PHP 10+ anos de experiência [email protected] 2

Juan Manuel Arias Gerente de Desenvolvimento Líder Programador Rails + PHP Scrum Certified [email protected] 3

“ 4

Precisamos desenvolver um aplicativo web que consuma dados de uma API externa mas permite gestão completa do conteúdo via CMS

Cabeçalho (CMS)

Conteúdo (CMS)

Conteúdo (API externa)

Conteúdo (CMS)

Rodapé (CMS) 5

Sidebar c/ Widgets (CMS)

WORDPRESS + MVC Porque juntos somos mais fortes! 6

7

COMO FUNCIONA O MVC? Framework MVC

Roteamento

Cliente HTTP

Controller

View

Model

Fonte de Dados 8

WP REST API NÃO É UM MVC? ▪ Foco em dados (backend) ▪ Não conversa com templates (sem html) ▪ Urls com prefixo

9

WORDPRESS

Requisição HTTP

10

Analisar Requisição

Carregar Post/Página

Renderizar Template

WORDPRESS + MVC Framework MVC

Requisição HTTP

11

Analisar Rotas

Executa Controller

Trata Resposta

Analisar Requisição

Carregar Post/Página

Renderizar Template

CASO PRÁTICO Nada como um ToDo List!

“ 13

Criar um aplicativo web com recursos para adicionar, editar ou remover tarefas de uma lista sem usar o wp-admin

MODEL ▪ Custom Post Type ▪ Qualquer Coisa ▪ Declarado via JSON Schema No nosso aplicativo = Custom Post Type

14

CONTROLLER ▪ Classe ▪ Rotas associadas a callbacks ▪ Funções (callbacks) que retornam dados

15

VIEW ▪ Similar a Page ou Post Templates ▪ Consomem os dados do Controller ▪ Retornam html para o browser

16

DEMO ▪ Validando os requerimentos

17

CONCLUSÃO Aplicativos Web em WordPress!

XPRESS MVC Junte-se a nós neste esforço! http://bit.ly/xpressmvc Dúvidas e mais informações: Happiness Bar! 19