JQUERY: AGREGANDO Y ELIMINANDO CLASES CSS

PRESENTACIÓN

Una de las tareas comunes que hacemos cuando trabajamos con JQuery, es agregar y eliminar clases CSS, por ejemplo de un DIV.

En este articulo veras lo fácil que resulta hacerlo con JQUERY.

EJEMPLO

Se tiene el siguiente div:

<div id="divMensaje"></div>

Si lo que quieres es agregarle la clase CSS de nombre egcc_success, este es el código JavaScript utilizando JQuery:

$("#divMensaje").addClass("egcc_success");

Si lo que quieres es eliminar la clase CSS de nombre egcc_success, este es el código JavaScript utilizando JQuery:

$("#divMensaje").removeClass("egcc_success");

Se pueden agregar o eliminar varias clases en una sola instrucción:

// Agregar varias clases
$("#divMensaje").addClass("clase1 clase2 clase3");

// Eliminar varias clases
$("#divMensaje").removeClass("clase1 clase2 clase3");

También puedes eliminar todas las clases con una sola instrucción:

// Eliminar todas las clases
$("#divMensaje").removeClass();

CODIGO FUENTE

En esta sección te presento un video que una aplicación CLIENTE-SERVIDOR desarrollada con Java y Oracle.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

PROGRAMANDO PENSANDO EN SERVICIOS - Parte 2

Anterior artículo

EJEMPLO 1

Este primer ejemplo tiene como finalidad entender el concepto de programación en capas y programar pensando en servicios.

REQUERIMIENTO

Crear un programa para calcular la suma y el producto de dos números.

ANÁLISIS

Se necesita un componente con dos servicios:

1. Calcular la suma de dos números.
2. Calcular el producto de dos números.

IMPLEMENTACIÓN

En el próximo articulo estare desarrollando el patrón DTO.

CODIGO FUENTE

En esta sección te presento un video que una aplicación CLIENTE-SERVIDOR.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

PROGRAMANDO PENSANDO EN SERVICIOS – Parte 1

Siguiente artículo

PENSANDO EN SERVICIOS

Como docente de programación, una de las preguntas que los estudiantes realizan con mucha frecuencia es:

¿Cómo empiezo el proyecto?

La mayoría que se inicia en programación, como es lógico, no tiene claro cómo debe iniciar su proyecto, esto se complica aún más cuando su primer profesor le indica que realice una ventana, y para programarla debe hacer doble click en el botón y empiece a programar.

Pienso, que una parte del problema está en que lo primero que se enseña a los futuros programadores es poner el código de la lógica de un requerimiento en el evento click de un botón, por lo tanto, creen que es así como se debe programar todas las ventanas que requiere su aplicación.

Este estilo de programación no creo que sea el más adecuado, tiene muchos problemas, como por ejemplo:

1. Repites bloques de código en varias partes de tu aplicación, esto dificulta su mantenimiento.
2. El mantenimiento de la aplicación rápidamente se vuelve complicado, en muy poco tiempo, tu aplicación se parece más al juego de Jenga.
3. Escalar tu aplicación, por ejemplo, de Cliente-Servidor a Web se hace prácticamente imposible.
4. Si cuando estas a la mitad de un proyecto, te cambian de motor de base de datos, actualizar el código se hace una tarea muy complicada.

Voy hacer referencia a Danny Thorpe:

Programar sin una arquitectura en mente es como explorar una gruta sólo con una linterna: no sabes dónde estás, dónde has estado ni a dónde vas.

Pienso que primero debemos pensar en una arquitectura, por ejemplo, pensar en dos capas, una capa de servicios (service) donde se implemente la solución del problema a resolver, y una capa para la interfaz de usuario (view).

Pensar en una capa de servicios para implementar la solución de un requerimiento o problema da muchas ventajas, entre las cuales tenemos:

1. Permite concentrarnos en la solución.
2. Facilita las pruebas, algo que no debes dejar de hacer.
3. Tu solución puedes escalarla fácilmente.
4. El mantenimiento del código es más fácil.

En el siguiente artículo estaré desarrollando un ejemplo ilustrativo.

CODIGO FUENTE

En esta sección te presento un video que una aplicación CLIENTE-SERVIDOR.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente