Ember.js: marco MVC para aplicaciones web de JavaScript

El marco MVC Ember.js, que está ganando cada vez más popularidad, combina las mejores prácticas de diferentes marcos y lenguajes de programación. Es una herramienta poderosa con una curva de aprendizaje bastante empinada. Hoy queremos echar un vistazo más de cerca a los inicios de Ember.js, su estado actual y su desarrollo futuro.

Ember.js es un proyecto ambicioso diseñado como marco para proyectos ambiciosos

Todo comenzó en noviembre de 2011 cuando Facebook compró la empresa Strobe y Sproutsource 2.0 se convirtió en un proyecto independiente encabezado por Yehuda Katz, Tom Dale y Peter Wagenet. Un nuevo nombre debe enfatizar el reinicio del proyecto. Desafortunadamente, su primera opción «Amber.js» ya estaba tomada, por lo que la llamaron más o menos creativamente «Ember.js». Este fue el nacimiento de un marco JavaScript MVC complejo que se dice que es uno de los proyectos más ambiciosos de la web. Al comienzo de Ember.js, los desarrolladores querían transferir enfoques del desarrollo de escritorio al desarrollo web con JavaScript. Por esta razón, encontrará diferentes conceptos en Ember.js con los que puede estar familiarizado en la sección de escritorio. La arquitectura se basa en la principio MVC y permite desarrollar aplicaciones de una sola página. Las aplicaciones maestras y detalladas especialmente clásicas se pueden implementar cómodamente con Ember, ya que tiene un concepto de enrutamiento bien pensado y un enfoque de convención sobre configuración. Además, cumple con todas las demandas de un marco JS moderno como un enlace de datos bidireccional. La aplicación que registra los cambios en un objeto y los representa en tiempo real. Handlebars.js se utiliza como motor de plantillas. Su sintaxis es similar a otros marcos y no necesitará un largo período de entrenamiento. Ember.js en sí mismo tiene una curva de aprendizaje bastante empinada. Para un uso correcto, debe comprender completamente los conceptos mencionados que pueden ser un hueso duro de roer para los principiantes. Pero una vez que lo descubras, no será un problema desarrollar nuevas aplicaciones con Ember.js.

Convención sobre configuración

Las convenciones de nomenclatura son una característica especial de Ember.js. Debido al principio MVC, la lógica, los datos y la presentación deben separarse y volver a vincularse más tarde. Gracias a las convenciones de nomenclatura de Ember, volver a vincularlos lógicamente es bastante fácil. Si desea integrar una ruta llamada «favoritos», Ember busca automáticamente el objeto de enrutamiento apropiado «App.FavoritesRoute» y el controlador correcto «App.FavoritesRoute». A continuación, activa automáticamente la plantilla adecuada «favoritos». Sin embargo, hay que tener cuidado. Por ejemplo, cuando se trata de enrutamiento, distinga «recursos» de «ruta». Esto puede sonar un poco confuso, pero te acostumbrarás rápidamente. Los principiantes deben leer el capítulo «Comprender Ember.js». Una aplicación de Ember consta básicamente de los siguientes conceptos:

• Enrutador: el enrutador activa la plantilla adecuada para una URL para que las URL también se puedan compartir en una aplicación de una sola página.
• Plantillas: una plantilla contiene el marco HTML de la aplicación. Para casi todas las plantillas existe un modelo de datos. Si el modelo de datos cambia, los datos de la plantilla también cambian.
• Componentes: para simplificar las plantillas, puede usar controles para desarrollar etiquetas HTML reutilizables.
• Controladores: una plantilla no solo tiene un modelo, sino que también puede tener un controlador que manipule datos o proporcione funciones ampliadas.
• Modelos: un modelo contiene los datos y los modelos de datos para mostrarlos en las plantillas.

datos de ascuas

Ember.js se despliega completamente cuando lo usa con Ember Data. Ember Data crea, cambia, elimina o simplemente muestra datos, independientemente del banco de datos. El núcleo de Ember Data consiste en los modelos que forman los conjuntos de datos. Pero lo más importante es que Ember Data puede comunicarse prácticamente solo con las API RESTful. En el mejor de los casos, solo tienes que elegir el adaptador adecuado para una API y especificar la URL. Luego, los modelos de datos deberían funcionar de forma independiente con la API, por lo que no tiene que desarrollar llamadas AJAX para comunicarse con una API. Si desea comprender mejor el principio y probarlo, debe optar por Firebase y Ember.js. Si no quiere perder el rastro de todas las convenciones y conceptos, debería considerar obtener la herramienta de línea de comandos Ember CLI, que se basa en Broccoli. No solo maneja la gestión de dependencias, sino también plantillas para tareas recurrentes e introduce una estructura clara. Además, Ember CLI admite el desarrollo basado en pruebas. Otra herramienta útil para Ember es Ember Inspector para Firefox y Google Chrome. El inspector funciona de manera similar a la consola de desarrollo del navegador. Allí puede mostrar los datos actuales y analizar qué plantillas, modelos y controladores están actualmente activos. La última versión es la 1.8, pero ya se ha anunciado una versión 2.0. Viene con algunas mejoras y cambios lógicos, como enlaces de atributos más intuitivos. Puede encontrar más información sobre las mejoras y una descripción detallada en la sección Enlaces relacionados. Los autodidactas, que quieren aprender Ember.js por sí mismos, pueden elegir entre varios recursos. El manual es un libro fantástico para empezar y uno de los puntos fuertes de Ember. Después de sus primeros pasos exitosos, se recomienda ver el video «Awesome Ember Tricks» para obtener una mejor comprensión.

Ember.js: trabajar con otros marcos

Hay complementos para la mayoría de los marcos y herramientas que ayudan a mejorar el trabajo con Ember.js. Por lo tanto, puede desarrollar fácilmente aplicaciones para dispositivos móviles con Ember.js, jQuery Mobile y Phonegap. Solo tiene que cambiar algunas configuraciones para jQuery Mobile. También hay un adaptador REST para la mayoría de los marcos de back-end grandes, por lo que puede trabajar con Ember y al mismo tiempo usar una infraestructura existente.

Conclusión

Ember no deja nada que desear en términos de desarrollo de aplicaciones de una sola página, pero tiene la pronunciada curva de aprendizaje mencionada. Esto sin duda es una desventaja para alternativas como Angular.js que es, junto con iQuery, el perro principal de los marcos JS, principalmente debido a la fácil entrada. Sin embargo, la ventaja de Ember es su fuerte comunidad. Aquellos que trabajan con marcos de back-end como Ruby on Rails o Django y saben lo que significa RESTful deberían darle una oportunidad a Ember.js. Muchos conceptos son muy similares, lo que ayuda a aplanar la curva de aprendizaje.

enlaces relacionados

• Ember.js – emberjs.com
• CLI de Ember – ember-cli.com
• Inspector de brasas – chrome.google.com
• Introducción a Ember.js – smashingmagazine.com
• Entendiendo Ember.js – emberjs.com
• Trucos impresionantes de Ember – youtube.com
• Firebase y Ember.js – firebase.com
• El camino a Ember 2.o – github.com
• Ember.js y jQuery Móvil – blog.mist.io

(dpe)