SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
www.danielbrandao.com.br

Boas práticas na criação web
- Introdução por Daniel Brandão
www.danielbrandao.com.br

Boas práticas na criação web
por Daniel Brandão

Olá pessoal!
Gostaria de compartilhar algo que não é novo, mas que agora tem sido algo constante
em minha vida profissional: Boas Práticas!
Depois de alguns anos fora efetivamente da área de
criação, onde fiquei de 2 para 3 anos focado no ensino,
este ano voltei a ser um desenvolvedor web na íntegra, o
que é meu oficio original, por formação também.
Para poder desenvolver as boas práticas, tive que
colocar
em
práticas
velhas
máximas
do
desenvolvimento, coisa que nos últimos 5 anos tem se
tornado um padrão: o modelo MVC (Model, View,
Controller), modelo criado para distinguir as partes do
projeto de um website entre o modelo, a visão e o controle.
Modelo (model)
O modelo seria a parte onde efetivamente fica o conteúdo da página, separando do
layout e dos demais elementos de controle da mesma. Nesta parte, são armazenados os
dados do seu projeto, que mais tarde aparecerão ao usuário final para visualização.
Visão (view)
A visão seria propriamente a parte visual do projeto. É a parte do website que o usuário
visualiza o conteúdo, a interface do projeto em si.
Controlador (controller)
O controlador é onde ficam os controles que comandam, por assim dizer, a forma de
interação e visualização do usuário ao sistema do seu projeto web. Este elemento
interage tanto com a visão (alterando o modo de visualizar o documento do site) como
com o modelo (alterando o arquivo em si, demonstrando posteriormente essas
mudanças).
Mesmo sendo desenvolvido originalmente para sistemas desktop(local em um
computador), o MVC foi adaptado como uma arquitetura para as aplicações Web em
todas as linguagens de programação maiores. É comum você se deparar com este padrão
na programação orientada a objetos (POO), em linguagens dinâmicas como Java,
.NET, PHP, Peal, Python, entre outras.
Irei criar uma série demonstrado boas práticas para o desenvolvimento web na prática,
compartilhando as formas de separar bem o conteúdo de um site, principalmente na
www.danielbrandao.com.br
visão Frontend (HTML, CSS e JavaScript). Se gostou, comente e compartilhe na sua
rede social favorita e acompanhe meu blog.
Autor: Daniel Brandão
Graduado em Sistemas para internet.
Desenvolvedor web
www.danielbrandao.com.br

Tags: boas práticas controller model mvc view web

Weitere ähnliche Inhalte

Andere mochten auch

Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)Daniel Brandão
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Banco de dados - Aula 1 SQL
Banco de dados - Aula 1 SQLBanco de dados - Aula 1 SQL
Banco de dados - Aula 1 SQLDaniel Brandão
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágilDaniel Brandão
 
PHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringPHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringDaniel Brandão
 
Aula 02 - Sistemas, Dados, Informação
Aula 02 - Sistemas, Dados, InformaçãoAula 02 - Sistemas, Dados, Informação
Aula 02 - Sistemas, Dados, InformaçãoDaniel Brandão
 
Banco de dados - Mapeamento MER - Relacional
Banco de dados - Mapeamento MER - RelacionalBanco de dados - Mapeamento MER - Relacional
Banco de dados - Mapeamento MER - RelacionalDaniel Brandão
 
Aula 04 Sistema de Informação - Processo e Requisitos de Sistemas
Aula 04 Sistema de Informação - Processo e Requisitos de SistemasAula 04 Sistema de Informação - Processo e Requisitos de Sistemas
Aula 04 Sistema de Informação - Processo e Requisitos de SistemasDaniel Brandão
 
PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosDaniel Brandão
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoDaniel Brandão
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - ResumoDaniel Brandão
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPDaniel Brandão
 
PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesDaniel Brandão
 
Aula 04 PHP - Utilizando Funções e Manipulando Arquivos
Aula 04 PHP - Utilizando Funções e Manipulando ArquivosAula 04 PHP - Utilizando Funções e Manipulando Arquivos
Aula 04 PHP - Utilizando Funções e Manipulando ArquivosDaniel Brandão
 

Andere mochten auch (15)

Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Banco de dados - Aula 1 SQL
Banco de dados - Aula 1 SQLBanco de dados - Aula 1 SQL
Banco de dados - Aula 1 SQL
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágil
 
PHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringPHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e Querystring
 
Aula 02 - Sistemas, Dados, Informação
Aula 02 - Sistemas, Dados, InformaçãoAula 02 - Sistemas, Dados, Informação
Aula 02 - Sistemas, Dados, Informação
 
Tipos de dados em MySQL
Tipos de dados em MySQLTipos de dados em MySQL
Tipos de dados em MySQL
 
Banco de dados - Mapeamento MER - Relacional
Banco de dados - Mapeamento MER - RelacionalBanco de dados - Mapeamento MER - Relacional
Banco de dados - Mapeamento MER - Relacional
 
Aula 04 Sistema de Informação - Processo e Requisitos de Sistemas
Aula 04 Sistema de Informação - Processo e Requisitos de SistemasAula 04 Sistema de Informação - Processo e Requisitos de Sistemas
Aula 04 Sistema de Informação - Processo e Requisitos de Sistemas
 
PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de Dados
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel Brandão
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - Resumo
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHP
 
PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e Sessoes
 
Aula 04 PHP - Utilizando Funções e Manipulando Arquivos
Aula 04 PHP - Utilizando Funções e Manipulando ArquivosAula 04 PHP - Utilizando Funções e Manipulando Arquivos
Aula 04 PHP - Utilizando Funções e Manipulando Arquivos
 

Mehr von Daniel Brandão

Aula 2 - POO: Fundamentos da linguagem Java
Aula 2 - POO: Fundamentos da linguagem JavaAula 2 - POO: Fundamentos da linguagem Java
Aula 2 - POO: Fundamentos da linguagem JavaDaniel Brandão
 
Aula 1 - Introdução a POO
Aula 1 -  Introdução a POOAula 1 -  Introdução a POO
Aula 1 - Introdução a POODaniel Brandão
 
Sapiens - Feedback de Prática Docente com Google Forms
Sapiens - Feedback de Prática Docente com Google FormsSapiens - Feedback de Prática Docente com Google Forms
Sapiens - Feedback de Prática Docente com Google FormsDaniel Brandão
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-endDaniel Brandão
 
Introdução à informática
Introdução à informáticaIntrodução à informática
Introdução à informáticaDaniel Brandão
 
Programação Orientação a Objetos - Herança
Programação Orientação a Objetos - HerançaProgramação Orientação a Objetos - Herança
Programação Orientação a Objetos - HerançaDaniel Brandão
 
Palestra - Profissão: Desenvolvedor
Palestra - Profissão: DesenvolvedorPalestra - Profissão: Desenvolvedor
Palestra - Profissão: DesenvolvedorDaniel Brandão
 
Aula 03 - Definições da linguagem Java
Aula 03 - Definições da linguagem JavaAula 03 - Definições da linguagem Java
Aula 03 - Definições da linguagem JavaDaniel Brandão
 
Incluir para evoluir - Palestra
Incluir para evoluir - PalestraIncluir para evoluir - Palestra
Incluir para evoluir - PalestraDaniel Brandão
 
Criação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignCriação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignDaniel Brandão
 
Introdução a Informática
Introdução a InformáticaIntrodução a Informática
Introdução a InformáticaDaniel Brandão
 
Funções e Fórmulas em Excel 2010
Funções e Fórmulas em Excel 2010Funções e Fórmulas em Excel 2010
Funções e Fórmulas em Excel 2010Daniel Brandão
 

Mehr von Daniel Brandão (13)

Aula 2 - POO: Fundamentos da linguagem Java
Aula 2 - POO: Fundamentos da linguagem JavaAula 2 - POO: Fundamentos da linguagem Java
Aula 2 - POO: Fundamentos da linguagem Java
 
Aula 1 - Introdução a POO
Aula 1 -  Introdução a POOAula 1 -  Introdução a POO
Aula 1 - Introdução a POO
 
Sapiens - Feedback de Prática Docente com Google Forms
Sapiens - Feedback de Prática Docente com Google FormsSapiens - Feedback de Prática Docente com Google Forms
Sapiens - Feedback de Prática Docente com Google Forms
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end
 
Introdução à informática
Introdução à informáticaIntrodução à informática
Introdução à informática
 
Programação Orientação a Objetos - Herança
Programação Orientação a Objetos - HerançaProgramação Orientação a Objetos - Herança
Programação Orientação a Objetos - Herança
 
Palestra - Profissão: Desenvolvedor
Palestra - Profissão: DesenvolvedorPalestra - Profissão: Desenvolvedor
Palestra - Profissão: Desenvolvedor
 
Aula 03 - Definições da linguagem Java
Aula 03 - Definições da linguagem JavaAula 03 - Definições da linguagem Java
Aula 03 - Definições da linguagem Java
 
Incluir para evoluir - Palestra
Incluir para evoluir - PalestraIncluir para evoluir - Palestra
Incluir para evoluir - Palestra
 
Criação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignCriação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material Design
 
Servlets e JSP
Servlets e JSPServlets e JSP
Servlets e JSP
 
Introdução a Informática
Introdução a InformáticaIntrodução a Informática
Introdução a Informática
 
Funções e Fórmulas em Excel 2010
Funções e Fórmulas em Excel 2010Funções e Fórmulas em Excel 2010
Funções e Fórmulas em Excel 2010
 

Boas práticas na criação web - introdução

  • 1. www.danielbrandao.com.br Boas práticas na criação web - Introdução por Daniel Brandão
  • 2. www.danielbrandao.com.br Boas práticas na criação web por Daniel Brandão Olá pessoal! Gostaria de compartilhar algo que não é novo, mas que agora tem sido algo constante em minha vida profissional: Boas Práticas! Depois de alguns anos fora efetivamente da área de criação, onde fiquei de 2 para 3 anos focado no ensino, este ano voltei a ser um desenvolvedor web na íntegra, o que é meu oficio original, por formação também. Para poder desenvolver as boas práticas, tive que colocar em práticas velhas máximas do desenvolvimento, coisa que nos últimos 5 anos tem se tornado um padrão: o modelo MVC (Model, View, Controller), modelo criado para distinguir as partes do projeto de um website entre o modelo, a visão e o controle. Modelo (model) O modelo seria a parte onde efetivamente fica o conteúdo da página, separando do layout e dos demais elementos de controle da mesma. Nesta parte, são armazenados os dados do seu projeto, que mais tarde aparecerão ao usuário final para visualização. Visão (view) A visão seria propriamente a parte visual do projeto. É a parte do website que o usuário visualiza o conteúdo, a interface do projeto em si. Controlador (controller) O controlador é onde ficam os controles que comandam, por assim dizer, a forma de interação e visualização do usuário ao sistema do seu projeto web. Este elemento interage tanto com a visão (alterando o modo de visualizar o documento do site) como com o modelo (alterando o arquivo em si, demonstrando posteriormente essas mudanças). Mesmo sendo desenvolvido originalmente para sistemas desktop(local em um computador), o MVC foi adaptado como uma arquitetura para as aplicações Web em todas as linguagens de programação maiores. É comum você se deparar com este padrão na programação orientada a objetos (POO), em linguagens dinâmicas como Java, .NET, PHP, Peal, Python, entre outras. Irei criar uma série demonstrado boas práticas para o desenvolvimento web na prática, compartilhando as formas de separar bem o conteúdo de um site, principalmente na
  • 3. www.danielbrandao.com.br visão Frontend (HTML, CSS e JavaScript). Se gostou, comente e compartilhe na sua rede social favorita e acompanhe meu blog. Autor: Daniel Brandão Graduado em Sistemas para internet. Desenvolvedor web www.danielbrandao.com.br Tags: boas práticas controller model mvc view web