Tutorial – Crear un plugin para controlar la actividad del usuario

En este tutorial, a petición de Diego, aprenderemos a crear un plugin sencillo con el cual detectaremos si el usuario esta activo o no al cabo de un tiempo, y en ese caso mostraremos un mensaje.

Empecemos creando la base de cualquier plugin:

YUI.add('user-action-plugin', function(Y){

    
}, '1.0.0', {requires:['node', 'plugin', 'base']});

Con el código anterior creamos el módulo que contenedor del código de nuestro plugin para que pueda ser cargado por YUI como cualquier otro módulo de la librería.

A continuación crearemos nuestro plugin:
Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (VI).

Tutorial Y.App

Hoy continuamos con nuestra aplicación desarrollando la pantalla en la que se introduciran las notas y se realizará el cálculo de la media.

Modelos

En esta pantalla utilizaremos dos modelos ProfeNotasModel que representa a un grupo de notas y ProfeCalificacionesModel que representa a todas las calificaciones juntas. Es decir ProfeCalifcacionesModel es una lista de ProfeNotasModel (ya que hereda de Y.ModelList). Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (V).

Tutorial Y.App

Siguiendo con el desarrollo de nuestra aplicación, hoy procederemos a reorganizar nuestro código y añadirle la funcionalidad de eliminar los criterios que es lo único que nos quedaba pendiente de esta pantalla. Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (IV).

Tutorial Y.App

El otro dia dotamos a nuestra aplicación de una nueva vista y de la posibilidad de navegar del menú principal a ésta y viceversa. Hoy modificaremos dicha vista para que nos permita crear y eliminar criterios.
Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (III).

Tutorial Y.App

Continuamos desarrollando nuestra aplicación de cálculo de notas. Recopilemos lo visto hasta el momento:

  • Hemos creado la vista de nuestra pantalla principal (Y.ProfeMenuView), que consiste en un menú que muestra un par de botones.
  • Creamos el modelo asociado a dicha vista de menu (Y.ProfeMenuModel), que solo contiene un array con las opciones que debe mostrar.
  • Luego extendimos la clase Y.App para crear el controlador de nuestra aplicación (Y.Profe).
  • Y finalmente creamos un archivo index.html en el cual creamos una instancia de Y.Profe y cargamos la vista del menu.

Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (II).

Tutorial Y.App

Continuamos desarrollando nuestra aplicación con el Y.App de YUI. En esta ocasión crearemos el archivo index.html (punto de inicio de nuestra aplicación) y nuestra instancia de Y.App a la que le asignaremos la vista que creamos en el anterior post. Sigue leyendo

Tutorial YUI – Diseñando una aplicación con YUI Framework (I).

Tutorial Y.App

Bueno, llegó la hora de empezar a poner en práctica todo lo que hemos visto sobre el entorno de desarrollo de aplicaciones de YUI. Para ello desarrollaremos una aplicación, en la que iremos aplicando poco a poco lo aprendido en el curso. Sigue leyendo

Curso YUI Avanzado – Parte 24. Y.Router (II).

Curso de Javascrip Avanzado con YUI

El otro día vimos una introducción a la clase Y.Router, hoy seguiremos profundizando algo más y aprenderemos a crear rutas con argumentos que podamos utilizar luego en nuestras funciones callback.
Sigue leyendo