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

EUREKA-CS-ORACLE-JDBC

DESCRIPCIÓN

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Cliente-Servidor desarrollada con Java, JDBC y base de datos Oracle XE 11g.

CÓMO OBTENER EL CÓDIGO FUENTE

ABONO O TRANSFERENCIA A CUENTA BANCARIA

Si estás interesado en el código fuente, su costo es de 100.0 Soles.

El abono lo puedes hacer en una de las siguientes cuentas:

• BCP: 191-10378619-0-52

Luego envías un correo a egcc.fuente@gmail.com con los siguientes datos:

1. Foto del voucher.
2. Identificador del código fuente: EUREKA-CS-ORACLE-JDBC

Luego te respondere en el mismo correo, indicando el enlace para que descargues el código fuente.

PAGO POR PAYPAL

Si estás interesado en el código fuente, su costo es de 35 Dólares.

Debes tener cuenta en PayPal.

Después de realizar el pago, tienes acceso al código fuente.

Java Web Lección 04: JSTL

INTRODUCCIÓN

La dificultad de programar páginas JSP, es el uso de los scriptlets, ya que se esta combinando etiquetas HTML y código Java.

En esta oportunidad aprenderás a desarrollar páginas JSP utilizando las etiquetas JSTL.

JSTL es un conjunto de etiquetas que hace el desarrollo de páginas JSP mucho más fácil. También define un lenguaje de expresiones (EL) que junto a las etiquetas JSTL te ayudarán a que realices páginas JSP mucho mas estructuradas y fácil de entender.

DIAPOSITIVA

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

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

Descarga el código fuente

Java Web Lección 00: Contexto

INTRODUCCIÓN

Desarrollar aplicaciones web con tecnología Java EE es una excelente alternativa, y te brinda muchas posibilidades de desarrollo en grandes empresas.

En esta oportunidad veremos un contexto para desarrollar soluciones bajo la plataforma Java EE.

DIAPOSITIVA

CÓDIGO FUENTE

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

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

Descarga el código fuente

SEPARATA JAVA ORIENTADO A OBJETOS

PRESENTACIÓN

Pretender hacer la programación una actividad muy rentable, implica elegir bien el lenguaje, pienso que Java es una excelente elección.

Java lo utilizan las empresas mas grandes del mundo para desarrollar el core de sus negocios, las empresas de comunicación, etc.

En este manual encontrarás información importante para poder empezar con este maravilloso lenguaje. Este es el material que utilizo en el curso que imparto en SistemasUNI.

Accede al portal de SistemasUNI

MANUAL

PROGRAMACIÓN ORIENTADA A OBJETOS de Eric Gustavo Coronel Castillo

CURSO PROFESIONAL DE JAVA ORIENTADO A OBJETOS

En esta sección te presento el curso virtual de JAVA ORIENTADO A OBJETOS en UDEMY.

Haz click aquí para acceder al curso

Haz click aquí para acceder a cupones de descuento

CÓDIGO FUENTE

En esta sección te presento un vídeo de una aplicación CLIENTE-SERVIDOR.

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

Haz click aquí para acceder al código fuente