Utilidades

Ember es un componente de una pila front-end completa, y cuenta con varias utilidades, entre otras:

• Ember-CLI: Tiene como objetivo la ya mencionada frase: (convention over configuration), de cara a construir herramientas. Una utilidad de la línea de comandos basada en broccoli, y mediante el comando ember new [app_name] se genera una nueva aplicación Ember con el stack por defecto. Entre lo que se incluye:
  1. Una estructura de archivos y directorios.
  2. Un servidor de desarrollo con recarga en vivo.
  3. Un framework de prueba.
  4. Dependencias gestionadas a través de NPM.
  5. Soporte de sintaxis ES6/ES7 mediante Babel.
  6. Gestión de activos (incluida la combinación, la minimización y el control de versiones).
• Ember Data: Una librería de datos persistentes que proporciona gran parte de las funcionalidades de un mapeo relacional de objetos.
• Ember Inspector: Es una extensión actualmente disponible para los navegadores web Mozilla Firefox y Google Chrome para depurar aplicaciones Ember. Entre las funcioness se incluyen la capacidad de ver qué plantillas, componentes y vistas se representan actualmente, ver las propiedades de cualquier objeto Ember con una interfaz de usuario que calcula los enlaces y las propiedades calculadas, y acceder a los objetos de la aplicación desde la consola, entre otros.
• Fastboot: Es un addon creado por el equipo de Ember que otorga a los desarrolladores la habilidad de ejecutar sus aplicaciones en Node.js. Esta característica permite a los usuarios finales ver HTML y CSS de inmediato, con la descarga de JavaScript en segundo plano y tomando el control una vez que se haya cargado por completo.
• Liquid Fire: Proporciona soporte de animación para aplicaciones Ember, entre ellas se incluyen transiciones animadas entre rutas y entre modelos dentro de una sola ruta. Un ejemplo sería animar una transición de pantalla para que la nueva pantalla parezca deslizarse desde un borde del navegador.

Conceptos Clave

Según los desarrolladores Ember.js cuenta con 5 conceptos clave:

• Rutas: El estado de una aplicación está representado por una URL. Cada URL tiene un objeto de ruta correspondiente que controla lo que es visible para el usuario.
• Modelos: Cada ruta tiene un modelo asociado, que contiene los datos asociados con el estado actual de la aplicación. Cabe mencionar que la mayoría de las aplicaciones usan una biblioteca de modelos como Ember Data para manejar esto.
• Plantillas: Las plantillas se utilizan para construir el HTML de la aplicación y se escriben con el lenguaje de plantillas HTMLBars, que es una variación de Handlebars y crea elementos DOM en lugar de una cadena.
• Componentes: Un componente es una etiqueta HTML personalizada, el comportamiento de éste se implementa usando JavaScript y su apariencia se define usando plantillas, see pueden anidar y pueden comunicarse con sus componentes principales a través de acciones (eventos).
• Servicios: Los servicios son solo objetos únicos para almacenar datos de larga duración, como sesiones de usuario. Ember también proporciona inyección de dependencia, flujo de datos unidireccional declarativo, seguimiento de propiedades y actualización automática de plantillas.