Bienvenid@s

Al Curso de Diseño y Programación Web de Bextlán

Slides

jonmircha.github.io/slides-mvc

Un especial agradecimiento a

TOD@S USTEDES QUE HAN DEPOSITADO SU CONFIANZA EN ESTE CURSO

=D

por @jonmircha fundador de @bextlan

Jonathan MirCha

Ing. en Sistemas
Mtro. en Comunicación con Medios Virtuales

Creativo de la Web - Docente Digital - Frontend

Maratonista

Modelo - Vista -Controlador

Las aplicaciones web son diferentes a los sitios web convencionales porque éstas son capaces de crear una respuesta dinámica.


Las aplicaciones Web en general tienen tres aspectos a considerar en su desarrollo:

  • El código de acceso, inserción, consulta, actualización y/o eliminación de los datos.
  • El código del diseño de las páginas a mostrar.
  • El código que controla el flujo de las páginas de la aplicación.

Una forma de separar estos aspectos es usando el patrón de diseño MVC: Modelo-Vista-Controlador, donde:

  • El modelo representa a la lógica de negocios (manipulación de datos).

  • La vista representa la presentación de los datos (diseño de páginas).

  • El controlador representa el código de navegación de la aplicación (control de flujo).

Modelo-Vista-Controlador es un Patrón de Diseño:

Los Patrones de Diseño son:

  • Soluciones efectivas de problemas comunes en el diseño de software.

  • Su efectividad ya ha sido comprobada.

  • Es reusable.

  • Facilitan el aprendizaje de los programadores inexpertos.

Modelo-Vista-Controlador



  • Fue aportado originariamente por el lenguaje de programación SmallTalk.

  • Consiste en dividir una aplicación en tres componentes.

  • Se basa en la separación de responsabilidades ya que cada una de las partes se encarga de un aspecto específico y no interfiere con el de las otras.

Modelo



  • Representa las capas de lógica de negocios y persistencia de datos.

  • Se encarga del acceso a los datos para realizar consultas, eliminaciones, inserciones, actualizaciones y almacenarlos en un medio persistente.

Vista



  • Representa la capa de presentación de los datos.

  • Se encarga de mostrar la información al usuario (Interfaz de Usuario).

  • En la vista solo se deben de realizar operaciones simples, como condiciones, ciclos, etc.

Controlador


  • Se encarga de controlar el flujo de la aplicación.

  • Tiene la función de recibir y responder a los eventos (acciones del usuario).

  • Tiene que redirigir o asignar la parte de lógica de negocios a cada petición.

  • Debe tener un mecanismo para guardar las correspondencias entre peticiones y respuestas que se les asignan.

Modelo - Vista - Controlador

Hagamos una pausa

Aplicación CRUD

Super Héroes

MVC

Frontend

HTML - CSS - JS

Backend

AJAX - PHP - MySQL

Modelo - Vista - Controlador

Base de Datos

Vamos a CODEAR


}=D

Muchas Gracias

j@bextlan.com

#bextlanweb