Taller de TDD en Concepción, Cupos Limitados!!!

tdd-cycle
Este 12 y 13 de agosto se realizará un taller de TDD en las dependencias del Instituto Virginio Gómez, cuyo expositor es Danijel Arsenovski, experto en el área de desarrollo de software ágil reconocido internacionalmente y con más de 10 años de experiencia en la Industria. 
En este taller aprenderás lo esencial para llevar a cabo esta práctica fundamental de programación de calidad dentro de tu día a día profesional.
Orientado a: líderes técnicos, arquitectos de software, desarrolladores y programadores
“El programador, para que pueda calificar como profesional, debe practicar Desarrollo Dirigido por Pruebas (TDD)” – legendario Robert C. Martin

  • ¿Sabía UD. que es posible escribir las pruebas para cierta funcionalidad antes del código que la implemente?
  • ¿Qué una prueba unitaria puede ser el mejor modo de documentar su código fuente?
  • ¿Qué las pruebas unitarias les hacen desarrollar más rápido, permiten desarrollar software con menos defectos, y que además es más fácil de mantener?
  • ¿Que el desarrollo guiado por las pruebas es una práctica común entre los mejores equipos de desarrollo de software y es una práctica indispensable dentro de los equipos de desarrollo ágil?

Empower Agile les invita a participar en el Taller “¡Pruebas primero! – Desarrollo dirigido por pruebas".  Descargar folleto: www.empoweragile.com/es/capacitacion/PUVBN.pdf
Aunque vamos utilizar el VB .NET para los ejemplos, es perfectamente adecuado que al taller asistan programadores de otros lenguajes, ya que estos principios son aplicables a cualquier lenguaje orientado a objetos.

¡Aprovechen esta oportunidad de aprender sobre agilidad en su ciudad!

Valor de la Inscripción: $120.000
Cupos Limitados

Fecha: 12 y 13 de Agosto
Lugar: Instituto Profesional Virginio Gómez de la Universidad de Concepción
Dirección: Avenida Prat 196, Concepción
Los interesados se pueden comunicar con Pamela Landero Sepúlveda
Contacto:plandero@virginiogomez.cl
Fono: 2793432

[Tips] Utilizar iconos personalizados con JQueryMobile

JqueryMobile nos ofrece una colección de iconos que podemos utilizar en los botones que definamos, en dicha colección podremos tenemos los siguientes diseños:

image

Además podemos variar el tema de estos iconos al setear el atributo data-theme del botón, puedes ver más info en :

http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/buttons/buttons-icons.html

Sin embargo, es muy posible, que necesitemos utilizar otro icono, uno personalizado, debemos especificar el valor del data-icon, con un nombre, este nombre debe provenir de una regla css con el prefijo ui-icon-[Nombre]. Para mantener una consistencia visual con los iconos por defecto, se deben crear íconos con color blanco de 18x 18 pixeles y guardados como PNG-8 con transparencia.

Personalmente, como no soy diseñador, busqué en www.iconfinder.com y seleccioné esta galería:

http://www.iconfinder.com/search/?q=iconset%3Asocial

image

Luego con Paint.NET modifiqué el tamaño a 18X18 y lo guarde con el nombre twitter1.png

image

Entonces, en mi página agregué el estilo:

.ui-icon-twitter {
    background: url(“twitter1.png”) no-repeat rgba(0, 0, 0, 0.4) !important;
}

Luego para el botón:

   <input type=”submit” value=”Twitter” data-icon=”twitter”>

Y el resultado:

image

Como vez, el nombre al que hace referencia data-icon es el nombre de la clase sin el prefijo .ui-icon.

Espero que te sirva!
Saludos,
Gonzalo

[Material] WebMatrix y jQueryMobile

Hola, les dejo el vinculo para que puedan ver el video de la presentación y los slides de la Charla de JqueryMobile y WebMatrix, en realidad la charla fue más JQueryMobile, pero de todas maneras hablamos de las características que WebMatrix nos ofrece para este tipo de desarrollo.
Slides:

Y puedes ver el webcast offline en:
https://msevents.microsoft.com/CUI/EventDetail.aspx?culture=es-AR&EventID=1032490318&CountryCode=AR

Saludos!
Gonzalo

PhoneGap Build, próximamente con soporte para WP7

PhoneGap es un framework para el desarrollo de app móviles que permite implementar proyectos utilizando HTML5,CSS3 y JavaScript, transformándolas en aplicaciones hibridas, empaquetándola en un ensamblado nativo para distintas plataformas móviles, actualmente se soportan seis plataformas:iOS, Android, Blackberry, PalmOS, Windows Mobile y Symbian, proximamente soporte para Wp7. Para ocuparlo es necesario tener instalados los SDK correspondientes.
Esto último se puede evitar con el proyecto que esta en beta de Build.phonegap.com, es impresionante :

  • Evitar instalar múltiples SDK en la maquina local.
  • No es necesario agregar el manifiesto
  • Escribir la app una sola vez
  • Compilar en la nube
  • Correr en todos lados!!!!

Para utilizarlo solo debemos ir la dirección:

https://build.phonegap.com/

Luego registrarnos (el correo llega de inmediato, no hay que esperar mucho tiempo), y luego seguir los pasos, por ejemplo si quieres subir una nueva aplicación tienes las siguientes opciones:

image

Luego se compila para las distintas plataformas, si hay algún error, se informa con una cara triste, pero no hay para que estarlo!, te indica cual es el problema Sonrisa

image

Una vez compilado, puedes descargar el ensamblado para la aplicación, en mi caso tenía un error para Blackberry, pero totalmente funcional para Android, webOS y Symbian. Como te decía, se viene la compatibilidad para Windows Phone!

Es muy interesante este proyecto, te recomiendo que le des una vuelta, junto a JQueryMobile ufff, muy buenos resultados!

Saludos,
Gonzalo

[WebCast] A Fondo con JQueryMobile y WebMatrix

image

WebMatrix es el nuevo IDE de Microsoft para el desarrollo de aplicaciones Web, veremos en esta oportunidad, el como utilizarlo junto a jQueryMobile para el desarrollo de aplicaciones móviles, veremos como utilizar helpers JSON para realizar tareas asyncronamente y tips sobre el desarrollo de JQueryMobile que harán tu aplicación más cercana a las app nativas. Veremos también como utilizar PhoneGap para crear un ejecutable con nuestra app web en un dispositivo móvil.

Duración: 1hora
Fecha: Viernes 22 de Julio
Hora:16 horas Bogota //17:00 horas Chile
Orador: Gonzalo "chalalo" Pérez

Registro:
https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032490317&Culture=es-AR

Nos vemos!
Saludos,

[Descarga] Material del Curso de jQuery

image

Hola, estoy dictando un curso de jQuery, que es express, en donde las ppts vuelan y vemos muchos ejemplos, la modalidad del curso me gusta, es muy barato, aproximadamente 50 dólares, en donde todos ganamos, el instructor y los alumnos.

Ahora bien, el post no es para solo contar esto, si no para compartir el material que estoy ocupando, y sí gratis!

Ahora bien, el curso aún no termina, pero el material que hemos visto te puede servir, ya que la ultima clase es solo práctica.

Los temas vistos son:

  • Conceptos Básicos
  • Selectores
  • Filtros
  • Utilidades
  • Atributos
  • Ajax & JQuery

Descarga el material :

Eso, saludos!
Gonzalo

[Tips] Dale más look a los DropDownList con DropKick

DropKick es un plugin para JQuery que permite personalizar el look de los dropdowns, y que la customización visual suele ser algo engorroso y a menudo estas customizaciones carecen de  comodidades como la navegación por teclado, la idea de Dropkick, es que esta tarea sea lo más fácil posible.

Descarga en:
http://jamielottering.github.com/DropKick/

Luego, tal como indica la documentación, agregamos los script (el del plugin ,el de jquery y los archivos css asociados)

<link rel="stylesheet" href="example/example.css" type="text/css" />
<link rel="stylesheet" href="dropkick.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Carter+One&v1'
rel='stylesheet' type='text/css' 
/>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 
   type="text/javascript" charset="utf-8"></script>
<script src="jquery.dropkick-1.0.0.js" type="text/javascript" charset="utf-8">
</
script
>

 

Nota: El autor indica que no tenemos que preocuparnos mucho por el archivo example.css , pero inclúyanlo, tiene los css que setean los estilos de los <ul> y <li>

En nuestro proyecto vamos a tener simplemente un dropdown junto a un datasource (si , ya se qué los más estrictos  no les gusta, pero es solo con fines de ejemplificar) el cual obtiene los datos de la tabla products de NORTHWND.MDF.

image

Después agregamos el código en evento ready de Jquery:

    $(‘#DropDownList1’).dropkick();

Y listo, el ejemplo de la derecha tiene aplicado el formato.

image image

De todas maneras puedes crear tu propio estilo con un mínimo esfuerzo y agregar eventos al dropdown:

  $('#DropDownList1').dropkick({
        theme: 'black',
         change: function (value, label) {
         $(this).dropkick('theme', value);
            }
   });

image

Obviamente puedes aprovechar este plugin con otras tecnologías como ASP.NET MVC , WebMatrix, PHP, etc.

Lo encontré sencillo de utilizar y quería compartirlo, le puede dar un look muy bueno a tus controles Sonrisa

Saludos,
Gonzalo

[Tips] Algunas funciones útiles de JqueryMobile

Al grano!, es posible que queramos configurar jquerymobile para escenarios comunes. Se recomienda que estas configuraciones estén entre la referencia hacia la librería JQuery y JQueryMobile:

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.5.2.min.js”></script>

    <script type=”text/javascript”>

        $(document).bind(“mobileinit”, function () {

     

            //Configuración

         });

         </script>

         <script type=”text/javascript” src=”http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js”></script>

Cambiar el texto del botón volver

image El botón volver de JM lo agrega automáticamente cuando avanzamos de una página hacia otra, cargando dentro de un div . Este botón es muy útil, pero sería mejor que dijiera la palabra “Atrás”, obviamente se puede hacer buscando en la librería, pero stop!, los tipos de JM han pensado en todo

Solo debemos agregar:

 

$.mobile.page.prototype.options.backBtnText = “Atras”;

y listo! tenemos el texto correctamente seteado:
image

Cambiar el texto “Loading”

Al igual que el ejemplo anterior, para cambiar el texto del mensaje “Loading” a “Cargando” o realmente lo que quieras debes agregar por ejemplo:

     $.mobile.loadingMessage = ‘Cargando…’;

image

Eliminar las transiciones con Ajax

Las transiciones tipo flip se ven bonitas, pero no todo los dispositivos móviles son tan rápidos en el Render al hacer una animación, es por eso ,que podemos eliminarlo con:

    $.mobile.ajaxLinksEnabled = false;           

Puedes ver más configuraciones útiles en:

 http://jquerymobile.com/demos/1.0a3/docs/api/globalconfig.html

Saludos!
Chalalo.