Aplicaciones SPA vs MPA ¿Qué son y cual elegir?

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

Комментарии • 109

  • @yangenmanuel2659
    @yangenmanuel2659 2 года назад +58

    Tus videos siempre llegan en el mejor momento. Justo estaba iniciando una aplicacion web con react y no sabia las diferencias entre los temas que expones en el video. Todo queda muy claro. Eres como la documentacion universal sencilla de leer para todos xd

    • @jimmygreycijimenezcerron7568
      @jimmygreycijimenezcerron7568 2 года назад +1

      React no mano, mejor angular

    • @yangenmanuel2659
      @yangenmanuel2659 2 года назад +2

      @@jimmygreycijimenezcerron7568 el codigo en react me es mas facil de leer y la biblioteca es muy popular. Me gusta el tema de typescript pero me encariñe con mi prmer framework de forntend xd

    • @rlyehdate
      @rlyehdate 2 года назад

      @@jimmygreycijimenezcerron7568 ¿y por qué mo ambos? Xd

    • @leonardohidalgo5127
      @leonardohidalgo5127 2 года назад +3

      @@jimmygreycijimenezcerron7568 angular es mejor estructurado y no requiere biblioteca de terceros para la comunicación de componentes, pero react tiene su fuerte en que es sencillo y fácil de codear. No por ser mejor significa que debas usar angular en todo, si el proyecto va a hacer uso de su estructura es una cosa, pero si esto no es necesario en el proyecto react ofrece una alternativa muy práctica y versátil en compatibilidad de frameworks.

    • @luiseduardorodriguezflores210
      @luiseduardorodriguezflores210 Год назад +1

      Te recomiendo angular bro, al principio podría ser más difícil pero creeme al final será mejor pero tú decides

  • @nicolasrivera3422
    @nicolasrivera3422 2 года назад +15

    Increíble su forma de transmitir conocimientos, aprendí mas en 7 minutos con éste video , que en 3 meses de estudio formal. Gracias !

  • @hdezcOmar
    @hdezcOmar 2 года назад +4

    Tengo interés por empezar a programar y este video aclaro muchas dudas sobre la programación web. Creo que no he visto a nadie que lo explicara tan bien como ud. lo hizo. Se gano mi like y suscripción. 👍

  • @lucianomatiasplazasilva410
    @lucianomatiasplazasilva410 2 года назад +4

    TRE MEN DO!! Fazt sos oro respecto a información y crecimiento, este video tienen que verlo muchos más por las bases que simplificas en 7 minutos. Espero con ansias el video de SSR

  • @valenciaDev
    @valenciaDev 2 года назад +2

    El mejor canal de programación!

  • @Dun_Dev
    @Dun_Dev 2 года назад

    Fazt eres genial. Todo están transparente como el agua

  • @nocivescience707
    @nocivescience707 2 года назад +1

    Gracias Fazt por compartir tu conocimiento, y si alguna vez quieres conquistar el mundo, todos lo que te estamos agradecidos con gusto te ayudaremos.

  • @Daker11Gamer
    @Daker11Gamer Год назад

    Dios! Super interesante este contenido, me encantó no entendía bien estos terminos, pero después de ver el vídeo me quedaron super claros, en lo personal las SPA, considero son el futuro porque es mucho más hermoso y amigable con el usuario que la página no se este cargando apenas oprimes un botón, super interesante el vídeo desde que soy estudiante me encanta tu contenido muchas gracias por traerlo a esta hermosa comunidad tuya en RUclips

  • @letoniel006
    @letoniel006 2 года назад

    recién aprendiendo angular y llega este video, muchas gracias amigo

  • @gabyScript
    @gabyScript 2 года назад +3

    Excelente explicacion. Cada dia aprendo mas con tus videos

  • @emmanuelareiza9699
    @emmanuelareiza9699 Год назад

    Fazt Parce , Muchísimas gracias enserio , QUE MOTIVACIÓN TAN GRANDE PARCE MUCHAS MUCHAS MUCHAS GRACIAS Enserio que cambias vidas

  • @alex1726i
    @alex1726i 3 месяца назад +1

    Estaba buscando este video, en mi proyecto de desarrollo web Integrado hicimos una aplicación basada en MPA y me preguntaba si existía otra forma de implementarlo.

  • @andresmauro17
    @andresmauro17 2 года назад

    Espectacular tu explicación.

  • @skyblack7040
    @skyblack7040 2 года назад

    Muchas gracias por fin pude entenderle todo sobre MPA y SPA.

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 года назад

    fantásticamente explicado para diluir dudas :)

  • @oswaldogerardino
    @oswaldogerardino 2 года назад +4

    me gustan mucho este tipo de videos informativos. Hoy dia hay demasiados tutoriales en youtube, ense#ando como usar las tecnologias y sus tools, pero pocos ense#an donde usarlos, cuando o porque. Genial, mas videos asi

  • @3triada
    @3triada Год назад

    Siempre calidad,gracias por la asesoría. Éxitos. Vere tu siguiente video.

  • @estebanaguirre4550
    @estebanaguirre4550 2 года назад

    esperando el próximo video!

  • @mrdominguez
    @mrdominguez 2 года назад +9

    Fazt otro dato interesante es que las MPA consumen más ancho de banda porque el servidor constantemente está respondiendo con HTML que es mucho más verboso que un JSON como sería el caso de una SPA, esa es una desventaja para los usuarios que navegan con paquetes de datos que es lo que suelen ofrecer las telefonías/ISP a los dispositivos móviles para conexiones 3G/4G/5G etc, entonces el paquete les duraría mucho menos afectando económicamente a esos usuarios, no así a los que tiene una conexión full sin límites de descargas.

    • @astrixwr5662
      @astrixwr5662 Год назад

      No habia pensado en ese enfoque a los móviles :0

  • @agustinpalmam2923
    @agustinpalmam2923 2 года назад

    este video es oro puro, muchas gracias Tio Fazt Code 😃

  • @cleidysbrooks
    @cleidysbrooks 2 года назад +1

    Muy interesante. Excelente explicacion.
    Gracias Fazt.

  • @sebastianrios4433
    @sebastianrios4433 2 года назад

    Genio, menos no puedo decir. Muchas gracias por tu gran aporte.

  • @alvaro_diaz
    @alvaro_diaz 2 года назад

    Hola, soy nuevo, vengo de TikTok.. sé que me servirá mucho tu videos...

  • @WILLL859
    @WILLL859 2 года назад +1

    Gracias Fazt siempre tuve esa duda

  • @thenowrock3427
    @thenowrock3427 Год назад

    Buen video parce , que elegancia aprender cositas nuevas con lo que comentas. Aunque uno sea ingeniero no deja de seguir recordando y aprendiendo nuevas cosas !!, las mejores developers metanle ganas al code y mucha actidud , So cool coding :).

  • @amaurypalacios9079
    @amaurypalacios9079 2 года назад +2

    Excelente vídeo, siempre los veo todos, gracias por los aportes.
    HELP, casualmente éste tema muy oportuno, ya que estoy haciendo una app tipo SPA pero en algunas páginas deben ser SSR para poder mostrar publicidad de Adsense de forma correcta sin poner en riesgo mi cuenta, aún no sé cómo sería la mejor manera combinar eso. Mi backend es Golang. Cualquier orientación se los agradecería mucho. Saludos.

  • @sebastianalejandrovelasque8618
    @sebastianalejandrovelasque8618 2 года назад

    Gracias por el video Fazt

  • @renzoosoriovaldez3378
    @renzoosoriovaldez3378 2 года назад

    Muy buena tu explicación Fazt, gracias por el contenido

  • @max_unch
    @max_unch 2 года назад

    Excelente explicación! Muchas gracias por tus videos! ♥

  •  2 года назад +1

    Excelente video Fazt, muy clara la esplicación. gracias. Me dás la tranquilidad de saber que voy por buen camino.
    Si bien Svelte es CSR, puede ser que Routify Svelte sea del tipo que mencionas al final? Server Side Rrendering

    • @FaztTech
      @FaztTech  2 года назад +1

      Svelte es CSR, pero ese modulo que menciona veo que ofrece tanto CSR como SSR. Aunque tambien esta Sveltekit que añade SSR para la carga inicial de paginas

  • @RAFALAMAO_
    @RAFALAMAO_ Год назад

    Tio Fazt, por favor, activa el botón para poder apoyarte con mas que me gusta y compartir.
    Gracias a tí, muchos tenemos trabajo :3

  • @jeremiasgarcia4578
    @jeremiasgarcia4578 Год назад

    Muchas gracias por el contenido, actualmente ando desarrollando MPA, espero que nos des un ejemplo de Server Side Rendering. Saludos, nuevo sub.

  • @clasesdefazt2193
    @clasesdefazt2193 2 года назад

    Excelente explicacion Fazt !!

  • @hasancarmona6282
    @hasancarmona6282 4 месяца назад

    Que buena explicacion!!

  • @diegojuchani3754
    @diegojuchani3754 2 года назад

    ajsja estaba necesitando esto que casualidad

  • @danefss
    @danefss 2 года назад

    Definitivamente muy util. Muy buen contenido.

  • @oshoosho4604
    @oshoosho4604 Год назад +2

    uso cualquiera de los enfoques, pero si de mí dependiera, no hay nada q el objeto de javascript vanilla o puro llamado xmlHttpRequest no pueda hacer. con él hice cantidad de SPA. los frameworks de javascript me tocó aprenderlos por cuestiones laborales, no porq realmente resulevan algo q antes no se pudiera. de hecho más fácil era como se hacía antes

  • @LeninGonzalezMec
    @LeninGonzalezMec 2 года назад

    Gran explicacion! muchas gracias.

  • @SanchayanPackiyanathan
    @SanchayanPackiyanathan Год назад

    Gracias amigo, saludos.

  • @kodosensei
    @kodosensei 2 года назад

    Contenido de calidad !!!🤠

  • @Roku8500
    @Roku8500 2 года назад +1

    Tendrás un vídeo de explicar spring boot? Excelente explicación la necesaria para entender la web actual

  • @Pool-Petter-Hijuela
    @Pool-Petter-Hijuela Год назад

    Hola Fazt, gracias por tu contenido. Una consulta donde encuentro la app del minuto 04:22, me gustaría verla.

  • @davidjss
    @davidjss Год назад +1

    Hola Fazt saludos desde Perú, gracias por compartir tus videos, caen en el momento indicado, te queria consultar lo siguiente, que programas usas para editar tus video y para hacer las animaciones que hiciste, por ejemplo la del "cliente-servidor".

    • @icabanah
      @icabanah Год назад

      Según su acento, diría que Fazt tmb es peruano.

  • @MatiasUzumy
    @MatiasUzumy 2 года назад

    Sr Fazt me ayudo mucho cuando me empezo a interezar la programacion y le queria pedir un favor ,ultimamente me esta interezando la ciberseguridad y me preguntaba si me puede recomendar por donde puedo empezar ,se que no es parte del contenido avitual pero confio mucho siempre en sus recomendaciones .Desde ya muchas gracias,

  • @BryanSanudoGarcia
    @BryanSanudoGarcia Год назад

    contenido 10/10

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 Год назад

    React y Angular ahora quieren usar el SSR... Significa esto que Django podría estar a la par o ser mejor?

  • @cerm88
    @cerm88 Год назад

    Excelente explciación pero Jinja2 es el template de flask.

  • @pablolusarreta
    @pablolusarreta 2 года назад

    Por comentar .. tu micro tiene unos picos en 135 hz que son muy molestos en mis monitores de estudio .. quizás en otros monitores no se aprecie, pero hacen tu voz muy monótona, valga la redundancia! Con atenuar esa frecuencia con un ecualizador VST en OBS si usas este programa estaría! Por lo demás todo perfecto! sigue asi!!

  • @jodacame
    @jodacame Год назад

    Actualmente puedes hacer MPA con tecnologías modernas como Vuejs usando Nuxt y hacer uso de lo mejor de los 2 mundos (Client side rendering and server side rendering), hacer uso de solo client side rendering puede ser fatal para algunos proyectos que necesitan SEO (ejemplo: un e-commerce).

  • @ferxas4560
    @ferxas4560 2 года назад

    Excelente video, Fazt.

    • @FaztTech
      @FaztTech  2 года назад +1

      Gracias Ferxas :)

  • @andersonpineda8875
    @andersonpineda8875 3 месяца назад

    hola estimado, y que opinas de inertia js?

  • @leonarzb5705
    @leonarzb5705 2 года назад +1

    Tengo entendido que las SPA tardan más en cargar inicialmente aún siendo pwa pues descargan todo al iniciar mientras que las otras sólo la página que necesitas

    • @selienyorbandi
      @selienyorbandi 2 года назад +1

      En las spa puedes usar lazy loading con las diferentes "páginas", y la app carga lo que necesita nomás

    • @FaztTech
      @FaztTech  2 года назад +2

      Es cierto que por lo general, se crea un bundle final bastante grande, pero hay forma de optimizarlos dividiendo un archivo en multiples partes (Code Spliting) y cargarlos solo cuando se necesiten (Lazy Loading), de hecho hace unos meses tambien comparti un framework de frontend con esta idea:
      ruclips.net/video/kT-Y17mEUZs/видео.html

  • @angelbelaunde9704
    @angelbelaunde9704 2 года назад

    Genial el vídeo. Una duda cual es la mejor librería para generar reportes? Estoy usando react para un proyecto y estoy usando jsPDF pero es sumamente complejo hacer un reporte complejo con esta librería ya que los datos que debe procesar son dinámicos y cambian según la la información ingresada por el usuario.

  • @andyrosebeats2858
    @andyrosebeats2858 2 года назад

    Fazt!! ¿Cómo se puede procesar un pago de bitcoin directamente desde nuestra app sin utilizar una API de una plataforma como la coinbase? Me refiero a hacerlo de forma directa con la blockchain escaneando los estados de la transacción y dándole manejo a cada estado (payment pending, payment completed) desde nuestra app en Nodejs... He buscado en tus dos canales y no encuentro algo similar... Podrías hacer este video para nosotros?

  • @adj32nj
    @adj32nj Год назад

    Haz un video de ese nuevo proyecto para Python, donde intentan hacer que solo usando Python se pueda hacer paginas ya no solo del lado del server, si no también crear la interfaz del cliente, se llama reflex.

  • @jimmypedraza433
    @jimmypedraza433 2 года назад

    Cada vez se aprende mas... muchas gracias Fazt

  • @aventurasenmoto7367
    @aventurasenmoto7367 Год назад

    Hola Fazt hay forma que puedas asesorarme en temas puntuales de Flask por favor, hay cosas que se me están complicando. Agradezco tu respuesta.

  • @Niconelli12
    @Niconelli12 Год назад +1

    Seguramente lo explicas en los siguientes videos Fazt, pero hablar actualmente de Server-Side Rendering NO equivale a hablar de Multiple Page Application dependientemente, es decir, puedes tener tanto un sistema con SSR que sea multiple page asi como puedes tener un sistema SSR que sea single page application. De lo que depende si será SPA o MPA es de la tecnología a utilizar. Inclusive el mismísimo React.js vanilla en sus ultimas updates está ofreciendo features para hacer uso de SSR para hacer SPAs

  • @pedrocabana9062
    @pedrocabana9062 2 года назад

    Muy buen contenido felicidades... Podría hacer algo de flutter y si combiene profundizarlo

  • @Jimmy-zt5io
    @Jimmy-zt5io Год назад +1

    Uno empieza con html css y javascript y despues te sale el universo entero

  • @louistejeda
    @louistejeda 2 года назад

    Excelente video!!

  • @YODA5919
    @YODA5919 2 года назад +1

    Buen video saludos

  • @pedronndong5682
    @pedronndong5682 2 года назад

    Tanks Fazt 👋👋

  • @07cesarjoelgonzalezoliva31
    @07cesarjoelgonzalezoliva31 Год назад +1

    Una duda. Como funcionan los sitios web que tienen muchos html. ¿Crean cada uno? O hay una forma de hacerlo automaticamente?

    • @FaztTech
      @FaztTech  Год назад +1

      Hay una forma bastante común estos días de generar archivos html automáticamente usando los llamados “generadores de sitios estáticos”. Dejo un video del tema:
      ¿Que es un Generador de Sitio Estático? - Static Site generator (SSG)
      ruclips.net/video/osWfEtbP_sk/видео.html

    • @07cesarjoelgonzalezoliva31
      @07cesarjoelgonzalezoliva31 Год назад

      @@FaztTech Muchas graciaaaas. 👌🏻😁

  • @puveil2294
    @puveil2294 2 года назад

    Tengo 17 años, a los 14 empecé a desarrollar un framework de frontend de javascript que está inspirado en JQuery y React, llevo 3 años de desarrollo. Utiliza la sintaxis JSX compilada con babel, y el manejo del DOM, se hace con métodos que fusionan lo mejor de React y lo mejor de JQuery, por ahora no lo tengo en github. Espero que este proyecto funcione. Ahora estoy desarrollando todo el tema de los componentes y las funcionalidades para hacer que la pagina se actualice por secciones en lugar de que se cargue de nuevo la página. Luego solo me quedará implementar un sistema parecido a ajax y perfeccionar y optimizar el código, que por ahora tiene bastante código basura y malas prácticas a nivel de sintaxis, pero en un futuro, espero que sea completamente funcional.

  • @matitk
    @matitk 2 года назад +1

    La gran duda que tengo hace tiempo:
    Con node/express o cualquier otro back se puede servir archivos estaticos y hacer server side rendering de manera facil con un template engine o con un simple string generado al momento de tocar un endpoint, cual seria la diferencia de hacerlo asi en comparacion con algo como nextjs?
    Hay alguna alternativa mas optima que no implique meter un framework muy pesado?

    • @gabobaxx
      @gabobaxx 2 года назад +1

      Si has hecho una aplicación con express de server side o solamente montado un servidor web, sabes que tienes que configurar un montón de cosas (que eso está bien si estás aprendiendo sobre la web) pero en el caso real, tu cómo programador tienes que intentar ahorrarte tiempo y complejidades que ya se han implementado y de una manera más óptima y mejor como lo son los framework.
      Con eso tenemos que la principal diferencia de Nextjs es que te facilita el trabajo donde solo tienes que pensar en la experiencia de usuario o el diseño de tu aplicación y no en el sistema de enrutamientos, configuraciones con template engine, etc.
      Obviamente hay más diferencia y tienen sus pros y contras pero creo que para un caso de la vida real, un framework te facilita muchísimo las cosas.

  • @emanuelkevinsamaniegocalde1626
    @emanuelkevinsamaniegocalde1626 2 года назад

    Con Blazor solo con C# ya puedes usar para Front y Back End

    • @flussen0
      @flussen0 6 месяцев назад

      y con muchas otras tecnologías también, no solo lo hace c#, son herramientas dependiendo del enfoque. yo también soy backend haha

  • @yeisonbone9138
    @yeisonbone9138 Год назад

    Hola, amigo confiezo que soy nuevo en programación, en realidad son Contador pero me encanta la programación, en fin quiero crear aplicaciones contables y de verdad quisiera que me guíen en que debo aprender, al momento tengo bases en HTML, CSS, Javascrip, SQL y algo de Pyton, por favor en base a esto que debo aprender para crear mi aplicación web de contabilidad, gracias y escucho opiniones de todos.

    • @gilbertorodriguezdelacruz1184
      @gilbertorodriguezdelacruz1184 Год назад

      Diría que te enfoques en programación e indagues más en Bases de datos. Al tener bases de Python, puedes usar el framework Django para crear tu aplicación, sin embargo debes de tener un poco de conocimiento en programación orientada a objetos y entender cómo funciona el patrón de diseño MVC pues esto es lo que usa Django. Creo que eso sería para involucrarte en el mundo de las aplicaciones web.

  • @xavicode3436
    @xavicode3436 2 года назад

    gracias bro

  • @juliocefe1807
    @juliocefe1807 2 года назад

    Please habla de HTMX, tengo esperanzas en esa librería y la estoy usando. No le veo nada de malo renderizar html, en vez de tener que crear rest apis que solo retornan json. Creo que para la mayoría de los casos htmx es suficiente, lo malo es que mucha gente aún no lo conoce, creo que tiene bastante potencial

    • @guillermonarvay8247
      @guillermonarvay8247 2 года назад +1

      Hace un tiempo vengo leyendo sobre htmx, que está en la misma línea que hotwire turbo y unpoly, pero aún no la implemente en ningún proyecto. ¿Qué pasa con las rutas, te permite variar la url o esta se mantiene inalterable?

    • @juliocefe1807
      @juliocefe1807 2 года назад

      @@guillermonarvay8247 interesante pregunta, por el momento solo he implementado htmx en modulos independientes, aun no he tenido esa necesidad que mencionas, pero si lo hacen con react router no creo que no se pueda hacer con htmx. Todavia tengo mucho que aprender, visita el video 'DjangoCon 2022 | From React to htmx' esta bueno.

    • @guillermonarvay8247
      @guillermonarvay8247 2 года назад

      Justamente busco algo como un react router, poder usar htmx como una single page aplication pero con rutas

  • @jmizraimcm7585
    @jmizraimcm7585 2 года назад

    Una API REST es una arquitectura como el MVC?

    • @FaztTech
      @FaztTech  2 года назад +1

      Una API Rest seria basicamente un backend que solo envia datos en formato JSON, es decir no enviar archivos HTML.
      Mientras que MVC es una forma de ordenar tus archivos (por asi decirlo) en un proyecto, dividiendolos en modelos (esquemas), vistas (html, interfaces) y controladores (funciones)

  • @Myglobalsounds
    @Myglobalsounds 2 года назад

    Tkm Fazt, cuando el video de vitest. Tkm bye.

  • @cerm88
    @cerm88 Год назад

    Exelnte explciación pero Jinja2 es el template de flask.

  • @diarioparaemprendedores
    @diarioparaemprendedores 2 года назад

    Wow mi mente explotó

  • @icedev8078
    @icedev8078 Год назад

    Ummm creo que faltaría NextJS que si tiene SEO c:

  • @juanagustinmarti9699
    @juanagustinmarti9699 2 года назад +1

    que raro me pareció que en ningún momento nombraste a next??

    • @FaztTech
      @FaztTech  2 года назад +1

      Next estaria en la sección SPA, pero lo dejo afuera por que si usas next solo para SPA, es básicamente React, su fuerte de Next esta su Server Side Rendering, peor eso lo mencionaŕe en uno de los siguientes videos de Server Side Rendering :)

  • @miguelsirna
    @miguelsirna Год назад

    que paso con hey coders? e.e

  • @alexdevorigin1
    @alexdevorigin1 2 года назад

    Jamstack ?

  • @kelvinfelix4588
    @kelvinfelix4588 2 года назад

    bien

  • @germanbaena6579
    @germanbaena6579 5 месяцев назад

    Por Dios! duré acelerado como una hora seguida después de ver este vídeo, que horror, no pude ni parpadear.

  • @geraldmc1939
    @geraldmc1939 2 года назад

    Ya veo
    No entiendo nada
    No no mentira
    Muchas gracias!!

  • @camarosss2
    @camarosss2 5 месяцев назад

    Entendi en 7 minutos lo que no entendi en 5 años de la U

  • @kevinmc24
    @kevinmc24 Год назад

    Mmmm pal seo no spa xd

  • @naide3143
    @naide3143 2 года назад

  • @gober4662
    @gober4662 2 года назад

    Muy buena explicación. Gracias.