¿What is the MVC Patter?, Simple explanation

This video is an explanation of the arquitectural design pattern MVC, of the abbreviations Model View Controller that follow so many frameworks, libraries, that they rely on that like Angular, React, Laravel, Express, Django, and many more.
Understanding, how is the flow of the interection between user and web application

[@FaztTech]

No olviden que si quieren conocer más pueden visitar mi blog, en blog.faztweb.com en los que escribo de articulos de programación y desarrollo web como este blog.faztweb.com/2017/09/que-es-un-framework.html Saludos a Todos

[@may6021]

De tantos videos q vi para entender MVC, estos fueron los 18 minutos mejor invertidos para comprenderlo!! Excelente explicacion!!

[@Chris6Six6]

El mejor video sigue siendo este después de 6 años y con mal audio, grande fazt.

[@andreseduardoguerreronoble2365]

Excelente explicación me sirvió de mucho para aclarar dudas y conceptos muchas gracias.

[@lewinviola1393]

Excelente Fazt. En muchos de tus videos oia el tema, pero no entendía nada. Ya con esto no estaré perdido.

[@josecastroantonio]

¡Por fin, encontré una explicación entendible!

[@arieldelavilla6043]

Excelente video, muy bien explicado, te felicito y te agradezco por compartir tus conocimientos !. Saludos desde Argentina !

[@crimsonBlair]

Muchas gracias por este vídeo. estoy aprendiendo a programar y siento que siempre hay algo anterior que tengo que saber para entender lo que estoy viendo, pero me pareció súper entendible lo que decís. Me suscribo!

[@mig6187]

Muy buen video. No sabía lo que era el MVC y creo que me ha quedado clara la idea.

[@lgeredesignjewelry-joyaspa9681]

Me quedó clarísimo para mis próximos proyectos. Gracias

[@xeroxwc]

Una buena explicación acerca de lo que pasa detrás del código. Gracias

[@damnation8969]

Muy buena explicación, la mejor que he visto hasta ahora

[@FaztTech]

Gracias Francisco.

[@waltergiraldo325]

Hola Fatz, Acabo de ver este vídeo y me suscribí de inmediato; te digo que nunca me ha quedado tan claro el tema, tienes una capacidad notable para darte a entender. Muchas gracias Me gustaría mucho poder ver la explicación acerca de los métodos http

[@Jose-ub1yp]

espectacularmente bien explicado

[@alidacontreras3116]

Muchas gracias! me encanto el video, todo bien explicado.

[@okmancera]

Muy buen vídeo, muchas gracias.

[@fernandovillagran9436]

Ha recibido su like mi hermano! excelente video!

[@saramigoya5046]

Excelente video!!!! súper claro, gracias!

[@alfredomontoya4087]

Excelente... gran explicación. Gracias!!!

[@andresecheverria5286]

Muchas gracias, bien explicado, te felicito muchas gracias.

[@WilsonXtrem007]

Gracias por la informacion muy completa, suscrito!

[@laloargosrey]

Muy buen video fazt... saludos hermano

[@alvarohrv]

Gracias Fazt, ya he hecho el de JS estoy comprendiendo NODE... de verdad gracias, espero crecer! superarme aprendiendo desarrollo web... siempre estaré muy agradecido, espero más adelante si todo sale bien devolverte el favor.

[@marloncode]

Eres un excelente prof.

[@dearalex2056]

Que pinche bella explicación Man, gracias por tu contenido; saludos desde Nicaragua!

[@ornellaputti6691]

Excelente explicación!! Me gustaría verlo con Android Studio

[@tutorialeshonestos]

Excelente tutorial, nosotros hicimos el mismo tema pero orientado a lo cotidiano..

[@oliviaescalante3496]

Muy buen video. Gracias.

[@maxzm7]

Excelente explicación, saludos

[@FaztTech]

en hora buena que te sirva. ¡Saludos!

[@elskipvers]

conseguí un nuevo trabajo ayer gracias a ti gracias máster eres el mejor💪

[@FaztTech]

Que Genial Escuchar eso, Felicidades!

[@yamilethperezdejurado4358]

Buena explicación!!!

[@demiantah3179]

Fazt canijo como ha crecido tu canal, recuerdo cuando tenias menos de 100k, muchos exitos hermano!

[@emanuelsotomayor2894]

Excelente explicación.

[@newentu]

Excelente explicacion!

[@luisfrancofazio8175]

muy util y bien explicado

[@rockeespinoza9324]

Excelente, bien explicado

[@agustindelabarca]

muchas gracias por este video

[@luisretes1689]

Muy útil, gracias.

[@juandavidbarrera9006]

Que buena explicación.

[@maurchus]

Muy bueno, todo lo que mi profe no explico, solo nos hizo copiar codigo sin explicar nada. Gracias Fazt.

[@user-sd6lk2ir5n]

Increible como te cambio la voz en 5 años saludos, buena explicación!

[@adrianfragacortes1813]

Buen video, gracias!

[@marceloramirez8959]

Muchas gracias!!!!

[@orlandodejesus2051]

Muy bueno ! Buen contenido, vas creciendo :) felicidades

[@FaztTech]

Gracias! :D

[@opq2676]

Gracias por tu ayuda x)

[@SonGoku-pc7jl]

jeje, un año después de estudiar todo el dia sobretodo contigo, de golpe youtube me propone este video de 5 años que me hizo ilusión ver para descansar de lo más denso. Quizás lo viera en su dia pero no lo recuerdo o no entenderia como hoy el tema :) a veces se escucha que ya no es moda este patrón pero vamos, han pasado cinco años del video y creo que en la mayoria de frameworks que utilizamos sigue siendo una base fundamental a la hora de escribir código. Es curioso esto de usar un patrón conocido sin saber que lo estás utilizando. Molaria algun video de otros patrones jeje :P

[@diegocardona8632]

Entonces, el Modelo Vista Controlador es una especie de "recursos" que podemos utilizar para crear un flujo de trabajo en nuestra web. Al ingresar a google.com el buscador nos devuelve la parte estetica *(Vista)* con la cual podemos interactuar, en este caso. Nos aparece el nombre de Google y el recuadro para buscar, al nosotros escribir en el recuadro y hacer una busqueda lo que sucede es que: nuestros datos pasan por el *Controlador*, el cual dice: !Ah okey, el usuario esta buscando por X cosa!. Inmediatamente se la envia a la base de datos *(Modelo)* la cual empieza a buscar por nuestra petición y luego dice algo como "Hey, Controlador, encontre esto sobre X cosa, ahi te lo mando". Luego el controlador lo recibe y nos lo envia a nuestra vista y es ahí cuando vemos los resultados de nuestra busqueda.

[@marijocarbajal6968]

cómo dirías lo mismo para el modelo MVT? de manera que sea igual de entendible jeje

[@aripaez]

tal cual!

[@dalnk2904]

Buen resumen

[@gabrielastark6395]

:') la explicación más hermosa que he visto ❤️

[@tsundere503]

gracias Mr. Coder!!

[@miguelguerrero3025]

Gracias por compartir todos tus conocimientos Fazt. Estaría chevere que realizaras un curso completo de desarrollo web, hay varios por toda la web pero no todas las personas saben explicar de forma adecuada y no inspiran a los estudiantes.

[@FaztTech]

Gracias Miguel, el curso de desarrollo web es algo que estoy planeando, solo que lo estoy elaborando aun para que que de bien, pronto espero terminarlo y subirlo. Gracias por el comentario

[@Mari4MRR]

Gracias 😊

[@ruif3r]

me encantaria que explicaras mvp y mvvm tan detalladamente como este video

[@Deuts7]

muchisimas gracias

[@remmcal1520]

Gracias

[@maxjaem]

sos un capo loco !

[@zidarkz]

Magnifica explicación. Quisiera saber si tienes cursos premium? La verdad valdrían la pena cmprarlos. Muchas gracias :)

[@giselatapiaperez5926]

MUY BUENO.....

[@FaztTech]

Gracias!

[@Spartan26135]

Tuve que poner el video en X.75 xD Ya veo porque te llamas Fazt xd Igual gracias por la explicación!

[@diegoalvarez437]

Jajaja a mi me encanta este canal por eso, es el primero que veo que no necesito adelantarle la velocidad en sus explicaciones, y acabo de llegar!! Agradecido.

[@carlos84708]

@@diegoalvarez437 yo tengo la costumbre de ver las cosas en 1.75 🤣 la gente le da muchas vueltas o no sabe explicar las cosas

[@Franjabube]

Lo puse en 0.75 y parece que habla borracho jajajja, vuelvo a la velocidad normal

[@danielesquivel3155]

@@Franjabube sixd

[@diegonicolasinsaurralde7213]

yo 1.5 XD

[@diegocif]

*Fazt, un curso de Laravel porfaaa*

[@aldonerio8036]

Del 5.5 porfas

[@henryhcc]

Excelente video Fazt. Tengo una consulta y cuando el usuario hace clic en un boton y la página por ejemplo talvez te muestra un modal o te redirecciona a una nueva vista, esa pequeña lógica dentro del patrón MVC pertenece a la VISTA o CONTROLLER?

[@JuanCamiloCampoT95]

Fazt aunque por ahí va la cosa, no es tanto así, resulta que con lo primero que se encuentra el cliente no es el VISTA, sino el CONTROLADOR, este hace de Middleware entre la VISTA y el MODEL, siendo la VISTA lo ultimo que sucede y es lo que ve el cliente, entonces en este orden de ideas el Model Vista Controlador o MVC sería { CLIENTE --> CONTROLADOR aquí podría ir a modelo si es una petición al servidor y como respuesta este manipularía los datos y los mostraría en la VISTA, o también el CONTROLADOR podría ir a la VISTA directamente con funcionalidades de front-end. es.wikipedia.org/wiki/Modelo-vista-controlador aquí está muy claro

[@jonathanmoreno9076]

Mmmm ... Ok, tienes un buen punto pero yo creo que el problema es que lo explicaron de 2 maneras... En la primera partian del hecho de que estabas viendo una pantalla ya cargada (La vista) y lo empezaron a explicar hacia atras (Como esa vista llego ahi), pero en la segunda (Minuto 14) metieron al usuario haciendo el requerimiento y alli ciertamente lo primero que deberia aparecer no es la Vista ......

[@davidrosenblum4079]

Cómo enredan tanto algo tan sencillo XD！

[@kikeestrada69]

La explicacion esta bien. Me hubiera gustado ver un ejemplo desde cero un CRUD o el consumo de un api o algo practico. La parte teorica esta bien pero faltó la practica Saludos Cordiales!

[@lucianoovejero4632]

Supongamos que tengo que hacer un pagina web con js jquery php html y css ajax => Vista => Html css Controlador => Js jquery ajax Modelo => PHP y BD Estaría bien así?

[@moonsunbel]

UNA PREGUNTA AMIGO EL JSP JAVA ESTA INCLUIDO AL "CONTROLLER" COMO SERVIDOR?

[@otpkatarina3493]

muy buen video! amigo crees que subas algo de asp net c#?

[@FaztTech]

Claro, es uno de los temas que planeo subir eventualmente. ¡Saludos!

[@otpkatarina3493]

Fazt bieeen! Saludos

[@freemind1931]

Tienes mas clases en youtube de mvc con C# ?

[@veronicaguaman6252]

Muy bien explicado, tenía ciertos huecos sobre MVC,una pregunta ¿ puedo usar tus presentaciones o basarme en estás para realizar las mías ?

[@lasha8708]

mira este video para entender mejor el mvc: @

[@conkerhugo]

gracias por la info, la verdad hablas excelente, hay mucho pendejo que habla lento y a la verga, hay que poner los videos en 1.75

[@AdriaFabrega]

Quien se encarga de dar formato a los datos de la bbdd que recibe el modelo? El modelo en si o el controlador? Gracias!

[@cristianpenase8662]

También pueden chequear acá kzbin.info/www/bejne/mnOTe42Xi9N1jck

[@omarorellana6096]

hola, como haria para modelar las tres capas en el lenguaje UML

[@antoniocallecaicedo4975]

Eso me pregunto si ya tiene la solución depaues de 3 años me puede hacer el favor de explicarme

[@mayma721]

Qué es mejor express o angular? No me quedó claro a qué te refieres que express para el servidor y angular para el cliente

[@alexcordoba6681]

Muy buena explicacion, simple y al grano. Ya te han dicho que repites la palabra "basicamente" muchas veces? no es malo pero puedes buscar sinonimos ;)

[@FaztTech]

jaja eres el numero 99999999 en decirmelo. lo tomare en cuenta xD

[@SebaM90]

fundamentalmente, esencialmente, elementalmente, principalmente, primordialmente de nada XD XD XD

[@andreschavez6925]

Oye, muchas gracias. Disculpa la molestia, pero cuantos años tienes?

[@luisjaquez9605]

Sí que estás atento a temáticas que si se deben hablar claramente.

[@FaztTech]

Muchas Gracias Luis, así es, es necesario tener estos conceptos claros :)

[@compartelo007]

no entiendo porque el modelo se comunica con el modelo se comunica con la vista, hasta lo que yo sabía todo pasa por el controlador y la vista no conoce al modelo ni el modelo a la vista. Me lo puedes aclarar?, gracias

[@charly-ic2dd]

q son los servidores??

[@martinzetinapalacios1073]

Buenas tardes profe fazt una pregunta existe asp.net mvc 6 ya que me pidieron que lo aprendiera pero he buscado información y no encuentro.....Gracias!!!

[@josephospina5827]

Fazt excelente video. Se puede decir que si yo tengo un Cliente (Web o Mobile) que consume un Api Rest, lo hace MVC correcto o estoy equivocado ???

[@FaztTech]

Gracias Joseph , Exacto, estas en lo correcto, lo has entendido :). aquí te dejo más información en quora. es.quora.com/Qu%C3%A9-es-el-patr%C3%B3n-MVC. por ciero lo que importa es las peticiones que pide el cliente, porque al final el que implementa este patron es el servidor.

[@josephospina5827]

Pero cuando te refieres al Servidor, un Api rest no retorna Views a menos que sea SSR, lo pregunto por que estoy pensando hacer un Web App en Vuejs y que consuma por Ajax un Api rest de MEN stack. Pero las rutas solo devuelven JSON, es un MVC igual ???

[@FaztTech]

Bueno en realidad cuando creamos Apis, como en los videos que ya he creado antes, en los que he creado carpetas controllers, y carpetas models, y las he manejado a traves de rutas, pero al final el cliente, ya sea un navegador a traves de una SPA o una app movil, es la VISTA, es por eso que los del team de React, dicen que react es solo la vista. en tu caso es Vue.js la vista, de hecho el nombre Vue, se pronuncai /vju/ como se pronuncia view en ingles, y de nuevo es solo para crear interfaces :)

[@josephospina5827]

Gracias Doctor. Usted es lo Maximo me la dejo clarisima. Siga con los videos que estan Vue-nos xD! Saludos

[@FaztTech]

xD esta Vuena esa :P. Gracias. Saludos

[@MrMaziito]

Basicamente :v

[@davidcabrera4065]

En el caso de angular La vista sería el template? El controlador el component? Y el modelo un service que yo creé?

[@pepebiondi5962]

yo creo que seria MVC.

[@arredi-alpha7308]

por fin una explicación para no programadores.

[@GamessLamarABCGAMES]

El controlador en poca palabra es el *puente* entre la vista y el gestor

[@diego.coder26]

Buenas, en una programación en PHP en el que se incluye AJAX y JavaScript, tengo muy claro cuales son las vistas y los modelos, pero las rutinas en AJAX y JavaScript formarían parte del controlador?. Gracias

[@JuanCamiloCampoT95]

El controlador es la acción que toma el cliente, el modelo sería la acción después que se hace el post con ajax y cuando representamos los datos en el navegador, éste sería la vista. Saludos.

[@21sebas12]

Falto meter los de java :/ , pero bien felicitaciones.

[@teoriaDelSoftware]

Johan Inglorion mencionalos bro

[@21sebas12]

Eduardo Rasgado uno de ellos es Spring, jsf, gwt, etc...

[@ElSharaawe]

Old fazt

[@bertmoran9931]

Yo utilizo en MVE modelo vista espagueti. jajaja

[@MikeHurtado-cb4lc]

Siempre h6bo servidores Windows

[@alexandergarcia6479]

esa cosa horrible me sacó canas en mi segundo curso de informática

[@leirbag8007]

básicamente :v

[@carlosnovoa88]

Básicamente++ jaja

[@LuisParionaOsorio]

y Cumbia ? :'v

[@videosymas3346]

No me gusta usar eso porque cuando hay que modificar un modulo hay que modificar todos los demas en cambio si lo haces todo en una sola carpeta solo eso modificas

[@_chris_6786]

Una crítica constructiva, hablas demasiado rápido, y no pronuncias bien las palabras, y para explicar cosas técnicas, hay que ir pausado y hablar bien.

[@virtualvane14]

exacto!! habla demasiado rapido y toca devolver para retener la informacion jaja

[@N7wMultimedia]

para mi es muy lento lentos

[@joseoleaga]

le reto a que pongan la velocidad del video en 0.25 XD parece ebrio

[@davicho___]

Hablas demasiado rápido y la parte de simple deja de tener sentido en el titulo.

[@ginocarlucci5563]

Habla mas despacio no te corre nadie

[@victoralbornoz867]

viejo tienes la muletilla de "basicamente" lo dices demasiado, eso hace el video incomodo de escuchar

[@DonBenji212]

Básicamente es cierto

[@santiagob2620]

Man que audio tan pesimo.

[@FaztTech]

Tienes razon, voy a actualizar este video para esta semana :)

[@santiagob2620]

@@FaztTech Genial amigo, de todos modos fue con cariño, el contenido es muy bueno. Lastima el audio, pero lo vi todo, buena info. Un saludo !