Introducción a SPA

2/16
Recursos
Transcripción

Aportes 47

Preguntas 11

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

SPA Son aplicaciones construidas con JavaScript que nos permiten cargar nuestro contenido una sóla vez, es decir, se envían los archivos HTML, CSS y JS una sóla vez al navegador y ahí es donde va a vivir toda nuestra aplicación, de tal forma que la aplicación no necesita ser recargada, por ello, si se necesita navegar en la aplicación, se navega entre secciones y no páginas.

Ventajas

  • Son fáciles de debuggear.
  • Son fáciles de crear.

Desventajas

  • No es tan compatible con el SEO.
  • No es recomendable aplicarlas para grandes aplicaciones (Aplicación grande => más de 1000 usuarios y más de 50 secciones en la página).

Yo leo SPA y se me viene a la mente Sociedad por acciones , maldita contabilidad que ha nublado mi ya nublada mente ._.

Primer curso avanzado* que tomo y sentí miedo jajaja

¿Podré realizar algo como esto?
http://www.town.shimane-misato.lg.jp/misatoto/

Para los que, siguen la ruta: Sí les recomiendo tomar el curso de Postman, webpack, y asincronismo. Además, npm (necesario). Porque, les responderán muchas preguntas técnicas.

Buenas Oscar, a que te refieres con grandes aplicaciones? En mi caso yo quiero hacer una aplicación de videos (estos estarían insertados con una etiqueta iframe), crees que mi app califique como grande?

Esta es la dirección del api:

https://rickandmortyapi.com/

De hecho, hoy en día hay aplicaciones como Netflix, Facebook y Gmail que utilizan SPA, por lo cual ya no es un problema la cantidad de usuarios. Los únicos problemas serian:

  • SEO
  • Historial de búsqueda
  • Ciber ataques

Con React construimos SPA, pero podemos mejorar el SEO usando R.Helmet, también podemos usar Next.js para usar SSR, servir nuestros archivos solo cuando el cliente los necesite con React.Lazy , auque si hacemos uso de SSR, tendríamos que usar loadable-components.

SPA es asociada con “UNA PARA TODOS" Y “SECCIONES”. Un SPA solo cargar un archivo HTML y con una configuración especial (debes ver el curso) el navegador cargara todas las páginas y estas estarán a la escucha para ser renderizadas. ¿En que nos ayuda esto te preguntaras? Pues tiempo de carga, convencionalmente un sitio web está conformado con muchas secciones (about, principal, contáctanos) y cada una debe ser cargada por el navegador por separado tomando un tiempo de carga que hace que el sitio sea tedioso. Una ventaja es que su estructura una vez dominada (vean el curso) es “FACIL DE CREAR” y una de las desventajas principales (no todo es bello en la vida papa) es que al ser cargada un solo archivo de HTML el SEO (se recomienda ver el curso de seo) solo mostrara el del archivo principal dando desventaja contra otros sitios web. Depende mucho el ¿Para qué vas a desarrollar este sitio? y una vez definido puedes tomar la decisión si hacer un SPA o una estructura convencional.

Entiendo que existen alternativa para que cuando un robot visite tu sitio, se muestre una version para SEO

WOW, ME GUSTA COMO CARGAN LOS VIDEOS DESPUES DE TERMINARLOS

Estoy emocionado por comenzar, ya tenia tiempo queriendo aprender a hacer esto.

La desventaja que se menciono si es bastante importante, pero igual mas conocimiento para mi bobeda.

Además de “Postman”, recomiendo “Thunder Client”,

A codear se a dicho, a darle!!!😉😁

Ventajas

Son sencillas
Son fáciles de Debuggear.

Desventajas

No es compatible con SEO.
Solo se usa para pequeñas apps

Vamo a darle

**¿Qué es una aplicación single page application?
**Son aplicaciones creadas con JS que nos permiten cargar todo el contenido de nuestra aplicación una sola vez al navegador.

Una de las ventajas es que son fáciles de debuggear ya que son aplicaciones más pequeñas y son fáciles de crear ya que tienen la estructura necesaria que vamos a requerir.

Al hacer llamados a una API se hace según el usuario.

Una de las desventajas es que no es tan bueno con el SEO, ya que sólo contamos con un sólo archivo HTML.

Estas aplicaciones no pueden ser aplicaciones escalables

Excelente a darle.

Ya me emocioné

Aquí es cuando la curva de dificultad sube, pero la emoción también 😄

A iniciar el curso.

bueno comencemos con todo 😄

Vamos con toda!

Interesante SPA,

Que bueno saber lo de la escalabilidad pero me viene super solo quiero consultar una api restful que estoy construyendo

LA API

Un poco para complementar en esta sección de introducción, comparto este enlace a la wikipedia que estuve leyendo: https://en.wikipedia.org/wiki/Single-page_application

vamo a darle

Que sera mejor React vs Vanilla js

;

Vamos a darle!

Vamosss

Comencemos.

Vamos con toda!

Wow, buena api

Todas las SPA usan un server?

Emociona de iniciar el proyecto de mi caricatura favorita. 😄

Puedo tener una SPA dentro de una página web por ejemplo midominio.com/SPA?

Genial, se ve genial el proyecto.

Sin tanto render porque si, parece react

Muy Interesante, notas tomadas.

Si no es recomendable aplicarlas para grandes aplicaciones, entonces como es que FB la usa?

Lo he mencionado en otros cursos, siempre tomen nota o guarden la documentación o info que los profes dejen, es super valiosa.

Dudo que sean mas faciles de crear

Para montar proyectos les recomiendo Firebase, ya que sirve como contenedor para las aplicaciones en construcción. https://console.firebase.google.com/u/0/