paso-9: paso-9 filtro checkmark

• Agrega un filtro personalizado checkmark.
• Actualiza la plantilla del detalle del teléfono para utilizar el filtro checkmark.
• Agrega prueba unitaria para el filtro.

paso-8: paso-8 vista de detalles de un teléfono

• Implementa el controlador DetalleTelefonoCtrl para traer los detalles de un teléfono específico de un archivo JSON utilizando el servicio $http.
• Actualiza la plantilla de la vista del detalle de un teléfono.
• Agrega CSS para hacer que la vista de los detalles de un teléfono se vea "bonita".

paso-7: paso-7 $route y ruteos de la ap

• Introduce el servicio [$route] el cual permite enlazar URLs para un deep-linking con las
  vistas:
  • Crea PhoneCatCtrl el cual govierna la aplicación entera y contiene la configuración de $route.
  • Instala angular-route usando bower y carga el módulo ngRoute.
    (Asegúrate de correr npm install otra vez.)
  • Copia los parámetros de ruta a la propiedad params en el scope raiz para accesarlo en sub controladores.
  • Reemplaza el contenido de index.html por la directiva ngView, la cual desplegará la plantilla parcial
    template de la ruta actual.
• Crea la ruta de lista de teléfonos:
  • Mapea la ruta/telefonos a ListaTelefonosCtrl y partails/lista-telefonos.html.
  • Preserva el controlador existente ListaTelefonosCtrl.
  • Mueve html existente de index.html a partials/lista-telefonos.html.
• Crea la ruta del detalle de teléfono:
  • Mapea la ruta /telefonos/<id-telefono> a DetalleTelefonoCtrl y partails/detalle-telefono.html.
  • Crea un controlador vacio DetallesTelefonoCtrl.

paso-6: paso-6 imágenes de teléfono y links

• Agrega imágenes de teléfono y links a nuevas páginas que muestran el detalle del teléfono.
• Agrega pruebas de end2end que verifican que los links a las páginas del detalle.
• Agrega CSS solo un poco de estilo a la página.

paso-5: paso-5 XHR e inyección de dependencias

• Reemplaza los datos en memoria por datos cargados desde el servidor (en
  forma de archivo estático phones.json).
  • El archivo phones.json se carga utilizando el servicio $http.
• Demuestra el uso de [servicios][service] e [inyección de dependencias][DI].
  • El servicio [$http] se inyecta en el controlador a través la [inyección de dependencias][DI].

paso-12

• Agrega animaciones a la aplicación:
  • Anima cambios a la lista de teléfonos, agregando, removiendo y reordenando teléfonos.
  • Anima cambios a la imagen principal en la vista del detalle de teléfono.

paso-11: paso-11 servicio personalizado y $resource

• Reemplaza [$http] por [$resource].
• Crea un servicio personalizado Telefono que representa el cliente $resource.

paso-10: paso-10 cambio de imagen con ng:click

En la vista del detalle de teléfono, al darle click a una imagen miniatura, cambia la imagen principal por una imagen
más grande la imagen mineatura.

• Define el modelo variable urlImagenPrincipal en DetalleTelefonoCtrl y setea su valor por defecto.
• Crea el método de controlador setImagen() para cambiar urlImagenPrincipal.
• Registra una exprecion con la directiva ngClick en las imágenes mineatura para setear la imagen principal, usando setImagen().
• Agrega CSS para cambiar el cursor del mouse cuando el usuari apunta a una imagen miniatura.

paso-4: paso-4 erdenar teléfonos

• Agrega la propiedad age a cada teléfono en el modelo de datos.
• Agrega una combo <select> para cambiar el orden de la lista de teléfonos.
• Sobreescribe el valor del orden por defecto en el controlador.
• Agrega pruebas unitarias y e2e tests para esta funcionalidad.

paso-3: paso-3 búsqueda interactiva

• Agrega una caja de búsqueda para demostrar como:
  • el enlace de datos (data-binding) funciona en cajas de texto.
  • usar el filtro filter.
  • ngRepeat automáticamente encoge y crece el número de teléfonos en la vista.
• Y una prueba de end-to-end para:
  • mostrar como se escriben las pruebas de end-to-end y como correrlas con Protractor.
  • provear que la caja de búsqueda y el repetidor están conectados entre si correctamente.