Categoría: JavaScript

ASP.NET y jQuery AJAX

Muchos programadores “expertos” denigran a javascript, considerándolo un lenguaje muy sencillo y poco funcional. La verdad es que este lenguaje es muy poderoso, y a la vez, con cierto grado de complejidad.

Un de los principales beneficios de javascript ha sido AJAX, que nos permite ejecutar funciones del servidor sin invocar al submit del formulario. La ventaja de esto es evitar recargar la página completa, y solamente llamar a un método, recibir un resultado y manipularlo de la forma que necesitemos. Esto lo podemos ver en sitios como Facebook, donde la mayoría de las acciones que realizamos no recargan la página, sino que modifican solamente una parte.

Claro que, como dije, esto tiene su complejidad. Trabajar con Javascript no debe implicar dejar de lado la programación web tradicional (ejecutar código al presionar el submit del formulario), ya que no podemos estar seguros si el código se ejecutará correcto, mucho menos si el usuario tiene javascript habilitado, y aquí es donde tendremos la mayor carga de trabajo.

El archivo que adjunto es una aplicación web hecha en ASP.NET 4.0, que incluye una página aspx que realiza operaciones en el servidor de ambas formas: por medio de un servicio web asmx invocado desde AJAX de jQuery y por medio del code-behind de la página.

*Actualización (16/06/2017)

Subí el código a GitHub. La solución es de Visual Studio 2017, pero el proyecto sigue siendo de .NET Framework 4.0.

Código fuente (VS2015/.NET 4.0)

 

Modernizr: Detectar soporte de HTML5 y CSS3

Ahora que HTML5 y todas sus tecnologías son la novedad, los desarrolladores web no podemos evitar sentirnos atraidos a sus nuevas características, y todo lo que trae consigo la nueva generación de la Web. Los nuevos tipos de input, los elementos de video y audio, las transiciones, ¡webfonts!

Sin embargo, hay un detalle que como buenos y éticos desarrolladores web que somos, no podemos dejar pasar: la web es para todos. Y dentro de ese “todo” se encuentran:

  • Los navegadores que no soportan todas las características de HTML5, o al menos las que pensamos utilizar
  • Los navegadores que ya no tienen soporte (por una u otra razón) y que siguen siendo muy utilizados (por una u otra razón)
  • El hecho de que HTML5 y todas las tecnologías que abarca sigan siendo borrador, y aun está sujeto a cambios, como el caso de la etiqueta <video>, que sigue una disputa por cuál formato de video dejar como estándar

Hay una gran variedad de navegadores, y cada uno con distintas versiones, y cada versión con ciertas características soportadas. Decidir cuándo utilizar cierta característica es muy difícil cuando no anticipamos si el navegador la soportará. Pero gracias a eso, existe Modernizr.

Sigue leyendo “Modernizr: Detectar soporte de HTML5 y CSS3” →

Javascript – Detección de soporte de funciones

En el post pasado, hablé de que Google está invitando a los desarrolladores a detectar navegadores basados en Chrome para aprovechar las novedades que ellos están implementando en Javascript, con la justificación de que “para que todos los navegadores soporten esas novedades tendrá que pasar mucho tiempo”.

Visto de esta forma, estamos cayendo en lo mismo que sucedía en tiempos de IE vs Netscape: darle preferencia a un navegador y discriminar al resto. Es verdad que hay diferencias entre navegadores, pero la misma forma de Javascript nos permite sortear esas diferencias en la mayoría de los casos.

Un primer caso que puede presentarse es cuando algún navegador realiza una misma operación de forma distinta a otro. En este artículo hablaré de cómo detectar esas diferencias.

Sigue leyendo “Javascript – Detección de soporte de funciones” →

Muchos navegadores…

Leí esta noticia en la mañana, que me tomó desprevenido, aunque en realidad es algo que se veía venir.

Según la noticia, Google intenta convencer a los desarrolladores de que se enfoquen en "navegadores basados en Chrome", debido a las ventajas que permite el motor de renderizado usado por este navegador, hablando de nuevas tecnologías web, principalmente javascript.

Muchos dirán "pues claro! si estamos hablando de nuevas tecnologías, por qué no hacer caso!?" Y en cierta forma tienen razón, pero el artículo es un poco engañoso, lo cual no me sorprende viniendo de una empresa como Google.

Sigue leyendo “Muchos navegadores…” →

ASP.NET – Invocar JavaScript desde el servidor

La interacción entre el código del lado cliente y el código del lado servidor en una página de ASP.NET es algo complicada. Debemos comprender bien la diferencia entre ambos ambientes para saber cómo utilizarlos y qué limintaciones tenemos.

Sigue leyendo “ASP.NET – Invocar JavaScript desde el servidor” →

CSS3 y JQuery – Transisiones

CSS3 incluye una nueva característica para manejo de animaciones usando únicamente hojas de estilos, con las propiedades transition

Para animar la transformación de un objeto en HTML se usaba JavaScript, haciendo que las propiedades del objeto cambiaran gradualmente de un valor origen a un valor destino.

Sigue leyendo “CSS3 y JQuery – Transisiones” →