En mi anterior post ya comenté la importancia de prepararse mentalmente si tomas la decisión – como hice yo – de dejar de trabajar en las oficina para trabajar desde casa (o en un espacio distinto a la oficina).  Sin duda el cambio es radical. Dudas… tuve mil. Por supuesto que me invadieron todas las dudas del mundo y preocupaciones. Reacción totalmente normal, humana, bajo mi punto de vista. Piensa que lo que estaba haciendo era coger la idea firme que tenía yo de “cómo funciona el mundo laboral en mi sector”, girarlo 180 grados,  después lo metía en una coctelera para agitarlo fuertemente durante 2 min, y finalmente verterlo todo sobre mi cara.  Dejando metáforas a un lado, lo que vengo a decir es que dar un salto como este supone cuestionar totalmente el status quo. Es cambiar totalmente el paradigma de trabajo. Y si encima lo que tienes delante es un camino nuevo por explorar. La inseguridad y el miedo te invade en cero coma. Pero puedo decir que merece la pena recorrerlo. Y no solo por el premio que te vas a encontrar al final del camino, sino por la experiencia que adquieres durante el camino, recorriéndolo. Creo que esta experiencia es igual o más valioso incluso que el que te espera al final de la travesía.

Para que este camino o viaje del “trabajar desde casa” no se convierta en una odisea, si no en un viaje de placer disfrutando de todos los beneficios y ventajas que te brinda este, conviene estar predispuesto al cambio, organizarse un poco, tener fuerza de voluntad y tener en cuenta una serie de consejos. Para esto último estoy ya para ayudar; para lo primero, lo has de poner tú.

La regla de Oro

El primer consejo que doy es el de separar lo laboral de lo personal. Super importante si no quieres ver como pierdes todo el control en poco tiempo, y el trabajo acaba controlándote a ti. Más que un consejo, debería ser la regla número 1 para todo profesional que quiera trabajar desde casa. Para mí es la regla de oro, y en lo que más he trabajado y cuidado durante este primer mes de trabajo desde casa.

¿Por qué separar laboral de lo personal?

Una de las mayores ventajas que te proporciona trabajar desde casa es la flexibilidad horaria que te da y que te permite conciliar trabajo y familia sin problemas. Pero a la vez esto se te puede volver en contra si no lo controlas adecuadamente, ya que fácilmente puedes acabar trabajando más horas, hasta altas horas de la noche y/o trabajar los fines de semana. Al final no distingues cuándo estás trabajando o cuándo estás disponible para tu pareja o familia. Con el tiempo esto puede acabar desgastando mentalmente a uno mismo, y a los de su alrededor también. Cuidado con esto.

¿Cómo separar laboral de lo personal?

Con tan solo un poco de organización y fuerza de voluntad, es relativamente sencillo separarlo. Los factores principales para mí son:

1.- Tener un horario

Supongo que esto es relativo y dependerá de la flexibilidad que quiera tener uno o de la flexibilidad que quiere la empresa que tengas con ellos, pero en mi caso yo sí me he marcado unos horarios de trabajo.  Las primeras 2 semanas aún estaba buscando un horario que se ajustara a mi ritmo y a la vez garantizar una buena comunicación con mis compañeros de trabajo (mi caso es incluso extremo ya que tengo compañeros repartidos por Vancouver, Toronto o Brisbane… imagínate el follón por los horarios!) pero he acabado encontrando que el horario aproximado de 8:00h a 17:00h me va bastante bien. A primera hora coincido con los de Australia, y a última con los de Canadá. Evidentemente no hay que ser super rígido con esto porque entonces se pierda toda la gracia de conciliación laboral y flexibilidad que te ofrece esta forma de trabajar. Pero sí puede ayudar para no moverte a horas demasiado insanas  y a organizarte mejor la agenda del día. Que un día te levantas muy temprano y quieres avanzar curro, ningún problema, lo haces. Si ya has sacado el curro del día, probablemente plegues antes. Que tienes que salir a hacer un recado o quieres visitar a los abuelos, ningún problema, recuperas las horas por la tarde u otro día. Mientras sea la excepción…

2.- Separar espacios

Delimita espacios en la casa. Esto es uno de los consejos que más gente me fue dando antes de empezar a trabajar desde casa, y estoy totalmente de acuerdo en que ayuda. Lo ideal es tener un espacio exclusivo de la casa para dedicarlo al trabajo. Por ejemplo una habitación que sirva de oficina. Esto es lo más común que se puede hacer. Algunos me han afirmado incluso que esta oficina o espacio únicamente debería utilizarse para cuando estás trabajando, para delimitar bien los espacios. En mi caso sí tengo esta habitación-oficina donde trabajo todos los días, pero también la utilizo para cuando no estoy trabajando (por ejemplo para ocio, internet, o para trabajar con otros proyectos personales como Cine25) Lo importante es que estén los espacios diferenciados. Sin duda resultaría más complicado separar laboral-personal si por ejemplo no tuvieras dicha habitación y tuvieras que trabajar desde el salón de tu casa, donde está la tele, y que cuando hay gente en casa se ponen a ver la tele mientras estás programando en el mismo salón… uf, creo que hasta yo no podría hacer eso.

3.- Separar herramientas de trabajo

Marcar las fronteras de donde trabajas y donde no ayuda, pero también las herramientas que usas puede ayudarte a marcar más y mejor esta separación que buscamos. En mi caso, que soy programador, mi herramienta básica es el ordenador. Pues algo que he hecho es crear diferentes cuentas en el S.O. Una cuenta personal (la que ya tenía) y he creado una cuenta nueva para trabajar. De esta forma mi ficheros y configuraciones personales no se mezclan con los del trabajo. Puede parecer una tontería, pero a mí me ayuda. A lo mejor necesito instalar ciertas aplicaciones para trabajar, pero no para uso personal, y viceversa. Crearse cuentas distintas para uso personal y profesional puede ayudar en este sentido.

Si tuviera además del PC otro portátil, sin duda usaría el portátil para el trabajo. Es equivalente a que si creas 2 cuentas, pero mejor porque la “herramienta” es físicamente otra, y aumentas la percepción de separación de qué es personal o profesional. Para el teletrabajo creo que el portátil debería ser la herramienta estrella ya que te agrega una movilidad impresionante. Yo podría trabajar desde cualquier sitio que tenga una buena conexión de Internet. Esto significa, podría trabajar desde la terraza, desde mi torre de la costa brava (si tuviera una jeje), o desde una plaza o café (porque hoy me apetece estar fuera de casa) o prácticamente desde cualquier sitio (siempre con buena conexión, eso sí… en mi caso al menos. Para estar comunicado con mis compis) Dicho todo esto… creo que tendré que acabar comprándome un portátil… un Mac quizás… porque quiero ser guay

Separa y vencerás

Esto son algunos de los consejos que doy y que yo mismo utilizo. Respetar los espacios marcados dentro de la casa, tener una franja horaria de trabajo y no mezclar con exceso lo personal de lo laboral lo considero muy importante si quieres tener éxito a largo plazo. Además, tu círculo cercano (familia, pareja, etc.) se verán beneficiados también. Podrán disfrutar más de tu tiempo y con calidad. La verdad es que a mí me está ayudando mucho esta regla.

Flexibilidad horaria, flexibilidad para trabajar desde donde quieras… las posibilidades y combinaciones son múltiples, y pocas negativas por ahora. Después de un mes trabajando así creo que puedo decir sin miedo que estoy muy contento con el cambio. Tenía mis dudas, no voy a negarlo, pero creo que he acertado. Espero poder seguir afirmando lo mismo al cabo de unos meses

He creído que puede resultar divertido compartir mi experiencia personal con esta diferente forma de trabajar. Así que utilizaré este blog para hablar sobre ello.  He creado una nueva categoría en mi blog llamado Teletrabajo para diferenciarlo de los temas más propios de Front-End. Mi intención es compartir mis experiencias y sensaciones sobre el teletrabajo. Conozco a muy pocas personas que teletrabajen en España, por tanto no hay mucha información (personal) relacionado sobre el tema. Espero que mi experiencia sirva para comprender un poco mejor y más de cerca las posibilidades reales del teletrabajo, y quien sabe, si acabo animando a alguno a dar el salto y trabajar de forma remota desde casa, igual que he hecho yo… Veremos si la aventura acaba con fuegos artificiales y todos felices comiendo perdices, o encerrado en un solitario zulo oscuro y gris comiendo restos de ratas… Que todo puede ser

Ahí voy: Érase una vez un Front-End Engineer que…

Preparado para teletrabajar: Cambiar el chip

OK, la teoría del teletrabajo está muy bien y tal, pero ya sabes que dicen que “del dicho al hecho… hay un buen trecho“. Llevo toda mi vida profesional trabajando en oficinas de forma tradicional. Qué significa tradicional, pues lo que viene siendo normal para el 99% de nosotros de este sector, que es estar picando código codo con codo con los compañeros. Y de golpe y porrazo me encuentro con que voy a ponerme a trabajar de forma remota, separado de mis compañeros… es un escenario totalmente diferente, un cambio radical, es un cambio de paradigma importante. Lo primero que hice fue mentalizarme y prepararme para cambiar el chip. Creo que esto es algo muy importante antes de nada, clave diría, ya que es una realidad que hay que asumir cuanto antes, y hay que estar preparado mentalmente.

Otra cosa que hice fue buscar por Internet opiniones de gente que había teletrabajado alguna vez. No encontré mucha cosa (en parte es uno de los motivos por el que estoy escribiendo ahora) pero sí encontré opiniones y consejos de cómo trabajar con éxito desde casa. Se puede encontrar bastante de opiniones de autónomos y freelance dando su punto de vista sobre el trabajar desde casa. Me apunté algunas de estas recomendaciones (que compartiré en próximos posts) y algunas de ellas ya las he aplicado durante mi primera semana de trabajo en casa.

Semana 1

La rutina de cada mañana, previo al trabajo: la de levantarse, asearse, cambiarse de ropa, desayunar, etc. lo hice igual, como cualquier otro dia de trabajo. La diferencia estuvo en que en vez de salir a coger el tren (o el coche y chuparme el tráfico de la C-58) para ir a la oficina, lo que hice fue andar hacia mi habitación habilitada y acondicionada como “mi nueva oficina”, y voilà, ya había llegado al curro! No lo he cronometrado pero me atrevería a decir que no he tardado mucho más de un minuto “en llegar al curro ja, ja”.

Primeras sensaciones, buenas. Y lo digo con sinceridad. En cuanto al trabajo, muy similar al de cualquier otro comienzo de una empresa que se dedica al desarrollo de aplicaciones. Mucha configuración y muchísima documentación. En lo que se refiere a la experiencia del teletrabajo: Me esperaba algo más traumático, pero por fortuna no ha sido así… por ahora. Cierto es que sí se echa de menos a lo mejor girarte y ponerte a hablar con tu compañero. Eso no lo puedo hacer, pero sí chatear con mis compañeros. De hecho, en mi anterior trabajo muchas veces chateaba igual que lo hago ahora. Esto es un detalle en el que considero diferente mi trabajo con otro que trabaje como yo desde casa, pero Freelance por ejemplo. El segundo caso realmente es un trabajo más individual, normalmente por encargo de un cliente, y rara vez trabaja de forma colaborativa, dentro de un equipo de 2 o más personas (sí, excepciones las hay… pero hablo en general).  Esta supuesta “soledad” al trabajar desde casa era una de mis principales preocupaciones, pero al final queda diluida ya que la comunicación sigue siendo muy fluida con mis compañeros y mi jefe, solo que usando otros medios como es Internet, el Chat, la Wiki….

Como digo, la comunicación es fundamental en el teletrabajo, y parece ser que en mi empresa eso lo tienen en cuenta. En mi empresa utilizamos bastantes recursos: Usamos desde un chat corporativo (HipChat), una Intranet Corporativa, que sirve a la vez de Wiki, donde documentamos todo nuestro trabajo, nuestras tareas, propuestas, etc. Usamos Skype para tener conversaciones telefónicas, e incluso hemos llegado a utilizar ya esta primera semana herramientas como el join.me, que es una app bastante interesante ya que sirve para mostrar en tiempo real lo que uno ve en su pantalla a otro (o a otros), mientras él te va explicando por voz (micrófono) lo que quieras. Me gustó mucho ese rollo.

La primera y gran ventaja que he obtenido trabajando de esta forma es la de poder compaginar sin problemas asuntos personales o las tareas del hogar, con el trabajo. Este formato sin duda me da una flexbilidad horaria que antes no tenía. Al menos no a este nivel. Eso sí, creo que en esto he de acabar de adaptarme más. Sigo demasiado acostumbrado a un “horario de oficina”, que en parte no es malo para marcarme un límite de “ahora estoy trabajando”, “ahora no”, pero creo que aún no he sabido sacarle el máximo partido a la flexibilidad real que dispongo ahora.

Pues lo dicho, esta primera semana ha sido positiva, con buenas sensaciones. Creo que la clave ha sido seguir la misma rutina como si fueras a trabajar, con la diferencia de que me ahorro el desplazamiento. Trabajar con ropa normal de calle (no con pijama o albornoz por ejemplo), y de marcar una franja horaria de “más o menos voy a trabajar de tal hora hasta tal”. Estoy contento con el cambio y de cómo me he desenvuelto por ahora las cosas. Iré contando cómo evoluciona la cosa en los próximos días.

* Antes he relacionado el teletrabajo con el “trabajar desde casa”. Aunque puede estar relacionado, son dos conceptos que no tienen el mismo significado, no tienen por qué estar vinculados. Uno puede teletrabajar desde una oficina. Quería hacer esta matización porque mucha gente cuando le digo “voy a trabajar desde casa” empiezan a vincularlo con “freelance”, “autónomo que se ha de buscar la vida en busca de clientes”, “con la crisis la gente no paga”, etc. Totalmente erróneo. El teletrabajo es simplemente estar trabajando de forma remota con la empresa/compañeros. Otro día analizaré con más profundidad qué significa realmente teletrabajar.

Abrazar el cambio… ¿o no?

No resultó nada fácil tomar esta decisión. No estaba descontento con mi puesto y con el trabajo que llevaba a cabo (podría estar mejor, pero bien al fin y al cabo). No me encontraba con el típico caso de “es una oferta que no podía rechazar”. Más bien todo lo contrario “rechazando la oferta, seguiría estando bien”. Pero no confundamos, la oferta del nuevo trabajo y el proyecto en sí, sí me resultaron interesantes de entrada, pero a su vez era consciente de que me encontraba en una situación laboral estable y confortable. Decantarme por el nuevo proyecto implicaba sacrificar dicha estabilidad – algo normalmente codiciado, y más en los tiempos que corren actualmente en España – y correr un riesgo dada la incertidumbre de si irá bien o mal. Aparentemente parece que esté dando un paso hacia atrás porque ahora estoy en una empresa multinacional de más de mil empleados, y me voy a una empresa con menos de 10 empleados. Digo aparentemente porque no todo es cuestión de números. Personalmente no me parece dar un paso hacia atrás.  He sopesado todos los factores posibles, los pros y contras, he analizado el peor de los escenarios posibles, el mejor también… en definitiva, he analizado a consciencia cada una de las cosas que iba a perder, pero sobretodo ganar, y al final he tomado la decisión de dar el salto.

Evidentemente he tirado de mi círculo más cercano, les he expuesto mi caso y he recibido opiniones de todo tipo. Diría que están a la par los que apoyan y celebran el nuevo proyecto de trabajo, y los que ven con más escepticismo el riesgo (innecesario) que estoy tomando dejando mi puesto actual por el nuevo.

A lo largo de la vida, uno ha de ir tomando decisiones, algunas de ellas importantes y decisivas. Creo que en esta ocasión me ha tocado tomar una de las importantes…

¿Qué harías en mi lugar?

La edición de este año promete, tiene una agenda muy atractiva y unos speakers de auténtico peso: Rasmus Lerdof, Fabien Potencier o Carlos Buenosvinos, para citar a algunos. Habrán charlas y temas más que interesantes como “Caching on the edge” (técnicas de cacheado, cabeceras y demás), Team Engaging o el indispensable resumen de PHP que dará Rasmus Lerdof.

Van a ser 2 días intensos de mucha agitación, de aprender mucho muchísimo (espero), y como no, aprovechar para volver a ver caras conocidos y viejos compañeros de trabajo. Solo por esto último ya merece la pena ir.

Nos vemos en la #pbc11 (hashtag del evento) !!!

Si tú también vas a estar allí o quieres seguir de cerca mis impresiones, sígueme en Twitter.

Con la línea siguiente:

Event.observe(window, 'load', function() {});

Podremos ejecutar algo una vez la página esté completamente cargada. Muy útil si queremos asegurar por ejemplo que un div al que queremos interactuar está ya cargada en la página, o si queremos realizar cualquier acción tras la carga completa de la página. Esto es que están todos los elementos del DOM renderizados y todo el resto de elementos web cargados también: js, css e imágenes incluidos. Las peticiones AJAX no entrarían en este saco ya que son peticiones asíncronas y no se carga secuencialmente en el waterfall de la carga de la página.

Hasta aquí todo perfecto. Pero también tenemos otra condición que se usa mucho que es:

document.observe('dom:loaded', function(){});

Esta línea es muy similar a la anterior pero no son exactamente iguales. ¿En qué se diferencian?

Similares pero no iguales

¿Cuál es la diferencia? Pues en el caso del ‘dom:loaded’, éste avisa de cuándo están todos los elementos DOM cargados, independientemente de si están todas las imágenes descargadas.

Conocer la diferencia de estas dos técnicas de control de carga permitirá dominar con más precisión cómo y cuándo queremos ejecutar nuestros scripts, y podremos mejorar la velocidad de carga de la página, y prevenir posibles bugs.

Con jQuery es lo mismo

Antes he mencionado de los métodos que se usan en Prototype, pero con jQuery ocurre exactamente lo mismo. La sintaxis varía ligeramente, eso sí. La relación sería la siguiente:

// Carga del window.onload
// En Prototype
Event.observe(window, 'load', function() {});
// En jQuery
$(window).load(function(){});

// Carga del dom
// En Prototype
document.observe('dom:loaded', function(){});
// En jQuery
$(document).ready(function(){});

Los listeners son una herramienta muy potente, y no solo sirven para observar la carga de la página sino que se le puede dar muchos más usos.

Comentemos esta gráfica…

El tema es que me mudo de piso y como suele pasar durante una mudanza, uno aprovecha para deshacerse ciertas pertenencias que ya no usa, o no interesa llevarse al nuevo piso. Este es mi caso,  y estas son las cosas que pongo en venta, en mi particular “mercadillo”!

Si te interesa alguna cosa, deja un comentario aquí y me pondré en contacto contigo. El escritorio y las altavoces, idealmente debería ser para alguien de Barcelona o alrededores, ya que son productos que pesan mucho y no creo que salga a cuenta enviarlo por correo postal.

Entre las novedades que explica Sitepoint, me ha parecido interesantísimo:

console.timeStamp

Han añadido un nuevo comando API console.timeStamp(), que permite marcar una linea de tiempo en la gráfica de tiempo-carga que hay en el panel Red. Esto me parece buenísimo ya que permitirá depurar más y mejor, se podrá trabajar mucho mejor temas de optimización y velocidad de carga de la web, etc.

Solo por esta característica ya me lo estoy bajando.

Preview del color

Otra característica chula es que ahora Firebug muestra los colores en los formatos hex, rgb, rgba, hsl y hsla; y además te muestra en una tooltip pequeñita una previsualización del color.

También se destacan otras características como formato de dimensiones de cajas CSS3, Opciones del panel DOM, dirección IP en el panel Red, preview HTML en el panel Red (útil para ver respuestas JSON que devuelven html) y opciones adicionales para editores externos.

Puedes encontrar un resumen más completo en el artículo de Sitepoint o en el sitio oficial de Firebug.

Descargar Firefox 5

Descargar Firebug 1.8

Los pasos para instalar el plugin son*:

1. Ir a “Help -> Install New Software -> Add”
2. Introducir datos
   1. Name: “Rockstar Optimizer”
   2. Url: “http://update.rockstarapps.com”
3. En la lista que se carga debajo, checkear los componentes que quieres instalar (yo puse todos)
4. Ir dando al botón NEXT hasta finalizar la instalación.
5. Te pedirá que resetees el Eclipse. “Yes”.

* La versión Eclipse que he usado para instalar el plugin es “Eclipse IDE for JavaScript Web Developers. Version: Helios Service Release 1. Build id: 20100917-0705″

Cómo usar Rockstar Optimizer

Una vez instalado el plugin, es muy fácil de usar. Tan solo has de seleccionar el archivo JS (o los archivos JS) que quieres comprimir y/o minimizar y darle al botón derecho. Aparecerá una opción nueva denominada “Rockstarapps”. Dentro de esta opción aparecerán las diferentes acciones que puedes aplicar como:

• Comprimir Javascript
• Validar JsLint
• Concatenar Javascripts (si seleccionaste varios)

La primera acción de comprimir es la que más me interesa y está bastante bien porque la acción es altamente personalizable. Te da a elegir diferentes modos de compresión como el YUI Compressor, o el Closure Complier de Google. Después hay una serie de opciones para configurar el nivel de compresión y validación que se quiere aplicar.

La ventajas de añadir un paso “Build” en la fase de desarrollo

Optimizar los ficheros JS y reducir el número de peticiones está en el orden del día. En la actualidad hay una gran variedad de opciones y alternativas para realizar un “Build”. Se pueden crear procesos Ant en el Eclipse o Netbeans, se puede incluso automatizar este proceso para que lo haga el propio servidor, existen herramientas online que te minimiza y comprime cualquier script o fichero JS, etc.

Lo que me ha gustado de este plugin Rockstar Optimizer es su facilidad de uso y que está integrado en el editor que uso a diario para programar.

¿Lo has usado? ¿Cuál es tu impresión?

Fuente: rockstarapps