Creación de una aplicación web con todas las funciones utilizando un marco API y Javascript

Para escribir una aplicación de página única (SPA) se requiere un conocimiento profundo de JavaScript. Si su experiencia con JavaScript en el pasado es un poco de jQuery y validación de formularios, está en shock. Usted trata el desarrollo de JavaScript con tanto cuidado y respeto como cualquier otro idioma.

La forma en que hace las cosas en SPA es muy diferente a la de su aplicación web normal. En una aplicación del lado del servidor, escrita en algo como PHP o Python, normalmente mezclarías toda tu lógica directamente en tu HTML para producir lo que es esencialmente una vista estática de la página en ese momento. Para actualizar una página, simplemente vuelva a cargarla y obtenga los datos más recientes.

Por supuesto, todos estos viajes de ida y vuelta son una mala experiencia para el usuario. Es por eso que SPA se está convirtiendo en la nueva normalidad. En cambio, con SPA obtiene los datos actualizados usando AJAX y luego usa JavaScript para modificar el Modelo de Objetos del Documento sobre la marcha. (Una pequeña nota al margen aquí, la X en AJAX significa XML, pero la mayoría de las personas usan JSON. Sin embargo, el nombre se ha quedado de todos modos).

Este cambio de paradigma probablemente será una de las mayores barreras. Además, la codificación en JavaScript es muy diferente de la codificación en otros idiomas. Esto se debe a que JavaScript es asíncrono por naturaleza. Mucho de lo que sucede es enganchar eventos, como clics de botones, y luego hacer llamadas asincrónicas al servidor de fondo. Debido a esto, obtienes muchas devoluciones de llamada, que pueden anidarse profundamente si no tienes cuidado. El uso de Promises con una biblioteca como q ayudará a mitigar gran parte de esto.

Las bibliotecas estándar como Ember.js ayudarán a hacer esto más fácil, pero todavía hay muchos conocimientos básicos que debe adquirir antes de ser efectivo.

La creación de aplicaciones simples de una sola página es más simple de lo que parece.
Sugeriría comenzar con Backbonejs, es una pequeña biblioteca con buena documentación y tutoriales. También sugiero que eche un vistazo a TODOMVC, que le muestra cómo implementar una lista de tareas simple usando los diversos marcos existentes.

El mayor obstáculo es escalar de una aplicación simple (como una lista de tareas pendientes) a una aplicación completa. El manejo de la memoria puede (y probablemente lo será) ser un dolor.

Lea los tutoriales sobre las mejores prácticas y sígalos o prepárese para volver a escribir su aplicación.

El mayor beneficio es la experiencia del usuario, las transiciones entre secciones de la aplicación son mucho más fluidas y las acciones (agregar un todo) son mucho más rápidas.