Aprender Javascript Mvc

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

Los desarrolladores de software suelen utilizar patrones de dise√±o al dise√±ar una nueva aplicaciòn o sitio web. Un patròn de dise√±o de alto nivel es una plantilla reutilizable muy general que se utiliza para resolver un problema.

Este artìculo analiza el patròn de dise√±o modelo-vista-controlador (MVC): qué es , por qué podrìa ser √∫til y còmo empezar a aprender a dise√±ar aplicaciones MVC.

¿Qué es el patròn de dise√±o MVC?

Si hay algo que recordar sobre esto patròn de dise√±o, es que el patròn de dise√±o MVC requiere que cada componente individual funcione de forma independiente para contribuir al propòsito general del patròn de dise√±o: crear interfaces gráficas de usuario impresionantes.

El dise√±o del controlador de vista de modelo El patròn fue introducido por Trygve Reenskaug en la década de 1970 cuando trabajaba para Xerox. MVC se solidificò más tarde como un paradigma de interfaz de usuario por dos cientìficos informáticos que escribieron un artìculo sobre el tema en The Journal of Object-Oriented Programming en 1988.

Hay tres componentes principales de MVC Framework: & nbsp;

  1. Modelo
    El modelo es puramente la lògica de la aplicaciòn. No es parte de la interfaz de usuario (UI), pero es la plantilla de lo que presentará la UI. Piense en esto como una base de datos, el esquema de la base de datos y las reglas sobre còmo agregar objetos a la base de datos.
  2. Vista
    La vista de la aplicaciòn probablemente sea exactamente lo que piensas: la representaciòn fìsica de nuestros datos en una pantalla. Esto podrìa ser un gráfico o una tabla de alg√∫n tipo, por ejemplo.
  3. Controlador
    El controlador es el policìa de tráfico de su operaciòn. Cuando un frontend habla con el backend, un controlador recibe un mensaje que le indica al backend còmo interactuar con la capa del modelo.

¿Para qué se usa MVC?

MVC se utiliza para acelerar el proceso de desarrollo. Una plantilla que debe seguir al crear aplicaciones web le ahorra el abrumador problema de averiguar "còmo empezar". Recurrimos a estos patrones para reducir la cantidad de tiempo que tomarìa resolver el problema.

Si bien cada componente individual del patròn de dise√±o MVC depende entre sì para el trabajo general, son bloques de còdigo independientes. La separaciòn de preocupaciones hace que el còdigo sea más limpio, más corto y más reutilizable.

También hace la logìstica de trabajar en una aplicaciòn con m√∫ltiples desarrolladores al permitir que los desarrolladores trabajen en diferentes funciones sin tener que preocuparse por pisar otro còdigo.

Aprendiendo MVC

Aprenda el patròn modelo-vista-controlador si tiene la intenciòn de convertirse en cualquier tipo de desarrollador web. Conocer esta arquitectura de dise√±o facilitará la resoluciòn de problemas. Es una de las formas más populares de dise√±ar una aplicaciòn web.

¿Cuánto tiempo se tarda en aprender el patròn de dise√±o MVC?

¿Cuánto tiempo se tarda en aprender? cuestiòn de pensar en la soluciòn a un problema de una manera diferente & mdash; si ya sabe còmo codificar. Puede aprender el patròn de dise√±o MVC a medida que aprende a codificar. Tenga en cuenta la arquitectura y còmo se debe dise√±ar a medida que aprenda lo que se necesita para armar una aplicaciòn.

Su millaje puede variar seg√∫n el tiempo y la consistencia en su práctica. & Nbsp;

Còmo aprender MVC: paso a paso

Recomiendo seguir una ruta que muestre còmo cambian las interacciones de un usuario en una aplicaciòn para aprender esta arquitectura.

Si eres un novato en el còdigo, te recomiendo que primero aprendas al menos un lenguaje de programaciòn. JavaScript, Python o C# son excelentes opciones para que usted aprenda para que pueda avanzar a la exploraciòn del controlador de vista de modelo mientras crea proyectos.

  1. Usuario
    • ¿Còmo interact√∫a un usuario con una página web?
    • ¿Còmo funcionan estos eventos de usuario en el idioma en el que está usando este paradigma?
    • Cosas para ayudarlo empezar: solicitudes HTTP, bucle de eventos de JavaScript, API de recuperaciòn, axios, etc.
  2. Controlador
    • ¿Cuáles son los principales partes de un controlador?
    • Cuando el controlador recibe una solicitud, ¿qué sucede después?
  3. Modelo
    • ¿Qué es un modelo y qué hace para controlar la base de datos?
    • Cuando el modelo recibe instrucciones para actualizar la base de datos, ¿qué sucede después?
  4. Vista
    • La vista recibe informaciòn del modelo de que la base de datos se ha actualizado
    • La vista cambia lo que se ve en la pantalla para que el usuario vea como resultado del origen al interactuar con el usuario.

Los mejores cursos y programas de capacitaciòn de MVC

Todos aprenden de manera un poco diferente. Aquì se compilan algunos de los mejores tutoriales y capacitaciòn de MVC que se pueden encontrar. Muchos de ellos utilizan los marcos de trabajo de paradigma de usuario MVC más populares. Algunos cursos y capacitaciones tienen una tarifa, pero hay algunos que también son gratuitos. Esta lista no está en ning√∫n orden en particular.

Cursos MVC en lìnea

Estos son algunos de los mejores cursos disponibles en lìnea que ense√±an MVC como parte del curso:

Maximilian Schwarzm & uuml; ller " El curso sobre NodeJS es una mirada completa a còmo construir un sitio web usando un paradigma modelo-vista-controlador. Solo necesita una comprensiòn básica de JavaScript para comenzar. Maximillian hace un trabajo minucioso al ense√±ar los fundamentos que necesita para comenzar.

Ruta de ASP.NET MVC 5: cursos para principiantes

Sitepoint lo guìa a través de un tutorial gratuito sobre còmo implementar una estructura de aplicaciòn MVC en una aplicaciòn NodeJS. Se completa con ejemplos de còdigo y explicaciones.

MVC Books

También hay varios libros para ayudarlo en su aventura MVC.

" Pro ASP.NET MVC 5

Cree las aplicaciones web que cumplen con los estándares más mantenibles y con el mejor rendimiento en la plataforma Microsoft "

Por Adam Freeman

Esta guìa en ASP.NET MVC 5 le ense√±a sobre la vista de modelo -patròn de control antes de avanzar a temas más avanzados. Freeman describe todo lo que necesita saber para usar ASP.NET MVC 5 con buen detalle y pone el tema en práctica al pedirle que cree un sitio de comercio electrònico.

" CodeIgniter: Aprenda CodeIgniter en un dìa "

Por Krishna Rungta

Aprende CodeIgniter un dìa a la cubierta de libro

Esta es una guìa paso a paso para usar CodeIgniter & mdash; un marco MVC & mdash; para crear aplicaciones PHP. El autor se toma el tiempo para describir en detalle qué es CodeIgniter, cuál es su propòsito y còmo se entrelaza con la arquitectura MVC para crear una aplicaciòn web. & Nbsp;

MVC en lìnea Recursos

Esta es una lista de algunos de los recursos decentes que están disponibles para aprender MVC o para consultarlos más adelante a medida que gane más experiencia.

Comprender el patròn MVC en Django

Descripciòn del patròn MVC en Django captura de pantalla de la página principal

Django es un marco de trabajo de Python que se basa en la idea del paradigma de usuario MVC y lo amplìa para crear su propio patròn llamado modelo-plantilla-vista. Este recurso repasa el patròn MVC y còmo se relaciona con Django.

Patrones ASP.NET MVC

Captura de pantalla de la página de inicio & mdash; Patròn ASP.NET MVC

Usted, como alumno, debe consultar la documentaciòn sobre nuevos temas cuando comience por primera vez. Incluso si no comprende el lenguaje aquì, Microsoft hace un buen trabajo explicando cuál es el propòsito del patròn MVC.

¿Por qué deberìa estudiar MVC?

Estudiar el modelo -view-controller pattern te beneficiará si planeas convertirte en desarrollador web o quieres trabajar para una empresa que utiliza este paradigma como parte de su pila de soluciones. Debe aprender los conceptos básicos del paradigma de usuario MVC para convertirse en un mejor desarrollador.

¬°Buena suerte en su viaje para convertirse en desarrollador web o ingeniero de software!